/* v464 AphroGlow — sitewide (header + body). Footer intentionally untouched. */
:root{
  --bg-base:#F7F5FB;   /* porcelain-lavender */
  --bg-alt:#F2EEF8;    /* soft alternate */
  --card-bg:#FFFFFF;
  --card-border:#ECE7F6;
  --ink-900:#0F172A;
  --ink-700:#334155;
}

/* Global canvas */
html, body{
  background: var(--bg-base);
  color: var(--ink-900);
}

/* Header/Navigations adopt AphroGlow */
header, .site-header, nav, .navbar, .topbar{
  background: var(--bg-base) !important;
  color: var(--ink-900) !important;
  border-bottom: 1px solid rgba(17,24,39,.06);
}
header a, .site-header a, nav a, .navbar a, .topbar a{
  color: var(--ink-900) !important;
  text-decoration: none;
}
header a:hover, .site-header a:hover, nav a:hover, .navbar a:hover, .topbar a:hover{
  opacity: .85;
}

/* Keep the footer as-is (no overrides here) */
footer, .site-footer{}

/* Main content */
main, #main, #main-content, #content, [role="main"], .main{
  background: transparent; /* body already set */
  color: var(--ink-900);
}

/* Gentle striping for sections, excluding hero/wallpaper blocks */
main > section:not(.hero):not([class*="hero"]):not(.wallpaper):not([class*="wallpaper"]):nth-of-type(even),
#main-content > section:not(.hero):not([class*="hero"]):not(.wallpaper):not([class*="wallpaper"]):nth-of-type(even),
#content > section:not(.hero):not([class*="hero"]):not(.wallpaper):not([class*="wallpaper"]):nth-of-type(even),
[role="main"] > section:not(.hero):not([class*="hero"]):not(.wallpaper):not([class*="wallpaper"]):nth-of-type(even),
.main > section:not(.hero):not([class*="hero"]):not(.wallpaper):not([class*="wallpaper"]):nth-of-type(even){
  background: var(--bg-alt);
}

/* Cards & panels */
main .card, main .panel, main [class*="card"], main [class*="panel"],
#main-content .card, #main-content .panel, #main-content [class*="card"], #main-content [class*="panel"],
.pricing-card, .feature, .tile{
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(17,24,39,.03);
}

/* Links in content */
main a, #main-content a, #content a, [role="main"] a, .main a{ color:#4C1D95; }
main a:hover, #main-content a:hover, #content a:hover, [role="main"] a:hover, .main a:hover{ color:#6D28D9; }

/* Respect hero/wallpaper background images: never override */
:where(.hero, [class*="hero"], .wallpaper, [class*="wallpaper"]){
  background: inherit !important;
}

/* Keep the slightly larger logo from earlier */
.site-header .site-logo img, header .site-logo img, header nav img[alt*="aphrowise" i]{
  height:28px!important; width:auto!important; max-height:32px; object-fit:contain;
}
@media (max-width:560px){
  .site-header .site-logo img, header .site-logo img, header nav img[alt*="aphrowise" i]{ height:24px!important; }
}


/* ---------- v466 hotfix: hero overlay & duplicate band protection ---------- */
:root{ --aw-v466: 1; }

/* Never paint backgrounds on any descendant inside hero/wallpaper blocks */
:where(.hero,[class*="hero"],.wallpaper,[class*="wallpaper"]) *{
  background: none !important;
  background-image: none !important;
}

/* Keep readable text over heroes via simple shadow (does not add bands/boxes) */
:where(.hero,[class*="hero"],.wallpaper,[class*="wallpaper"]) h1,
:where(.hero,[class*="hero"],.wallpaper,[class*="wallpaper"]) h2,
:where(.hero,[class*="hero"],.wallpaper,[class*="wallpaper"]) p{
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* Remove section striping entirely to avoid accidental overlays */
main > section,
#main-content > section,
#content > section,
[role="main"] > section,
.main > section{
  background: transparent !important;
}

/* Only style cards/panels when NOT inside hero/wallpaper */
:where(main,#main,#main-content,#content,[role="main"],.main) :where(.card,.panel,[class*="card"],[class*="panel"]):not(:where(.hero *,[class*="hero"] *,.wallpaper *)){
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(17,24,39,.03);
}