/* SMZ canonical nav — shared across all stopmetzoeken.store pages
   Self-contained, scoped tokens to avoid collision with per-page :root vars
   Source of truth: index.html (April 2026 brand: green/lime SVG + gold accent)
*/
.smz-nav{
  --nav-accent:#c9a84c;
  --nav-accent2:#e5c97a;
  --nav-lime:#84cc16;
  --nav-emerald:#10b981;
  --nav-pink:#f472b6;
  --nav-white:#f0f0f5;
  --nav-text:#a8a8b8;
  --nav-text2:#5a5a6e;
  --nav-bg:rgba(6,6,10,.82);
  --nav-bg-mobile:rgba(6,6,10,.97);
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:var(--nav-bg);
  -webkit-backdrop-filter:blur(30px);
  backdrop-filter:blur(30px);
  border-bottom:1px solid rgba(201,168,76,.06);
  font-family:inherit;
}
.smz-nav *{box-sizing:border-box}
.smz-nav .nav-inner{
  max-width:1200px;margin:0 auto;padding:0 32px;
  display:flex;align-items:center;justify-content:space-between;
  height:68px;
}
.smz-nav .logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.smz-nav .logo-icon{
  width:38px;height:38px;display:block;flex-shrink:0;
  filter:drop-shadow(0 4px 10px rgba(201,168,76,.3));
}
.smz-nav .logo-text{font-size:1.15rem;font-weight:700;color:var(--nav-white);line-height:1.1}
.smz-nav .logo-text span{color:var(--nav-accent)}
.smz-nav .logo-block{display:flex;flex-direction:column;justify-content:center;gap:1px}
.smz-nav .logo-tagline{
  font-size:.78rem;color:#e8e6e0;font-weight:500;
  letter-spacing:.25px;opacity:.85;white-space:nowrap;
}
.smz-nav .nav-links{
  display:flex;align-items:center;gap:22px;
  list-style:none;flex-wrap:nowrap;margin:0;padding:0;
}
.smz-nav .nav-links a{
  color:var(--nav-text);font-size:.82rem;font-weight:500;
  letter-spacing:.3px;transition:color .3s;white-space:nowrap;
  text-decoration:none;
}
.smz-nav .nav-links a:hover,.smz-nav .nav-links a.active{color:var(--nav-white)}
.smz-nav .nav-links .highlight{color:var(--nav-accent) !important;font-weight:600}
.smz-nav .nav-charity{color:var(--nav-pink) !important;display:inline-flex;align-items:center;gap:6px}
.smz-nav .nav-charity svg{color:var(--nav-pink);width:14px;height:14px}
.smz-nav .nav-zzp{color:var(--nav-lime) !important;font-weight:600}
.smz-nav .nav-bouwen{color:var(--nav-accent) !important;font-weight:600}
.smz-nav .nav-config{color:var(--nav-lime) !important;font-weight:600}

/* Lang switch */
.smz-nav .lang-switch{position:relative;margin-left:6px}
.smz-nav .lang-trigger{
  display:flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  color:var(--nav-text);
  padding:7px 11px;border-radius:10px;cursor:pointer;
  font-family:inherit;font-size:.75rem;font-weight:700;
  letter-spacing:.5px;transition:all .25s;
}
.smz-nav .lang-trigger:hover,
.smz-nav .lang-switch.open .lang-trigger{
  background:rgba(255,255,255,.07);
  color:var(--nav-white);
  border-color:rgba(132,204,22,.4);
}
.smz-nav .lang-trigger .globe{
  color:var(--nav-accent);
  transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.smz-nav .lang-trigger:hover .globe{transform:rotate(18deg) scale(1.08)}
.smz-nav .lang-trigger .chev{opacity:.55;transition:transform .25s}
.smz-nav .lang-switch.open .chev{transform:rotate(180deg)}
.smz-nav .lang-menu{
  position:absolute;top:calc(100% + 8px);right:0;
  min-width:180px;
  background:rgba(10,14,30,.96);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;padding:6px;
  box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 0 1px rgba(132,204,22,.08);
  opacity:0;transform:translateY(-6px) scale(.97);
  pointer-events:none;
  transition:opacity .22s ease,transform .22s cubic-bezier(.4,0,.2,1);
  z-index:1010;
}
.smz-nav .lang-switch.open .lang-menu{
  opacity:1;transform:translateY(0) scale(1);pointer-events:auto;
}
.smz-nav .lang-menu button{
  display:flex;align-items:center;gap:11px;width:100%;
  background:none;border:none;color:var(--nav-text);
  padding:9px 12px;border-radius:8px;cursor:pointer;
  font-family:inherit;font-size:.86rem;font-weight:500;
  text-align:left;transition:all .18s;letter-spacing:.1px;
}
.smz-nav .lang-menu button:hover{
  background:rgba(132,204,22,.1);color:var(--nav-white);
  transform:translateX(2px);
}
.smz-nav .lang-menu button.active{
  background:rgba(132,204,22,.16);color:var(--nav-accent);font-weight:700;
}
.smz-nav .lang-menu .flag{
  font-size:1.15rem;line-height:1;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));
}

/* Cart */
.smz-nav .cart-btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  background:rgba(201,168,76,.08);
  border:1px solid rgba(201,168,76,.32);
  color:#e5c97a;cursor:pointer;
  transition:all .25s;font-family:inherit;
}
.smz-nav .cart-btn:hover{
  background:rgba(201,168,76,.2);
  border-color:#e5c97a;
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(201,168,76,.22);
}
.smz-nav .cart-btn .cart-count{
  position:absolute;top:-5px;right:-5px;
  min-width:18px;height:18px;padding:0 5px;
  border-radius:9px;
  background:linear-gradient(135deg,#ef4444,#f97316);
  color:#fff;font-size:.68rem;font-weight:800;
  display:flex;align-items:center;justify-content:center;
  border:2px solid #06060a;
  transform:scale(0);
  transition:transform .3s cubic-bezier(.34,1.56,.64,1);
}
.smz-nav .cart-btn.has-items .cart-count{transform:scale(1)}

/* Hamburger */
.smz-nav .nav-toggle{
  display:none;background:none;border:none;cursor:pointer;padding:8px;
}
.smz-nav .nav-toggle span{
  display:block;width:22px;height:2px;
  background:var(--nav-white);margin:5px 0;transition:all .3s;
}

/* Mobile */
@media(max-width:1080px){
  .smz-nav .nav-inner{padding:0 18px;height:62px}
  .smz-nav .logo-tagline{font-size:.72rem}
  .smz-nav .nav-links{display:none}
  .smz-nav .nav-toggle{display:block}
  .smz-nav .nav-links.open{
    display:flex;flex-direction:column;
    position:absolute;top:62px;left:0;right:0;
    background:var(--nav-bg-mobile);
    -webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);
    padding:24px 32px;
    border-bottom:1px solid rgba(255,255,255,.06);
    gap:16px;
  }
  .smz-nav .nav-links.open a{font-size:1rem}
  .smz-nav .nav-mobile-only{display:list-item !important}
}
@media(min-width:1081px){
  .smz-nav .nav-mobile-only{display:none !important}
}

/* Spacer so page content does not hide under fixed nav */
body[data-smz-nav-spacer]{padding-top:68px}
@media(max-width:1080px){body[data-smz-nav-spacer]{padding-top:62px}}

/* === SMZ canonical FOOTER brand block === */
.smz-footer-brand{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:28px 24px 24px;margin:0 auto 18px;
  max-width:600px;text-align:center;
  border-bottom:1px solid rgba(201,168,76,.12);
}
.smz-footer-brand .sfb-logo{
  display:inline-flex;align-items:center;gap:11px;
  text-decoration:none;color:inherit;
}
.smz-footer-brand .sfb-logo svg{
  width:34px;height:34px;display:block;flex-shrink:0;
  filter:drop-shadow(0 4px 10px rgba(201,168,76,.28));
}
.smz-footer-brand .sfb-text{
  font-size:1.05rem;font-weight:700;color:#f0f0f5;
  letter-spacing:-.3px;line-height:1;
}
.smz-footer-brand .sfb-stop{color:#c9a84c}
.smz-footer-brand .sfb-tagline{
  font-size:.78rem;font-weight:500;color:#e8e6e0;
  opacity:.78;letter-spacing:.2px;
}
.smz-footer-brand .sfb-powered{
  font-size:.72rem;font-weight:600;
  color:#c9a84c;opacity:.85;
  text-transform:uppercase;letter-spacing:1px;
}
@media(max-width:520px){
  .smz-footer-brand{padding:22px 18px 18px;gap:6px}
  .smz-footer-brand .sfb-logo svg{width:30px;height:30px}
  .smz-footer-brand .sfb-text{font-size:1rem}
  .smz-footer-brand .sfb-tagline{font-size:.74rem}
  .smz-footer-brand .sfb-powered{font-size:.66rem;letter-spacing:.7px}
}