/* =============================================
   THE FLORIST BUSINESS — SITE-WIDE CSS
   Cleaned and rewritten for the new homepage
   ============================================= */

/* =============================================
   HOMEPAGE — let Custom HTML sections breathe
   The new homepage uses self-contained sections
   that handle their own layout, width, padding,
   and centring. The CSS below stops the theme
   from constraining them.
   ============================================= */

/* Remove text width constraints on the homepage */
.home .entry-content p,
.home .entry-content h1,
.home .entry-content h2,
.home .entry-content h3 {
    max-width: none;
}

/* Remove default padding the theme adds to homepage groups */
.home .entry-content > .wp-block-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Stop the theme forcing hero centring rules that conflict */
.home .entry-content > .wp-block-group:first-of-type {
    text-align: inherit !important;
}

.home .entry-content > .wp-block-group:first-of-type h1,
.home .entry-content > .wp-block-group:first-of-type h2,
.home .entry-content > .wp-block-group:first-of-type p {
    text-align: inherit !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
}

/* Make sure Custom HTML sections render full-width on homepage */
.home .wp-block-html {
    width: 100%;
}

/* =============================================
   TYPOGRAPHY — non-homepage pages
   Keeps the original constraints for About,
   Contact, and other internal pages that still
   use the default theme layout.
   ============================================= */

.entry-content p,
.entry-content h2,
.entry-content h3 {
    max-width: 680px;
}

/* But undo this on the homepage (override) */
.home .entry-content p,
.home .entry-content h2,
.home .entry-content h3 {
    max-width: none;
}

/* =============================================
   BUTTONS — keep theme button behaviour
   ============================================= */

.wp-block-button__link {
    display: inline-block !important;
    width: auto !important;
}

.wp-block-buttons {
    display: flex !important;
    flex-wrap: wrap;
}

.entry-content .wp-block-buttons {
    display: inline-flex !important;
}

.entry-content .wp-block-button {
    width: auto !important;
}

/* =============================================
   NAVIGATION — keep as is
   ============================================= */

/* Get Instant Access button in header */
.main-header-menu a[href*="buy"] {
    background: #8C7355;
    color: #F2EFE9 !important;
    padding: 8px 20px !important;
    border-radius: 4px;
}

/* Nav link transitions */
.main-header-menu a,
#site-navigation a {
    transition: all 0.2s ease;
}

/* Mobile menu text colour */
.main-header-menu .menu-item a,
.ast-mobile-menu-buttons,
#ast-mobile-header .menu-item a,
.ast-mobile-popup-drawer .menu-item a {
    color: #1A1F16 !important;
}

/* =============================================
   404 PAGE
   ============================================= */

.error404 .ast-404-layout-1 {
    padding-top: 40px !important;
}

/* =============================================
   FOOTER
   ============================================= */

.footer-adv-widget-area .menu li,
.site-footer .menu li {
    margin-bottom: 8px !important;
}
/* =============================================
   MOBILE RESPONSIVENESS — homepage sections
   Stacks all multi-column grids on smaller screens
   and tightens spacing for mobile readability.
   ============================================= */

@media (max-width: 768px) {
  
  /* Force all CSS Grid layouts in Custom HTML to stack */
  .home .wp-block-html section [style*="display: grid"],
  .home .wp-block-html section [style*="display:grid"] {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  
  /* Reduce section padding on mobile so content has room */
  .home .wp-block-html section {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  
  /* Tighten hero spacing specifically */
  .home .wp-block-html section:first-of-type {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  
  /* Scale headlines down a touch on mobile */
  .home .wp-block-html section h1,
  .home .wp-block-html section h2 {
    font-size: clamp(28px, 7vw, 36px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.3px !important;
  }
  
  /* Body copy stays readable */
  .home .wp-block-html section p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
  
  /* Eyebrow text smaller on mobile */
  .home .wp-block-html section p[style*="letter-spacing: 3px"] {
    font-size: 11px !important;
  }
  
  /* Buttons full-width-ish for thumb-friendly tap targets */
  .home .wp-block-html section a[style*="background-color: #8C7355"] {
    display: inline-block !important;
    padding: 16px 28px !important;
    font-size: 12px !important;
  }
  
  /* The Close section — adjust the giant headline */
  .home .wp-block-html section h2[style*="clamp(36px"] {
    font-size: clamp(26px, 7vw, 34px) !important;
  }
  
  /* Stack the founder block image and text */
  .home .wp-block-html section [style*="aspect-ratio: 4 / 5"] {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
  
  /* Stack the email capture form */
  .home .wp-block-html section form {
    margin-top: 24px;
  }
  
  /* Pillar lines (Positioning · Architecture · Close etc.) — keep on one line */
  .home .wp-block-html section p[style*="letter-spacing: 3px"][style*="text-transform: uppercase"] {
    font-size: 10px !important;
    letter-spacing: 2px !important;
  }
  
  /* FAQ summary text — smaller on mobile */
  .home .wp-block-html section summary {
    font-size: 16px !important;
  }
  
  /* Tighten the gap between the eyebrow and headline */
  .home .wp-block-html section h2 {
    margin-bottom: 32px !important;
  }
 /* Footer link styling */
.site-footer .menu-item a {
  font-family: 'Lato', sans-serif !important;
  font-size: 15px !important;
  color: #F2EFE9 !important;
  text-decoration: none !important;
  opacity: 0.7 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 2.2 !important;
}

.site-footer .menu-item a:hover {
  opacity: 1 !important;
  color: #8C7355 !important;
}

/* Footer nav spacing */
.site-footer .footer-adv-widget-area {
  padding: 64px 24px !important;
}

/* Copyright text */
.ast-copyright-meta,
.ast-footer-copyright {
  font-family: 'Lato', sans-serif !important;
  font-size: 12px !important;
  color: #F2EFE9 !important;
  opacity: 0.35 !important;
  padding: 24px !important;
}