/* Shared site header — used by the homepage AND the customer/portal pages.
   Namespaced .snav* so it never collides with home.css or app.css. */
.snav{position:sticky;top:0;z-index:50;background:rgba(248,246,242,.94);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e7e2d8;}
.snav-in{max-width:1160px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;gap:18px;}
.snav-logo{font-weight:900;font-size:20px;letter-spacing:-.02em;color:#1F5E3B;text-decoration:none;white-space:nowrap;}
.snav-logo span{color:#E8A417;}
.snav-links{display:flex;gap:22px;margin-left:12px;flex:1;}
.snav-links a{color:#26241f;font-weight:600;font-size:15px;text-decoration:none;}
.snav-links a:hover{color:#1F5E3B;}
.snav-cta{display:flex;gap:10px;align-items:center;margin-left:auto;}
.snav-hi{color:#6b6b6b;font-size:14px;font-weight:600;white-space:nowrap;}
.snav-btn{background:#E8A417;color:#3a2a00;padding:9px 16px;border-radius:10px;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap;}
.snav-btn:hover{filter:brightness(.96);}
.snav-ghost{background:transparent;color:#1F5E3B;border:1px solid #cfc9ba;padding:8px 14px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;}
.snav-ghost:hover{background:#fff;}
.snav-menu{position:relative;}
.snav-menu>summary{list-style:none;cursor:pointer;color:#1F5E3B;font-weight:700;font-size:14px;padding:8px 14px;border:1px solid #cfc9ba;border-radius:10px;}
.snav-menu>summary::-webkit-details-marker{display:none;}
.snav-menu>summary::marker{content:"";}
.snav-menu-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;background:#fff;border:1px solid #e7e2d8;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);padding:8px;z-index:60;}
.snav-menu-pop a{display:block;padding:10px 12px;border-radius:8px;font-weight:700;font-size:14px;color:#26241f;text-decoration:none;}
.snav-menu-pop a:hover{background:#f3efe7;color:#1F5E3B;}

/* hamburger — shown on mobile in place of the links + CTA */
.snav-burger{display:none;position:relative;margin-left:auto;}
.snav-burger>summary{list-style:none;cursor:pointer;width:44px;height:40px;border:1px solid #cfc9ba;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;}
.snav-burger>summary::-webkit-details-marker{display:none;}
.snav-burger>summary::marker{content:"";}
.snav-burger>summary span{display:block;width:20px;height:2px;background:#1F5E3B;border-radius:2px;}
.snav-burger[open]>summary{background:#f3efe7;}
.snav-burger-pop{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;background:#fff;border:1px solid #e7e2d8;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.14);padding:8px;z-index:60;display:flex;flex-direction:column;}
.snav-burger-pop a{display:block;padding:12px;border-radius:8px;font-weight:700;font-size:15px;color:#26241f;text-decoration:none;}
.snav-burger-pop a:hover{background:#f3efe7;color:#1F5E3B;}
.snav-burger-sep{height:1px;background:#e7e2d8;margin:6px 4px;}
.snav-burger-hi{padding:8px 12px 2px;font-size:13px;color:#6b6b6b;font-weight:600;}

@media(max-width:820px){
  .snav-links{display:none;}
  .snav-cta{display:none;}
  .snav-burger{display:block;}
}
@media(max-width:520px){ .snav-hi{display:none;} .snav-in{gap:10px;padding:10px 16px;} }