/* My Reflective Collective V23: final sage button + black text readability override
   DO NOT redesign content. Goal: no dark buttons, no white/invisible words. */
:root{
  --mrc-black:#101010;
  --mrc-sage:#dbead5;
  --mrc-sage-2:#eaf5e6;
  --mrc-cream:#fffaf0;
  --mrc-lavender:#f4efff;
  --mrc-gold:#fff1c9;
  --mrc-border:#9aae91;
  --mrc-shadow:0 10px 28px rgba(37,45,31,.18);
}
html, body{
  color:var(--mrc-black)!important;
  -webkit-text-fill-color:var(--mrc-black)!important;
  font-family:"DM Sans", Arial, Helvetica, sans-serif!important;
  background:
    linear-gradient(rgba(250,248,238,.82),rgba(250,248,238,.82)),
    url("assets/olive-wildflower-path.png") center top / cover fixed no-repeat!important;
}
/* Make every readable word black. No white text, no glow/stroke experiments. */
body *:not(svg):not(svg *):not(canvas):not(img):not(video):not(audio){
  color:var(--mrc-black)!important;
  -webkit-text-fill-color:var(--mrc-black)!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  text-stroke:0!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  filter:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
}
/* Keep layout centered and prevent off-screen content. */
body{overflow-x:hidden!important;}
main,.page,.page-shell,.section-shell,section,article{
  max-width:1120px!important;
  width:min(1120px, calc(100% - 28px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Header/menu always visible and readable. */
.site-header, header, .header, .nav-wrap, .navbar{
  position:sticky!important;
  top:0!important;
  z-index:99999!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px clamp(12px,2vw,28px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  background:rgba(255,250,240,.98)!important;
  border-bottom:3px solid rgba(119,139,109,.55)!important;
  box-shadow:0 8px 24px rgba(34,45,31,.16)!important;
  backdrop-filter:none!important;
}
.brand,.site-title,.logo{
  background:var(--mrc-cream)!important;
  border:2px solid var(--mrc-border)!important;
  border-radius:999px!important;
  padding:.62rem .95rem!important;
  color:var(--mrc-black)!important;
  -webkit-text-fill-color:var(--mrc-black)!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:var(--mrc-shadow)!important;
}
.menu-toggle{display:none!important;}
#primary-nav,nav,.nav-links,.site-nav{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  transform:none!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}
/* NO DARK BUTTONS ANYWHERE */
a, a:visited{color:var(--mrc-black)!important; -webkit-text-fill-color:var(--mrc-black)!important;}
button,.button,.btn,.cta,a.button,a.btn,.hero-actions a,.actions a,.resource-actions a,
#primary-nav a,nav a,.nav-links a,.site-nav a,.site-header a:not(.brand),.header a:not(.brand),
input[type="button"],input[type="submit"],.filter-btn,.chip,.tag,.pill,.sound-main,.download,.preview-link,
.sound-panel button,[role="button"],.petal,.path-button,.therapy-button,.resource-link,.workbook-link{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.4rem!important;
  min-height:44px!important;
  padding:.72rem 1rem!important;
  margin:.24rem!important;
  background:var(--mrc-sage)!important;
  background-color:var(--mrc-sage)!important;
  color:var(--mrc-black)!important;
  -webkit-text-fill-color:var(--mrc-black)!important;
  border:2px solid var(--mrc-border)!important;
  border-radius:999px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 5px 14px rgba(37,45,31,.12)!important;
}
button:hover,.button:hover,.btn:hover,.cta:hover,a.button:hover,a.btn:hover,.filter-btn:hover,.chip:hover,
#primary-nav a:hover,nav a:hover,.site-nav a:hover,.site-header a:hover{
  background:var(--mrc-sage-2)!important;
  background-color:var(--mrc-sage-2)!important;
  outline:3px solid var(--mrc-black)!important;
}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:4px solid var(--mrc-black)!important;
  outline-offset:3px!important;
}
/* All text-holding panels must be light enough for black text. */
.hero,.hero-copy,.card,.cards,.tile,.panel,.glass,.path-card,.resource-card,.workbook-card,
.practice-card,.sound-card,.resource-item,.reader-card,.notice,.callout,.mission-card,.section-card,
.disclaimer-box,.footer-note,.journal-card,.reflection-card,.garden-card,.bloom,.care-message,
.dialog-content,.modal-content,.resource-dialog,.care-dialog,.search-panel,.library-card,
.site-footer,.footer,.sound-dock,.sound-panel,.support-bar,.crisis-banner,.safety-strip,.site-alert,
[class*="card"],[class*="panel"],[class*="box"],[class*="tile"],[class*="notice"],[class*="callout"]{
  background:rgba(255,250,235,.96)!important;
  background-color:rgba(255,250,235,.96)!important;
  color:var(--mrc-black)!important;
  -webkit-text-fill-color:var(--mrc-black)!important;
  border:2px solid rgba(119,139,109,.45)!important;
  border-radius:22px!important;
  box-shadow:var(--mrc-shadow)!important;
  backdrop-filter:none!important;
}
/* Gentle alternating light panels, still black text. */
section:nth-of-type(3n), .resource-card:nth-child(3n), .workbook-card:nth-child(3n){background:rgba(244,239,255,.96)!important;}
section:nth-of-type(3n+1), .resource-card:nth-child(3n+1), .workbook-card:nth-child(3n+1){background:rgba(237,247,238,.96)!important;}
section:nth-of-type(3n+2), .resource-card:nth-child(3n+2), .workbook-card:nth-child(3n+2){background:rgba(255,241,201,.96)!important;}
/* Inputs/search: readable */
input,textarea,select,.search-input,#resource-search,[type="search"]{
  background:#fff!important;
  background-color:#fff!important;
  color:var(--mrc-black)!important;
  -webkit-text-fill-color:var(--mrc-black)!important;
  border:3px solid var(--mrc-black)!important;
  border-radius:16px!important;
  padding:.85rem 1rem!important;
  font-size:1rem!important;
  font-weight:800!important;
}
::placeholder{color:#333!important; -webkit-text-fill-color:#333!important; opacity:1!important;}
/* Safety strip should be visible but not dark. */
.support-bar,.crisis-banner,.safety-strip,.site-alert{
  background:#fff3c8!important;
  background-color:#fff3c8!important;
  border-color:#9d7a00!important;
  font-weight:800!important;
  text-align:center!important;
}
.quick-exit{background:#ffdede!important;background-color:#ffdede!important;color:#111!important;-webkit-text-fill-color:#111!important;}
/* Footer/disclaimer readable. */
.educational-footer,.site-footer,.footer,footer{
  background:rgba(255,250,235,.98)!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border-top:3px solid rgba(119,139,109,.5)!important;
}
/* Mobile: keep buttons stacked but visible */
@media (max-width: 760px){
  body{font-size:17px!important;}
  #primary-nav a,nav a,.nav-links a,.site-nav a,button,.button,.btn,.cta,a.button,a.btn{width:auto!important; max-width:100%!important;}
  .site-header,header{align-items:center!important; justify-content:center!important;}
}