/* ══════════════════════════════════════════════════════════════
   WellnessEducability · shared shell (header, footer, language)
   One header, one footer, one boundary statement on every page.
   ══════════════════════════════════════════════════════════════ */
:root{
  --we-ink:#0D1F1A;
  --we-ink-2:#14302A;
  --we-cream:#F4EFE6;
  --we-paper:#FAF7F2;
  --we-gold:#B8966A;
  --we-gold-light:#D4B48A;
  --we-char:#2E2A22;
  --we-muted:#6B645A;          /* darker than the old #8A8278: passes AA on cream */
  --we-line:rgba(46,42,34,.12);
  --we-sage:#5A9E8A;
  --we-bar-h:46px;
}

/* ── Language: every bilingual element carries both versions ── */
html[lang="en"] .t-es{display:none!important}
html:not([lang="en"]) .t-en{display:none!important}

/* the old floating ES/EN pill is replaced by the one in the header */
.we-lang-toggle{display:none!important}

body.wes{padding-top:var(--we-bar-h)}

/* ── Skip link ── */
.wes-skip{position:absolute;left:-9999px;top:0;z-index:100000;background:var(--we-gold-light);color:var(--we-ink);
  padding:.6rem 1rem;font:500 .8rem 'DM Sans',system-ui,sans-serif;border-radius:0 0 8px 0}
.wes-skip:focus{left:0}

/* ── Header ── */
.wes-bar{position:fixed;top:0;left:0;right:0;height:var(--we-bar-h);z-index:9500;display:flex;align-items:center;gap:1rem;
  padding:0 clamp(.8rem,2.4vw,1.6rem);background:rgba(13,31,26,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(212,180,138,.18);font-family:'DM Sans',system-ui,sans-serif;color:#EDE6D8}
.wes-brand{display:flex;align-items:baseline;gap:.7rem;text-decoration:none;color:inherit;white-space:nowrap;min-width:0}
.wes-mark{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.18rem;font-weight:400;letter-spacing:.01em}
.wes-tag{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--we-gold-light);opacity:.85}
.wes-nav{display:flex;align-items:center;gap:.15rem;margin-left:auto}
.wes-nav a{color:#D9D2C4;text-decoration:none;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;padding:.5rem .7rem;border-radius:6px;
  transition:color .2s,background .2s;white-space:nowrap}
.wes-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.wes-nav a[aria-current="page"]{color:var(--we-gold-light);background:rgba(212,180,138,.12)}
.wes-nav a.wes-cta{border:1px solid rgba(212,180,138,.5);color:var(--we-gold-light);margin-left:.3rem}
.wes-nav a.wes-cta:hover{background:var(--we-gold-light);color:var(--we-ink)}
.wes-lang{display:flex;border:1px solid rgba(212,180,138,.35);border-radius:999px;overflow:hidden;margin-left:.6rem;flex:none}
.wes-lang button{font:500 .64rem 'DM Sans',system-ui,sans-serif;letter-spacing:.12em;color:#D9D2C4;background:none;border:0;padding:.38rem .62rem;cursor:pointer;min-width:34px}
.wes-lang button[aria-pressed="true"]{background:var(--we-gold-light);color:var(--we-ink)}
.wes-menu-btn{display:none;margin-left:auto;background:none;border:1px solid rgba(212,180,138,.35);color:#EDE6D8;border-radius:8px;
  width:38px;height:34px;cursor:pointer;font-size:1rem;line-height:1}
.wes-bar :focus-visible,.wes-foot :focus-visible{outline:2px solid var(--we-gold-light);outline-offset:2px}

@media (max-width:900px){
  .wes-tag{display:none}
  .wes-menu-btn{display:block}
  .wes-nav{position:fixed;top:var(--we-bar-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:.4rem .8rem 1rem;
    background:rgba(13,31,26,.985);border-bottom:1px solid rgba(212,180,138,.2);display:none;max-height:calc(100vh - var(--we-bar-h));overflow:auto}
  .wes-nav.open{display:flex}
  .wes-nav a{padding:.85rem .6rem;font-size:.78rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .wes-nav a.wes-cta{margin:.6rem 0 0;text-align:center;border-bottom:1px solid rgba(212,180,138,.5)}
  .wes-lang{margin:.8rem 0 0;align-self:flex-start}
}

/* ── Footer with the boundary statement ── */
.wes-foot{position:relative;z-index:5;background:var(--we-ink);color:#CFC8BA;font-family:'DM Sans',system-ui,sans-serif;
  padding:2.4rem clamp(1rem,4vw,3rem) calc(2rem + 76px);border-top:1px solid rgba(212,180,138,.2);line-height:1.6}
.wes-foot-in{max-width:980px;margin:0 auto;display:grid;gap:1.6rem}
.wes-foot-note{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.12rem;line-height:1.55;color:#EDE6D8;max-width:62ch;margin:0}
.wes-foot-note em{color:var(--we-gold-light)}
.wes-foot-links{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-size:.74rem}
.wes-foot-links a{color:var(--we-gold-light);text-decoration:none;border-bottom:1px solid rgba(212,180,138,.3);padding-bottom:1px}
.wes-foot-links a:hover{color:#fff;border-color:#fff}
.wes-foot-copy{font-size:.66rem;letter-spacing:.06em;color:#8E887B}

/* the ribbon above the bottom bar of the old SPA pages must not hide the footer */
.wes-foot{margin-bottom:0}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}

/* notice shown on Spanish-only module pages when the interface is in English */
.wes-note{background:#F3E6D0;color:#5a4220;font:400 .78rem/1.5 'DM Sans',system-ui,sans-serif;padding:.55rem clamp(.8rem,3vw,1.6rem);text-align:center;position:relative;z-index:5}
.wes-note a{color:inherit}
html:not([lang="en"]) .wes-note{display:none}