/* Tsunami Simmons Weather: site header + footer (shared by every page) */
:root{--display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;--body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--abyss:#051a20;--deep:#08262f;--warm:#e0662a;--warm2:#f2a66b}
html{scroll-padding-top:calc(72px + env(safe-area-inset-top,0px))}
/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:1000;background:color-mix(in srgb,var(--deep) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#eaf6f6;border-bottom:1px solid rgba(255,255,255,.08)}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:62px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:900 1.35rem/1 var(--display);letter-spacing:.02em;white-space:nowrap}
.logo svg{flex:none}
.logo small{display:block;font:600 .62rem/1.1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--warm2)}
.nav{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{color:#cfe3e6;text-decoration:none;font:700 .98rem/1 var(--display);letter-spacing:.05em;text-transform:uppercase;padding:10px 11px;border-radius:6px;white-space:nowrap}
.nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.nav a[aria-current="page"]{color:#fff;background:rgba(224,102,42,.22);box-shadow:inset 0 -2px 0 var(--warm)}
@media (max-width:860px){
  .top .wrap{flex-wrap:wrap;gap:0;padding-top:8px}
  .nav{margin:0 -20px;padding:4px 14px 8px;width:calc(100% + 40px)}
}

/* ---------- footer ---------- */
footer.site{margin-top:70px;background:var(--abyss);color:#a9c3c8;font-size:.86rem}
footer.site .wrap{padding-top:40px;padding-bottom:44px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
@media (max-width:800px){footer.site .wrap{grid-template-columns:1fr}}
footer.site h4{font:800 1.1rem var(--display);letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 8px}
footer.site a{color:#cfe3e6}
footer.site p{margin:0 0 8px}
footer.site ul{list-style:none;margin:0;padding:0}
footer.site li{margin:0 0 6px}


/* "Ask Tsunami" call to action: header button + floating button on every page */
.nav a.cta{background:var(--warm);color:#fff;border-radius:999px;padding:10px 15px;margin-left:6px;box-shadow:0 4px 14px rgba(224,102,42,.45)}
.nav a.cta:hover{background:#f07a3e;color:#fff}
.ask-fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:2000;display:inline-flex;align-items:center;gap:8px;
  background:var(--warm);color:#fff;text-decoration:none;font:900 1.15rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;
  padding:15px 20px;border-radius:999px;box-shadow:0 10px 28px rgba(224,102,42,.5),0 2px 6px rgba(0,0,0,.25);transition:transform .2s,opacity .2s}
.ask-fab:hover{transform:translateY(-2px) scale(1.03)}
.ask-fab span{font-size:1.3rem}
.ask-fab.hide{opacity:0;transform:translateY(20px);pointer-events:none}
@media (prefers-reduced-motion: no-preference){.ask-fab{animation:fabpop .5s .8s backwards}}
@keyframes fabpop{from{opacity:0;transform:translateY(24px)}}
@media print{.ask-fab{display:none}}