/* ==========================================================================
   Women's guide pages: late layer  (extracted from women.html)
   --------------------------------------------------------------------------
   Style blocks 5-6 of the hub, verbatim. These sat AFTER rebrand.css inline
   and override it, so they must keep loading after it. See the load order in
   guide-women-base.css.
   ========================================================================== */

/* Guide chooser: chip row on desktop, single dropdown on mobile */
.guide-chooser-toggle{ display:none; }
@media (max-width:700px){
  .guides-intro nav.guide-chooser{ padding-bottom:0 !important; }
  .guide-chooser-toggle{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    width:100%; max-width:440px; margin:0 auto 16px; cursor:pointer;
    font-family:inherit; font-size:14px; font-weight:600; color:var(--mid);
    background:#fff; border:1px solid var(--border); border-radius:18px;
    padding:15px 22px; text-align:left;
  }
  .guide-chooser-toggle .gct-caret{ transition:transform .25s ease; font-size:12px; }
  .guide-chooser-toggle[aria-expanded="true"] .gct-caret{ transform:rotate(180deg); }
  .guide-chooser{
    display:none !important; flex-direction:column !important; flex-wrap:nowrap !important;
    align-items:stretch !important; justify-content:flex-start !important; gap:8px !important;
    width:100% !important; max-width:440px !important; margin:0 auto 50px !important;
    padding:14px !important; background:#fff; border:1px solid var(--border);
    border-radius:18px; max-height:62vh; overflow-y:auto; text-align:left;
  }
  .guide-chooser.open{ display:flex !important; }
  .guide-chooser a{ display:block; }
}
/* ===== Joyful colour layer, warmer, brighter & more uplifting sitewide ===== */
:root{
  --cream:#FBF1F7;            /* sunnier, warmer cream */
  --accent:#6E5DC6;          /* brighter, happier violet */
  --accent-light:#ECE7FA;
  --jc1:#E57BA6; --jc1-l:#FBE5F0;  /* rose pink    */
  --jc2:#D973C2; --jc2-l:#F8E5F3;  /* orchid pink  */
  --jc3:#B07FDD; --jc3-l:#EFE6FA;  /* lilac        */
  --jc4:#9579D2; --jc4-l:#EAE3F8;  /* soft violet  */
  --jc5:#E589C0; --jc5-l:#FAE6F2;  /* magenta pink */
  --jc6:#8A66CC; --jc6-l:#ECE5F8;  /* deep violet  */
}

/* Cheerful, sunlit announcement bar */
.marquee-bar{ background:linear-gradient(90deg,#D85BA0,#C158B8 33%,#9E5BD0 66%,#7E5BC4)!important; color:#fff!important; text-shadow:0 1px 2px rgba(0,0,0,.22); }

/* Warm sunrise wash behind every hero */
.hero, .sup-hero{ background:linear-gradient(160deg,var(--jc2-l) 0%, var(--cream) 44%, var(--jc6-l) 100%)!important; }

/* Friendly, sunny call-to-action buttons */
.nav-cta, .tcta-arrow{ background:linear-gradient(135deg,var(--jc2),var(--jc1))!important; color:var(--charcoal)!important; border-radius:100px; }

/* Rotating, cheerful accent stripe across card grids */
.sup-card,.topic-card,.resource-card,.truth-card,.video-card,.tool-card{ background:var(--jc2-l) !important; border-top:4px solid var(--jc2); }
.sup-card:nth-of-type(6n+1),.topic-card:nth-of-type(6n+1),.resource-card:nth-of-type(6n+1),.truth-card:nth-of-type(6n+1),.video-card:nth-of-type(6n+1),.tool-card:nth-of-type(6n+1){ border-top-color:var(--jc1); }
.sup-card:nth-of-type(6n+2),.topic-card:nth-of-type(6n+2),.resource-card:nth-of-type(6n+2),.truth-card:nth-of-type(6n+2),.video-card:nth-of-type(6n+2),.tool-card:nth-of-type(6n+2){ border-top-color:var(--jc2); }
.sup-card:nth-of-type(6n+3),.topic-card:nth-of-type(6n+3),.resource-card:nth-of-type(6n+3),.truth-card:nth-of-type(6n+3),.video-card:nth-of-type(6n+3),.tool-card:nth-of-type(6n+3){ border-top-color:var(--jc3); }
.sup-card:nth-of-type(6n+4),.topic-card:nth-of-type(6n+4),.resource-card:nth-of-type(6n+4),.truth-card:nth-of-type(6n+4),.video-card:nth-of-type(6n+4),.tool-card:nth-of-type(6n+4){ border-top-color:var(--jc4); }
.sup-card:nth-of-type(6n+5),.topic-card:nth-of-type(6n+5),.resource-card:nth-of-type(6n+5),.truth-card:nth-of-type(6n+5),.video-card:nth-of-type(6n+5),.tool-card:nth-of-type(6n+5){ border-top-color:var(--jc5); }

/* Colourful left edge on the resource list items */
.res-item{ border-left:4px solid var(--jc3); }
.res-item:nth-of-type(5n+1){ border-left-color:var(--jc1); }
.res-item:nth-of-type(5n+2){ border-left-color:var(--jc2); }
.res-item:nth-of-type(5n+3){ border-left-color:var(--jc4); }
.res-item:nth-of-type(5n+4){ border-left-color:var(--jc5); }
.res-item:nth-of-type(5n+5){ border-left-color:var(--jc6); }

/* Sunny, encouraging info boxes on the guides */
.why-box{ background:var(--jc2-l)!important; border-left:4px solid var(--jc2); }
.say-line{ background:var(--jc4-l)!important; border-left:3px solid var(--jc4); }

/* Pink, rounded guides-index panel with white pills */
.guides-intro nav a{ background:#fff !important; border:1px solid #F4C4DD !important; }
.guides-intro nav{ margin:0 auto 72px !important; }

/* Soft lilac glow on the mission section */
.mission{ background:linear-gradient(180deg,#ffffff 0%, var(--jc6-l) 100%); }

/* Cheerful rainbow edge along the dark sections */
.founder-note, footer{ position:relative; }
.founder-note::after, footer::after{ content:""; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg,var(--jc1),var(--jc2),var(--jc5),var(--jc3),var(--jc4),var(--jc6)); }