/* =====================================================================
   Orbitek Hub — Header v2: Premium 3D Glassmorphism
   Visual layer only. Styles the existing <header> markup; no content,
   link or structure changes. Loaded last (see orbitek_header_glass_assets()).
   To undo: remove that function in functions.php or delete this file.
   ===================================================================== */

header{
  --hg-red:#e0241b;--hg-red2:#ff4b3e;--hg-ink:#0b0b0d;
  --hg-glass:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.58));
  --hg-line:rgba(255,255,255,.7);
  --hg-blur:blur(20px) saturate(180%);
  --hg-ease:cubic-bezier(.22,1,.36,1);
  isolation:isolate;
  background:var(--hg-glass)!important;
  -webkit-backdrop-filter:var(--hg-blur);backdrop-filter:var(--hg-blur);
  border-bottom:1px solid rgba(17,17,20,.07)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 40px -28px rgba(11,11,13,.45);
  transition:box-shadow .5s var(--hg-ease),background .5s var(--hg-ease);
}
/* ambient light orbs behind the glass */
header::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38% 120% at 12% 0%,rgba(224,36,27,.16),transparent 70%),
    radial-gradient(30% 140% at 88% 100%,rgba(224,36,27,.13),transparent 72%),
    radial-gradient(40% 100% at 55% 40%,rgba(255,255,255,.55),transparent 70%);
  background-size:140% 100%;
  animation:hgDrift 18s ease-in-out infinite alternate;
}
/* refined top-edge highlight */
header::after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 30%,rgba(224,36,27,.35) 50%,rgba(255,255,255,.95) 70%,transparent);
}
@keyframes hgDrift{0%{background-position:0% 0}100%{background-position:100% 0}}

/* ---------- top row ---------- */
header .hd-top{background:transparent!important;border-bottom:1px solid rgba(17,17,20,.06)!important}
header .logo img{filter:drop-shadow(0 4px 10px rgba(11,11,13,.12));transition:transform .5s var(--hg-ease),filter .5s}
header .logo:hover img{transform:translateY(-1px) scale(1.02);filter:drop-shadow(0 8px 16px rgba(224,36,27,.18))}

header .hd-focus{
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.5))!important;
  border:1px solid var(--hg-line)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 #fff,0 10px 24px -14px rgba(11,11,13,.45),0 0 0 1px rgba(17,17,20,.05)!important;
}
header .hd-fk{background:linear-gradient(160deg,#1b1b21,#0b0b0d)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 10px -4px rgba(11,11,13,.6)}

header .hd-s{position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 16px -8px rgba(11,11,13,.55)!important;transition:transform .35s var(--hg-ease),box-shadow .35s}
header .hd-s::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.4),transparent 55%);pointer-events:none}
header a.hd-s:hover,header a.hd-s:focus-visible{transform:translateY(-3px) scale(1.08)}

/* ---------- nav row ---------- */
header .hd-nav{background:transparent!important;border-bottom:0!important}

@media(min-width:1081px){
  header .hd-nav .bar{perspective:900px}
  header .hd-nav nav ul{
    --rx:0deg;--ry:0deg;
    background:linear-gradient(160deg,rgba(28,28,34,.86),rgba(9,9,12,.9))!important;
    -webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 -1px 0 rgba(255,255,255,.04),
      0 0 0 1px rgba(255,255,255,.06),
      0 20px 36px -18px rgba(11,11,13,.75),
      0 6px 14px -8px rgba(224,36,27,.28)!important;
    transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);
    transform-style:preserve-3d;
    transition:transform .6s var(--hg-ease),box-shadow .5s var(--hg-ease);
    animation:hgFloat 7s ease-in-out infinite;
  }
  /* glass sheen across the pill */
  header .hd-nav nav ul::before{
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
    background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 48%);
  }
  header .hd-nav nav a{
    position:relative;color:rgba(255,255,255,.74)!important;letter-spacing:.005em;
    transition:color .3s,background .3s,transform .3s var(--hg-ease);
  }
  header .hd-nav nav li:not(.nv-ind):not(.mob-cta) > a:hover{
    color:#fff!important;background:rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(-1px);
  }
  header .hd-nav nav a.active,header .hd-nav nav a.active:hover{color:#fff!important;background:transparent;box-shadow:none;transform:none}
  /* active indicator: lit red glass */
  header .hd-nav nav .nv-ind{
    background:linear-gradient(180deg,var(--hg-red2),var(--hg-red) 60%,#b9170f)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 6px rgba(0,0,0,.18),0 8px 22px -6px rgba(224,36,27,.75),0 0 18px -2px rgba(255,75,62,.5)!important;
  }
  header .hd-nav nav .nv-ind::after{
    content:"";position:absolute;left:18%;right:18%;bottom:-7px;height:2px;border-radius:2px;
    background:var(--hg-red2);filter:blur(3px);opacity:.85;
  }

  /* glass dropdowns (applies to any WordPress sub-menu in the nav) */
  header .hd-nav nav li{position:relative}
  header .hd-nav nav li > ul,header .hd-nav nav .sub-menu{
    position:absolute;top:calc(100% + 14px);left:50%;min-width:220px;display:flex;flex-direction:column;gap:2px;
    padding:8px;border-radius:18px!important;
    background:linear-gradient(160deg,rgba(28,28,34,.82),rgba(9,9,12,.88))!important;
    -webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);
    opacity:0;visibility:hidden;transform:translate(-50%,8px) scale(.97);transform-origin:top center;
    transition:opacity .3s var(--hg-ease),transform .35s var(--hg-ease),visibility 0s .35s;animation:none;
  }
  header .hd-nav nav li > ul::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
  header .hd-nav nav li:hover > ul,header .hd-nav nav li:focus-within > ul{
    opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);transition-delay:0s;
  }
  header .hd-nav nav li > ul a{border-radius:12px!important;white-space:nowrap}

  /* CTA: luminous red glass */
  header .hd-pitch{
    position:relative;overflow:hidden;isolation:isolate;
    background:linear-gradient(180deg,var(--hg-red2),var(--hg-red) 58%,#c01a12)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 6px rgba(0,0,0,.18),0 12px 26px -10px rgba(224,36,27,.75),0 0 0 1px rgba(224,36,27,.35)!important;
    transition:transform .45s var(--hg-ease),box-shadow .45s var(--hg-ease)!important;
    animation:hgGlow 3.6s ease-in-out infinite;
  }
  header .hd-pitch::before{
    content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:-1;pointer-events:none;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);
    transition:left .8s var(--hg-ease);
  }
  header .hd-pitch:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 18px 34px -12px rgba(224,36,27,.85),0 0 0 1px rgba(224,36,27,.45)!important}
  header .hd-pitch:hover::before{left:120%}
  header .hd-ar{box-shadow:inset 0 -2px 4px rgba(0,0,0,.08),0 4px 10px -4px rgba(0,0,0,.35)}
}
@keyframes hgFloat{0%,100%{translate:0 0}50%{translate:0 -2px}}
@keyframes hgGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.07) drop-shadow(0 0 10px rgba(255,75,62,.35))}}

/* ---------- sticky / scrolled state ---------- */
header.hg-scrolled{
  --hg-glass:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.7));
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 22px 44px -26px rgba(11,11,13,.55);
}
@media(min-width:1081px){
  header.hg-scrolled .hd-nav nav ul{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(255,255,255,.07),0 14px 28px -16px rgba(11,11,13,.8),0 4px 12px -6px rgba(224,36,27,.35)!important}
}

/* ---------- tablet & mobile ---------- */
@media(max-width:1080px){
  header #mb{
    position:relative;border-radius:12px!important;color:#111114!important;
    border:1px solid rgba(255,255,255,.8)!important;
    background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.5))!important;
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(17,17,20,.07),0 8px 18px -10px rgba(11,11,13,.5);
    transition:transform .3s var(--hg-ease),box-shadow .3s;
  }
  header #mb:hover{transform:translateY(-1px)}
  header #mb[aria-expanded="true"]{color:#fff!important;background:linear-gradient(180deg,#ff4b3e,#e0241b)!important;border-color:rgba(224,36,27,.6)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 22px -10px rgba(224,36,27,.8)}

  header nav.open{
    left:12px!important;right:12px!important;top:calc(100% + 8px)!important;
    border-radius:22px;border:1px solid rgba(255,255,255,.75)!important;
    background:linear-gradient(165deg,rgba(255,255,255,.9),rgba(255,255,255,.74))!important;
    -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);
    box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(17,17,20,.06),0 30px 60px -24px rgba(11,11,13,.5),0 10px 30px -18px rgba(224,36,27,.35);
    padding:16px 14px 18px!important;transform-origin:top center;
    animation:hgMenu .45s var(--hg-ease) both;
  }
  header nav.open li{animation:hgItem .5s var(--hg-ease) both}
  header nav.open li:nth-child(2){animation-delay:.03s}header nav.open li:nth-child(3){animation-delay:.06s}
  header nav.open li:nth-child(4){animation-delay:.09s}header nav.open li:nth-child(5){animation-delay:.12s}
  header nav.open li:nth-child(6){animation-delay:.15s}header nav.open li:nth-child(7){animation-delay:.18s}
  header nav.open li:nth-child(8){animation-delay:.21s}header nav.open li:nth-child(9){animation-delay:.24s}
  header nav.open li:nth-child(10){animation-delay:.27s}header nav.open li:nth-child(n+11){animation-delay:.3s}
  header .hd-nav nav ul{gap:4px!important}
  header .hd-nav nav li:not(.mob-cta) > a{border-radius:14px!important;transition:background .25s,color .25s,transform .25s var(--hg-ease)}
  header .hd-nav nav li:not(.mob-cta) > a:not(.active):hover{background:rgba(17,17,20,.05);color:#111114;transform:translateX(2px)}
  header .hd-nav nav a.active{background:linear-gradient(180deg,#ff4b3e,#e0241b)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 18px -8px rgba(224,36,27,.7)}
  header .hd-nav nav li > ul,header .hd-nav nav .sub-menu{position:static;background:none;padding:2px 0 2px 10px;box-shadow:none}
  header .mob-cta .btn.red{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 22px -10px rgba(224,36,27,.8)!important}
}
@keyframes hgMenu{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes hgItem{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* browsers without backdrop-filter: keep text fully legible */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  header{background:#fff!important}
  header nav.open{background:#fff!important}
}

@media(prefers-reduced-motion:reduce){
  header::before,header .hd-nav nav ul,header .hd-pitch,header nav.open,header nav.open li{animation:none!important}
  header .hd-nav nav ul,header .hd-pitch,header .hd-pitch::before,header .hd-s,header .logo img,header #mb{transition:none!important}
}