/* 8kājis shared chrome (site-header + site-footer) for Woo + standard pages. Navy/teal palette. */
:root{--navy:#1E2A5E;--teal:#1B9AAA;--teal-dark:#157f8c;--bg:#F2F8FC;--text:#1E2A5E;--muted:#4a5680;--border:#D8E3F0;--violet:#9b35bd}
body.woocommerce, body.woocommerce-page, body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account, body.search, body.error404{
  font-family:'Nunito Sans',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}

.site-header{background:var(--navy);color:#fff;font-family:'Nunito Sans',sans-serif}
.site-header .wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.site-header .topbar{display:flex;align-items:center;gap:28px;padding:16px 32px;max-width:1280px;margin:0 auto}
.site-header .logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
.site-header .logo img{width:46px;height:46px;object-fit:contain}
.site-header .logo b{font-size:25px;font-weight:800;letter-spacing:-.01em;color:#fff;line-height:1}
.site-header .logo b span{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;color:#8EF6FF;text-transform:uppercase}
.site-header .search{flex:1;position:relative;margin:0}
.site-header .search input{width:100%;border:none;background:rgba(255,255,255,.95);border-radius:999px;padding:13px 20px 13px 48px;font:600 16px 'Nunito Sans';color:var(--navy)}
.site-header .search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px}
.site-header .icons{display:flex;align-items:center;gap:14px}
.site-header .iconbtn{position:relative;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);text-decoration:none}
.site-header .iconbtn svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2}
.site-header .iconbtn.cart{background:var(--teal)}
.site-header .hbadge{position:absolute;top:-6px;right:-6px;background:#8EF6FF;color:var(--navy);font-size:12px;font-weight:800;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:2px solid var(--navy)}
.site-header .subbar{padding:0 32px 16px;max-width:1280px;margin:0 auto}
.site-header .toggle{display:inline-flex;background:rgba(255,255,255,.12);border-radius:999px;padding:5px}
.site-header .toggle a{font-weight:700;font-size:15px;padding:11px 26px;border-radius:999px;text-decoration:none;color:#cdd6f0}
.site-header .toggle a.active{background:var(--teal);color:#fff}
.site-header .toggle a.bimini{color:#d9b8ff}

.site-footer{background:var(--navy);color:#c6d0ec;padding:48px 0 0;margin-top:48px;font-family:'Nunito Sans',sans-serif}
.site-footer .wrap{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.site-footer b{color:#fff;font-size:18px;display:block;margin-bottom:12px}
.site-footer p{font-size:14px;line-height:1.9;color:#a8b4d8;margin:0}
.site-footer a{color:#a8b4d8;text-decoration:none}
.site-footer a:hover{color:#8EF6FF}
.site-footer .bnote{background:rgba(155,53,189,.25);border:1px solid rgba(169,124,255,.4);color:#e9d8ff;border-radius:12px;padding:14px 18px;font-size:13px;max-width:300px}
.site-footer .copyline{max-width:1280px;margin:32px auto 0;padding:18px 32px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#8593c0;text-align:center}

@media(max-width:880px){
  .site-header .topbar{flex-wrap:wrap;gap:12px;padding:13px 16px}
  .site-header .wrap,.site-header .subbar{padding-left:16px;padding-right:16px}
  .site-header .search{order:3;flex-basis:100%}
  .site-header .logo b span{display:none}
  .site-header .toggle{display:flex;width:100%}
  .site-header .toggle a{flex:1;text-align:center;padding:10px;font-size:14px}
  .site-footer .wrap{gap:24px}
}
