/* ===========================================================================
   Navégalo — site shell (header + footer), Nov 2026 redesign.
   Dark glass header over every page, matching the new homepage.
   Loaded after site.css / site-2026.css; all classes are prefixed nvx-.
   =========================================================================== */
:root{
  --nvx-bg:#040d18; --nvx-bg2:#061424; --nvx-deep:#020811; --nvx-ink:#e6f1fb;
  --nvx-soft:#c9dcee; --nvx-mute:#9fb6cc; --nvx-line:rgba(127,196,245,.14);
  --nvx-orange:#E98300; --nvx-orange2:#ffb04d; --nvx-teal:#34e0c4; --nvx-blue:#2a9df4;
  --nvx-display:"Space Grotesk",system-ui,sans-serif; --nvx-sans:Inter,system-ui,sans-serif;
  --nvx-mono:"JetBrains Mono",ui-monospace,monospace;
}
.nvx-wrap{max-width:1280px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.nvx-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:#071f42;padding:10px 16px;border-radius:0 0 8px 0;font:600 14px var(--nvx-sans)}
.nvx-skip:focus{left:0}

/* ---- utility bar ---- */
.nvx-top{background:var(--nvx-deep);color:var(--nvx-mute);font:500 12px var(--nvx-mono);letter-spacing:.03em;border-bottom:1px solid rgba(127,196,245,.08)}
.nvx-top .nvx-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;flex-wrap:wrap}
.nvx-top a{color:var(--nvx-mute);text-decoration:none}
.nvx-top a:hover{color:#fff}
.nvx-live{display:inline-flex;align-items:center;gap:8px;color:#9fe9da}
.nvx-dot{width:7px;height:7px;border-radius:50%;background:var(--nvx-teal);display:inline-block;animation:nvxblink 1.6s ease-in-out infinite}
.nvx-top-r{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nvx-ua{color:var(--nvx-orange2)!important;display:inline-flex;align-items:center;gap:6px}
@keyframes nvxblink{0%,100%{opacity:1}50%{opacity:.25}}

/* ---- header ---- */
.nvx-head{position:sticky;top:0;z-index:50;background:rgba(4,13,24,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--nvx-line);color:var(--nvx-soft);font-family:var(--nvx-sans)}
.nvx-head .nvx-wrap{display:flex;align-items:center;gap:20px;min-height:72px}
.nvx-brand{display:flex;flex:0 0 auto}
.nvx-brand img{height:38px;width:auto;display:block}
.nvx-nav{display:flex;align-items:center;gap:4px 22px;flex:1 1 auto;min-width:0;font-size:15px;font-weight:500}
.nvx-nav>a,.nvx-drop>button{color:var(--nvx-soft);text-decoration:none;white-space:nowrap;background:none;border:0;font:inherit;cursor:pointer;padding:10px 0;display:inline-flex;align-items:center;gap:6px}
.nvx-nav>a:hover,.nvx-drop>button:hover,.nvx-nav>a[aria-current=page]{color:#fff}
.nvx-drop{position:relative}
.nvx-drop>button svg{transition:transform .2s ease}
.nvx-mega{position:absolute;top:100%;left:-24px;width:min(1000px,calc(100vw - 48px));background:#071a2e;border:1px solid rgba(127,196,245,.18);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.5);padding:22px 26px;display:none;z-index:60}
.nvx-drop:hover .nvx-mega,.nvx-drop:focus-within .nvx-mega,.nvx-drop.open .nvx-mega{display:block}
.nvx-mega-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px 22px}
.nvx-mega-h{display:block;font:600 11px var(--nvx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--nvx-teal);margin:0 0 8px}
.nvx-mega-col a{display:block;color:var(--nvx-soft);text-decoration:none;padding:5px 0;font-size:14.5px;line-height:1.35}
.nvx-mega-col a:hover{color:var(--nvx-orange2)}
.nvx-right{display:flex;align-items:center;gap:14px;flex:0 0 auto;font-size:14px}
.nvx-right a{text-decoration:none}
.nvx-login{color:var(--nvx-soft)}
.nvx-login:hover{color:#fff}
.nvx-cart{position:relative;display:inline-flex;color:var(--nvx-soft)}
.nvx-cart:hover{color:var(--nvx-orange2)}
.nvx-cart-badge{position:absolute;top:-7px;right:-9px;background:var(--nvx-orange);color:#071f42;font:700 10px var(--nvx-sans);min-width:16px;height:16px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}
.nvx-lang{display:inline-flex;gap:6px;font:500 12px var(--nvx-mono);color:var(--nvx-mute)}
.nvx-lang a{color:var(--nvx-mute)}
.nvx-lang a.on{color:#fff}
.nvx-cta{background:var(--nvx-orange);color:#071f42!important;font:700 15px var(--nvx-display);padding:11px 18px;border-radius:12px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.nvx-cta:hover{background:var(--nvx-orange2)}
.nvx-burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(127,196,245,.25);background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nvx-burger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.nvx-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nvx-burger.active span:nth-child(2){opacity:0}
.nvx-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nvx-nav-extra{display:none}
.nvx-head :focus-visible,.nvx-top :focus-visible,.nvx-foot :focus-visible{outline:2px solid var(--nvx-orange2);outline-offset:3px;border-radius:6px}

@media (max-width:1280px){.nvx-nav{gap:4px 16px;font-size:14px}.nvx-login{display:none}}
@media (max-width:1100px){
  .nvx-burger{display:inline-flex}
  .nvx-right .nvx-cta,.nvx-right .nvx-lang{display:none}
  .nvx-head .nvx-wrap{justify-content:space-between}
  .nvx-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#071a2e;border-bottom:1px solid var(--nvx-line);padding:8px 24px 20px;max-height:calc(100vh - 106px);overflow-y:auto;font-size:16px}
  .nvx-nav.active{display:flex}
  .nvx-nav>a,.nvx-drop>button{padding:14px 0;border-bottom:1px solid rgba(127,196,245,.1);width:100%;justify-content:space-between}
  .nvx-mega{position:static;width:auto;box-shadow:none;border:0;border-radius:0;background:transparent;padding:4px 0 10px 12px}
  .nvx-drop:hover .nvx-mega,.nvx-drop:focus-within .nvx-mega{display:none}
  .nvx-drop.open .nvx-mega{display:block}
  .nvx-drop.open>button svg{transform:rotate(180deg)}
  .nvx-mega-grid{display:block}
  .nvx-mega-h{margin:12px 0 4px}
  .nvx-nav-extra{display:flex;flex-direction:column;gap:14px;padding-top:16px}
  .nvx-nav-extra .nvx-cta{justify-content:center}
  .nvx-nav-extra .nvx-lang{font-size:14px}
}
@media (max-width:640px){.nvx-top .nvx-hide-sm{display:none}.nvx-brand img{height:32px}}

/* ---- mobile quick actions ---- */
.nvx-mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:8px;padding:9px 11px;background:rgba(4,13,24,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.12)}
.nvx-mbar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;font:700 15px var(--nvx-display);border-radius:10px;text-decoration:none}
.nvx-mbar .q{background:var(--nvx-orange);color:#071f42}
.nvx-mbar .c{background:rgba(255,255,255,.14);color:#fff}
@media (max-width:1100px){.nvx-mbar{display:flex}body{padding-bottom:66px}body.menu-open .nvx-mbar{display:none}#nv-chat-btn{bottom:84px!important}#nv-chat-panel{bottom:156px!important}}

/* ---- footer ---- */
.nvx-foot{background:var(--nvx-deep);color:var(--nvx-mute);padding:64px 0 28px;border-top:1px solid rgba(127,196,245,.1);font-family:var(--nvx-sans)}
.nvx-foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.nvx-foot img{height:36px;width:auto;display:block}
.nvx-foot p{margin:14px 0 0;font-size:14px;line-height:1.6}
.nvx-foot h2{margin:0 0 12px;color:#fff;font:700 12px var(--nvx-sans);letter-spacing:.12em;text-transform:uppercase}
.nvx-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px}
.nvx-foot a{color:var(--nvx-mute);text-decoration:none}
.nvx-foot a:hover{color:#fff}
.nvx-foot .nvx-hot{color:var(--nvx-orange2)}
.nvx-socials{display:flex;gap:10px;margin-top:16px}
.nvx-socials a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(127,196,245,.22);display:inline-flex;align-items:center;justify-content:center}
.nvx-foot-bottom{margin-top:40px;border-top:1px solid rgba(159,182,204,.16);padding-top:22px;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center;font-size:13px}
.nvx-certs{font:500 12px var(--nvx-mono);letter-spacing:.06em}
@media (max-width:980px){.nvx-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nvx-foot-brand{grid-column:1/-1}}
@media (max-width:480px){.nvx-foot-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.nvx-dot{animation:none}}