/* ============================================================
   KENVORIX WEB STUDIO — shared site header (2026-11-14)
   ONE header for every page, identical to the homepage's:
   same markup, font, spacing, colors and the gold hover bar.
   Rules are copied from css/v2.css and scoped under .v2-header
   so they render the same on pages that do not load v2.css.
   ============================================================ */
.v2-header{
  --gold:#d4af37;
  --gold-hi:#ecd27a;
  --gold-lo:#a8861f;
  --ink:#f4efe2;
  --muted:#a9b3c7;
  --line:rgba(236,210,122,.20);
  --line-soft:rgba(169,179,199,.14);
  --glass:rgba(4,18,38,.62);
  --radius-sm:12px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --header-h:76px;
  --bar-h:0px;
  --navy-900:#020713;
  --navy-850:#030c1d;
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  position:sticky;top:0;z-index:800;
  background:rgba(2,7,19,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s;
}
.v2-header,.v2-header *{box-sizing:border-box}
.v2-header a{color:inherit;text-decoration:none}
.v2-header button{font:inherit}
.v2-header.s{background:rgba(2,7,19,.94);border-color:var(--line-soft);box-shadow:0 12px 40px -18px rgba(0,0,0,.8)}
.v2-header .wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.v2-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--header-h)}
.v2-logo{font-weight:800;letter-spacing:.32em;font-size:1.02rem;color:var(--ink)}
.v2-logo i{color:var(--gold);font-style:normal}
.v2-links{display:flex;align-items:center;gap:20px;font-size:.84rem;font-weight:600;color:var(--muted);flex-wrap:nowrap}
.v2-links a:not(.btn){position:relative;padding:6px 0;transition:color .25s;white-space:nowrap;letter-spacing:.01em}
.v2-links a:not(.btn):hover{color:var(--ink)}
.v2-links a:not(.btn)::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--gold);transition:width .3s var(--ease)}
.v2-links a:not(.btn):hover::after{width:100%}
.v2-account{gap:20px;align-items:center}
.v2-header .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 30px;border-radius:100px;font-weight:700;font-size:.95rem;
  border:1.5px solid transparent;cursor:pointer;white-space:nowrap;
  transition:transform .18s var(--ease),box-shadow .25s var(--ease),background .25s,border-color .25s,color .25s,filter .25s;
  -webkit-tap-highlight-color:transparent;
}
.v2-header .btn--gold{
  color:var(--navy-900);border-color:transparent;
  background:linear-gradient(160deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 34px -12px rgba(212,175,55,.65);
}
.v2-header .btn--gold:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 20px 44px -12px rgba(212,175,55,.75)}
.v2-header .btn:active{transform:translateY(1px) scale(.985);box-shadow:none}
.v2-header .btn--sm{min-height:44px;padding:0 22px;font-size:.86rem}
.v2-burger{
  display:none;width:48px;height:48px;border:1.5px solid var(--line);border-radius:var(--radius-sm);
  background:var(--glass);color:var(--ink);cursor:pointer;align-items:center;justify-content:center;flex:none;
}
@media(max-width:1240px){
  .v2-links{gap:15px;font-size:.79rem}
  .v2-logo{letter-spacing:.22em;font-size:.95rem}
  .v2-links .btn--sm{padding:0 16px}
  .v2-account{gap:15px}
}
@media(max-width:960px){
  .v2-burger{display:inline-flex}
  .v2-links{
    position:fixed;left:0;right:0;top:var(--header-h);flex-direction:column;align-items:stretch;
    gap:0;padding:10px 20px 22px;background:var(--navy-850);border-bottom:1px solid var(--line);
    max-height:calc(100dvh - var(--header-h) - var(--bar-h));overflow-y:auto;
    opacity:0;visibility:hidden;transform:translateY(-10px);
    transition:opacity .22s,transform .22s var(--ease),visibility 0s .22s;
  }
  .v2-links.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  .v2-links a:not(.btn){min-height:50px;display:flex;align-items:center;border-bottom:1px solid var(--line-soft);font-size:1.05rem}
  .v2-links a:not(.btn)::after{display:none}
  .v2-links .btn{margin-top:14px}
  .v2-links .v2-account{flex-direction:column;align-items:stretch;gap:0}
}