/* ============================================================================
   Shared site header + footer — Hands of the Andes
   Reuses each page's palette vars (--bg, --ink, --ink-light, --accent, --border)
   with hard fallbacks so it also stands alone. New class names (site-*) so it
   never collides with a page's own .top-nav styles.
   ============================================================================ */

.site-header{
  position:sticky; top:0; z-index:200;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:0.9rem clamp(1.15rem,5vw,3rem);
  background:var(--bg,#fcf6f1);
  border-bottom:1px solid var(--border,rgba(44,36,22,.12));
}
.site-logo{
  font-family:'Cormorant Garamond',Georgia,serif; font-style:italic;
  font-size:1.5rem; letter-spacing:.03em; line-height:1;
  color:var(--ink,#2c2416); text-decoration:none; white-space:nowrap;
}

/* desktop nav */
.site-nav{display:flex; align-items:center; gap:clamp(1rem,2.2vw,1.9rem);}
.site-nav a{
  font-family:'Jost',system-ui,sans-serif; font-weight:300; font-size:.7rem; letter-spacing:.2em; text-transform:uppercase;
  color:var(--ink-light,#7a6e62); text-decoration:none; transition:color .15s ease; white-space:nowrap;
}
.site-nav a:hover,
.site-nav a[aria-current="page"]{color:var(--accent,#b5956a);}
.site-nav a.nav-book{
  border:1px solid var(--accent,#b5956a); border-radius:999px; padding:.34rem .95rem;
  color:var(--accent,#b5956a); transition:background .15s ease,color .15s ease;
}
.site-nav a.nav-book:hover{background:var(--accent,#b5956a); color:#fff;}
.site-lang{
  font-family:'Jost',system-ui,sans-serif; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ink-light,#7a6e62); text-decoration:none; border:1px solid var(--border,rgba(44,36,22,.12));
  border-radius:999px; padding:.2rem .6rem; transition:border-color .15s,color .15s;
}
.site-lang:hover{color:var(--ink,#2c2416); border-color:var(--ink,#2c2416);}

/* mobile burger */
.site-burger{
  display:none; flex-direction:column; gap:5px; width:42px; height:42px;
  align-items:center; justify-content:center; background:none; border:0; cursor:pointer; padding:0;
}
.site-burger span{display:block; width:24px; height:1.5px; background:var(--ink,#2c2416); transition:transform .25s ease,opacity .2s ease;}
.site-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.site-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.site-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* mobile drawer */
.site-drawer{
  position:fixed; inset:0; z-index:190;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.2rem;
  padding:4.5rem 1.6rem 2rem; text-align:center;
  background:var(--bg,#fcf6f1);
  opacity:0; visibility:hidden; transition:opacity .38s ease, visibility 0s linear .38s;
}
.site-drawer.open{opacity:1; visibility:visible; transition:opacity .38s ease;}
.site-drawer a{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:300;
  font-size:clamp(1.9rem,7vw,2.6rem); line-height:1.35; letter-spacing:.01em;
  color:var(--ink,#2c2416); text-decoration:none; padding:.15rem 0;
}
.site-drawer a[aria-current="page"]{color:var(--accent,#b5956a);}
.site-drawer .site-lang{align-self:center; margin-top:1.3rem; font-size:.8rem; font-family:'Jost',system-ui,sans-serif;}
.site-scrim{display:none; position:fixed; inset:0; background:rgba(44,36,22,.28); z-index:180;}
.site-scrim.open{display:block;}

@media (max-width:820px){
  .site-nav{display:none;}
  .site-burger{display:flex;}
}

/* ── Footer ── */
.sn-footer{
  background:var(--bg,#fcf6f1); border-top:1px solid var(--border,rgba(44,36,22,.12));
  padding:2.6rem clamp(1.15rem,5vw,3rem) 2.2rem; margin-top:3rem;
}
.sn-footer-inner{
  max-width:940px; margin:0 auto; display:flex; flex-wrap:wrap; gap:1.2rem 2rem;
  align-items:baseline; justify-content:space-between;
}
.sn-footer-brand{font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-size:1.25rem; color:var(--ink,#2c2416);}
.sn-footer-links{display:flex; flex-wrap:wrap; gap:.4rem 1.1rem; font-family:'Jost',system-ui,sans-serif; font-size:.88rem;}
.sn-footer-links a{color:var(--ink-light,#7a6e62); text-decoration:none; transition:color .15s;}
.sn-footer-links a:hover{color:var(--accent,#b5956a);}
.sn-footer-copy{width:100%; max-width:940px; margin:1.4rem auto 0; font-family:'Jost',system-ui,sans-serif;
  font-size:.76rem; letter-spacing:.04em; color:var(--ink-light,#7a6e62); opacity:.85;}

@media (prefers-reduced-motion: reduce){
  .site-drawer,.site-burger span{transition:none;}
  html{scroll-behavior:auto;}
}