/* AETHERA official header identity — v33 (2026-10-25).
   Cropped original AetherA-owned logo, no redrawing or distortions.
   Loaded last on all public pages so older size patches cannot override it. */
:root { --aeth-brand-box-width:300px; --aeth-brand-box-height:96px; }

/* Company pages: same inner fill and outer box on every route. */
body header.site-header .container.nav > a.brand {
  box-sizing:border-box!important;
  flex:0 0 var(--aeth-brand-box-width)!important;
  width:var(--aeth-brand-box-width)!important;
  min-width:var(--aeth-brand-box-width)!important;
  max-width:var(--aeth-brand-box-width)!important;
  height:var(--aeth-brand-box-height)!important;
  min-height:0!important;
  padding:7px 8px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:#fff!important;
  border:0!important;
  overflow:hidden!important;
  box-shadow:0 2px 12px rgba(4,24,55,.12)!important;
}
body header.site-header .container.nav > a.brand > img,
body.aeth-premium-home header.site-header .container.nav > a.brand > img {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  clip-path:none!important;
}
body header.site-header .container.nav {min-height:110px!important; gap:16px!important;}
body header.site-header .container.nav > a.brand:focus-visible,
body.aeth-v2-white header.nav a.brand-wrap:focus-visible,
body.aeth-v2-live header.ls-header a.ls-brand:focus-visible{outline:3px solid #45ccff!important;outline-offset:3px!important;}

/* Live Showroom header uses a distinct original layout. */
body.aeth-v2-live header.ls-header a.ls-brand {
  box-sizing:border-box!important;
  flex:0 0 var(--aeth-brand-box-width)!important;
  width:var(--aeth-brand-box-width)!important;
  max-width:var(--aeth-brand-box-width)!important;
  height:var(--aeth-brand-box-height)!important;
  padding:7px 8px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:#fff!important;
  border:0!important;
  overflow:hidden!important;
  box-shadow:0 2px 12px rgba(4,24,55,.12)!important;
}
body.aeth-v2-live header.ls-header a.ls-brand > img {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}
body.aeth-v2-live header.ls-header .ls-shell.ls-nav-wrap{min-height:110px!important;height:auto!important;gap:16px!important;padding-block:7px!important;}

/* White Label B2B header is self-contained; match same visual dimensions. */
body.aeth-v2-white header.nav a.brand-wrap {
  box-sizing:border-box!important;
  flex:0 0 var(--aeth-brand-box-width)!important;
  width:var(--aeth-brand-box-width)!important;
  min-width:var(--aeth-brand-box-width)!important;
  max-width:var(--aeth-brand-box-width)!important;
  height:var(--aeth-brand-box-height)!important;
  padding:7px 8px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 2px 12px rgba(4,24,55,.12)!important;
}
body.aeth-v2-white header.nav a.brand-wrap > img.brand-logo {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}
body.aeth-v2-white header.nav .nav-inner{min-height:110px!important;gap:16px!important;}

/* Adaptive widths: logo remains proportional and visually prominent. */
@media(max-width:1600px){:root{--aeth-brand-box-width:265px;--aeth-brand-box-height:86px}
  body header.site-header .container.nav,
  body.aeth-v2-live header.ls-header .ls-shell.ls-nav-wrap,
  body.aeth-v2-white header.nav .nav-inner{min-height:100px!important}
}
@media(max-width:1320px){:root{--aeth-brand-box-width:245px;--aeth-brand-box-height:80px}
  body header.site-header .container.nav,
  body.aeth-v2-live header.ls-header .ls-shell.ls-nav-wrap,
  body.aeth-v2-white header.nav .nav-inner{min-height:92px!important}
  body.aeth-v2-white header.nav .nav-links{gap:10px!important}
}
@media(max-width:1150px){:root{--aeth-brand-box-width:222px;--aeth-brand-box-height:74px}
  body header.site-header .container.nav,
  body.aeth-v2-live header.ls-header .ls-shell.ls-nav-wrap,
  body.aeth-v2-white header.nav .nav-inner{min-height:86px!important}
}
@media(max-width:900px){
  body.aeth-v2-live header.ls-header .ls-shell.ls-nav-wrap{position:relative!important}
}
@media(max-width:700px){:root{--aeth-brand-box-width:198px;--aeth-brand-box-height:66px}
  body header.site-header .container.nav,
  body.aeth-v2-live header.ls-header .ls-shell.ls-nav-wrap,
  body.aeth-v2-white header.nav .nav-inner{min-height:79px!important}
  body header.site-header .container.nav > a.brand,
  body.aeth-v2-white header.nav a.brand-wrap,
  body.aeth-v2-live header.ls-header a.ls-brand{border-radius:14px!important;padding:5px 6px!important}
}
@media(max-width:430px){:root{--aeth-brand-box-width:176px;--aeth-brand-box-height:60px}
  body header.site-header .container.nav,
  body.aeth-v2-live header.ls-header .ls-shell.ls-nav-wrap,
  body.aeth-v2-white header.nav .nav-inner{min-height:72px!important;gap:8px!important}
}

@media(max-width:900px){
 body.aeth-v2-live header.ls-header .ls-nav{top:100%!important;}
}
@media(max-width:1150px){
 body header.site-header .container.nav > nav.main-nav{top:100%!important;}
}

/* Keep the live header clean on narrow phones after enlarging the logo. */
@media (max-width:900px){
  body.aeth-v2-live header.ls-header .ls-nav-actions > a.ls-btn-small{display:none!important}
}
body.aeth-v2-live header.ls-header .ls-lang button{color:#d9edff!important;}
body.aeth-v2-live header.ls-header .ls-lang button.active{background:#e8f5ff!important;color:#084c98!important;border-radius:8px!important;}
