/* Coco's Wealth of Health — newsletter archive landing page */
:root{
  --woh-green:#3b7a3b; --woh-green-dark:#2c5e2c; --woh-sand:#f7f4ec;
  --woh-ink:#2b2b25; --woh-mut:#7a7a6e; --woh-line:#e4e0d4;
}
body.site{ background:var(--woh-sand); }
.woh-page{ max-width:1100px; margin:0 auto; }

/* hero */
.woh-hero{ text-align:center; padding:30px 16px 26px; }
.woh-logo{ max-width:230px; height:auto; margin:0 auto 14px; display:block; }
.woh-h1{ font-size:2.1rem; margin:.2em 0 .15em; color:var(--woh-green-dark); letter-spacing:-.01em; }
.woh-tag{ max-width:620px; margin:0 auto 20px; color:var(--woh-mut); font-size:1.05rem; line-height:1.6; }
.woh-cta{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.woh-btn{ display:inline-block; padding:11px 22px; border-radius:30px; font-weight:600; text-decoration:none;
  border:2px solid var(--woh-green); color:var(--woh-green); background:#fff; transition:.15s; }
.woh-btn:hover{ background:var(--woh-green); color:#fff; }
.woh-btn-primary{ background:var(--woh-green); color:#fff; }
.woh-btn-primary:hover{ background:var(--woh-green-dark); border-color:var(--woh-green-dark); }
.woh-count{ text-align:center; color:var(--woh-mut); font-size:.95rem; margin:6px 0 26px; }

/* year sections */
.woh-year{ margin:0 0 30px; }
.woh-year-h{ font-size:1.15rem; color:var(--woh-green-dark); border-bottom:2px solid var(--woh-line);
  padding-bottom:6px; margin:0 0 16px; text-transform:uppercase; letter-spacing:.06em; }

/* grid of newsletter cards */
.woh-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px; }
.woh-card{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--woh-line);
  border-radius:12px; padding:16px 18px; text-decoration:none; color:var(--woh-ink);
  box-shadow:0 1px 2px rgba(0,0,0,.04); transition:.16s; min-height:120px; }
.woh-card:hover{ transform:translateY(-3px); box-shadow:0 8px 22px rgba(0,0,0,.10); border-color:var(--woh-green); }
.woh-date{ font-size:.78rem; font-weight:700; color:var(--woh-green); text-transform:uppercase; letter-spacing:.04em; }
.woh-subject{ font-size:1.02rem; font-weight:600; line-height:1.35; margin:8px 0 14px; flex:1; }
.woh-read{ font-size:.85rem; font-weight:600; color:var(--woh-mut); }
.woh-card:hover .woh-read{ color:var(--woh-green); }

/* footer line */
.woh-foot{ text-align:center; color:var(--woh-mut); font-size:.9rem; padding:24px 0 10px; border-top:1px solid var(--woh-line); margin-top:10px; }
.woh-foot a{ color:var(--woh-green); font-weight:600; text-decoration:none; }

/* tidy Cassiopeia chrome on the landing page */
.com-content-article__body > p:empty{ display:none; }
@media (max-width:540px){ .woh-h1{ font-size:1.6rem; } }

/* ===== Header fix: slim, light, on-brand (was big navy-blue + huge logo) ===== */
:root{
  --cassiopeia-color-primary:#3b7a3b; --cassiopeia-color-hover:#2c5e2c;
  --cassiopeia-color-link:#3b7a3b; --link-color:#3b7a3b; --link-hover-color:#2c5e2c;
}
.container-header{
  background:#ffffff !important;
  background-image:none !important;
  box-shadow:0 1px 4px rgba(0,0,0,.08) !important;
  border-bottom:1px solid var(--woh-line);
}
.container-header .grid-child{ padding-top:8px; padding-bottom:8px; align-items:center; }
.brand-logo{ display:inline-flex; align-items:center; }
.brand-logo img{ max-height:42px !important; width:auto !important; }
/* nav: dark text, green active/hover (not white-on-blue) */
.container-header .mod-menu .nav-item > a{ color:var(--woh-ink) !important; font-weight:600; padding:.4rem .8rem; }
.container-header .mod-menu .nav-item > a:hover,
.container-header .mod-menu .nav-item.active > a,
.container-header .mod-menu .nav-item.current > a{ color:var(--woh-green) !important; }
/* mobile menu toggle colour */
.container-header .navbar-toggler, .container-header .icon-menu{ color:var(--woh-green) !important; }
/* reduce hero top gap now that header is slim */
.woh-hero{ padding-top:22px; }

/* ===== Footer: readable text + working social icons ===== */
.container-footer{ background:var(--woh-green-dark) !important; background-image:none !important; padding:28px 16px !important; }
.container-footer .grid-child{ text-align:center; }
.container-footer, .container-footer p, .container-footer span, .container-footer strong{ color:#ffffff !important; }
.container-footer a{ color:#d4ead4 !important; text-decoration:underline; }
.container-footer a:hover{ color:#ffffff !important; }
.woh-foot-addr{ line-height:1.7; margin:0 0 10px; }
.woh-foot-addr a{ font-weight:600; }
.woh-social{ display:flex; gap:14px; justify-content:center; margin-top:8px; }
.woh-social a{ display:inline-flex; }
.woh-social svg{ width:26px; height:26px; fill:#ffffff !important; transition:.15s; }
.woh-social a:hover svg{ fill:#d4ead4 !important; }