/* --- Midlife Lately Button Styling --- */
.wp-block-button__link,
button,
input[type="submit"] {
  background-color: #B76E79;
  color: #FFFFFF;
  border: none;
  border-radius: 40px;
  padding: 10px 28px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
  background-color: #6D214F;
  color: #FAF8F9;
  transform: translateY(-2px);
}
/* Universal button styling – wins against block inline styles */
.wp-block-button .wp-block-button__link,
.wp-element-button,
a.button,
button,
input[type="submit"],
.more-link,
.read-more {
  background-color: #B76E79 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 40px !important;
  padding: 10px 28px !important;
  transition: all .3s ease !important;
}

.wp-block-button .wp-block-button__link:hover,
.wp-element-button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
.more-link:hover,
.read-more:hover {
  background-color: #6D214F !important;
  color: #FAF8F9 !important;
  transform: translateY(-2px);
}
/* --- Header/Logo: keep logo visible, hide slider visuals, prevent cropping --- */

.site-header, #masthead, .page-header, .site-branding {
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
}

.custom-logo {
  max-height: 110px !important;
  height: auto !important;
  width: auto !important;
  display: block !important;
  margin: 8px auto 0 !important;
}

.featured-slider,
.featured-slider .slides,
.featured-slider .slide,
.page-header {
  background: transparent !important;
  border: none !important;
}

.featured-slider .slides,
.featured-slider .slide {
  min-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
}

.page-header {
  padding: 20px 0 10px !important;
}

.site-branding {
  text-align: center !important;
  margin-top: 0 !important;
}

/* Soft lift for header */
.site-header,
#masthead {
  background-color: #ffffff !important;
  position: relative;
  z-index: 20;
}
/* --- Dynamic accent border under header --- */
:root {
  /* This variable mirrors your theme accent color */
  --accent-color: #B76E79;
}

.site-header,
#masthead {
  border-bottom: 2px solid var(--accent-color) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
  background-color: #ffffff !important;
  position: relative;
  z-index: 20;
}

/* Optional: automatically update if WordPress accent color changes */
body[data-color-scheme*="accent"] .site-header,
body[data-color-scheme*="accent"] #masthead {
  border-color: var(--accent-color) !important;
}
/* --- Dynamic navigation hover + active link styling --- */
.main-navigation a {
  color: #333333 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

/* Hover state */
.main-navigation a:hover {
  color: var(--accent-color) !important;
  border-bottom: 2px solid var(--accent-color) !important;
  padding-bottom: 2px !important;
}

/* Active page (current menu item) */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
  color: var(--accent-color) !important;
  border-bottom: 2px solid var(--accent-color) !important;
  padding-bottom: 2px !important;
}
.main-navigation a {
  transition: color 0.25s ease, border-bottom-color 0.25s ease;
}
/* --- Mobile menu styling (accent-matched) --- */

/* === Mobile menu fade-in (Ashe) === */

/* Base (closed) state */
.main-navigation .menu,
.mobile-menu,
.offcanvas-menu {
  opacity: 0;
  transform: translateY(-8px);
  visibility: hidden;
  transition: opacity .28s ease, transform .28s ease, visibility 0s linear .28s;
  will-change: opacity, transform;
  z-index: 1000;
}

/* Open state (Ashe uses `.toggled` on the navigation when menu is open) */
.main-navigation.toggled .menu,
.main-navigation.toggled .mobile-menu,
.main-navigation.toggled .offcanvas-menu {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition: opacity .28s ease, transform .28s ease, visibility 0s linear 0s;
  background-color: rgba(255,255,255,0.96);
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

/* Subtle stagger for top-level items (looks premium) */
.main-navigation.toggled .menu > li {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
}
.main-navigation.toggled .menu > li:nth-child(1) { transition-delay: .05s; }
.main-navigation.toggled .menu > li:nth-child(2) { transition-delay: .10s; }
.main-navigation.toggled .menu > li:nth-child(3) { transition-delay: .15s; }
.main-navigation.toggled .menu > li:nth-child(4) { transition-delay: .20s; }
.main-navigation.toggled .menu > li:nth-child(5) { transition-delay: .25s; }
.main-navigation.toggled .menu > li:nth-child(6) { transition-delay: .30s; }
.main-navigation.toggled .menu > li:nth-child(7) { transition-delay: .35s; }

/* When open, reveal items */
.main-navigation.toggled .menu > li {
  opacity: 1;
  transform: translateY(0);
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .main-navigation .menu,
  .mobile-menu,
  .offcanvas-menu,
  .main-navigation.toggled .menu > li {
    transition: none !important;
    transform: none !important;
  }
}
/* (Optional) tighten the space between the hero and the headline below */
.home .entry-content > *:first-child + * {
  margin-top: 12px !important;
}
/* === Home hero: subtle bottom fade only (no size changes) === */
#home-hero {
  position: relative;
  overflow: hidden;
}

#home-hero .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}
/* === Home hero: slightly softer image + stronger bottom fade === */
#home-hero.wp-block-cover { position: relative; overflow: hidden; }

/* Make the built-in dim layer a touch stronger */
#home-hero .wp-block-cover__background {
  opacity: 0.16 !important;   /* try 0.12–0.20 to taste */
  z-index: 0 !important;
  pointer-events: none;
}

/* Top rose glow + bottom blend into page */
#home-hero::before, 
#home-hero::after { content:""; position:absolute; left:0; right:0; pointer-events:none; z-index:1; }

#home-hero::before {
  top:0; height:110px;
  background: linear-gradient(to bottom,
    rgba(183,110,121,.18) 0%,
    rgba(183,110,121,.06) 55%,
    rgba(255,255,255,0) 100%
  );
}

/* Slightly stronger bottom fade so the tagline area feels seamless */
#home-hero::after {
  bottom:0; height:120px;     /* adjust 90–140 if needed */
  background: linear-gradient(to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.40) 65%,
    #ffffff 100%
  );
}
/* === Footer Contact Link Hover Effect === */
footer a[href*="contact"] {
  transition: color 0.3s ease, text-decoration-color 0.3s ease;
}

footer a[href*="contact"]:hover {
  color: #b8586d; /* a slightly deeper rose */
  text-decoration-color: #b8586d;
}
/* Home hero background — single source of truth */
#home-hero .wp-block-cover__background {
  opacity: 0.16 !important;  /* set your final value here */
  z-index: 0 !important;
  pointer-events: none;
}

/* Add more space between hero image and tagline */
.home .wp-block-cover:first-of-type {
  margin-bottom: 30px !important; /* adjust to 30–60px for preference */
}

/* Optional: slightly smaller gap on mobile */
@media (max-width: 781px) {
  .home .wp-block-cover:first-of-type {
    margin-bottom: 28px !important;
  }
}