/* Sea Of Glass And Mirrors — Navigation Restoration 0.5.23
   Surgical correction only: the primary navigation capsule is NOT a level-1
   content container and therefore retains its rounded glass treatment. */

:root{
  --sog-nav-bg:rgba(3,25,48,.90);
  --sog-nav-border:rgba(71,202,255,.34);
  --sog-nav-shadow:0 14px 42px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
}

/* Header itself remains transparent; only the inner navigation capsule renders. */
body[data-sog-design] .header{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* Restore the approved elegant capsule. */
body[data-sog-design] .header-container{
  position:relative!important;
  width:max-content!important;
  max-width:calc(100vw - clamp(28px,5vw,86px))!important;
  margin-inline:auto!important;
  padding:clamp(7px,.7vw,11px) clamp(18px,2vw,34px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(8px,1vw,16px)!important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--sog-theme-surface,#08213b) 94%,transparent),
      color-mix(in srgb,var(--sog-theme-bg,#031528) 96%,transparent))!important;
  border:1px solid color-mix(in srgb,var(--sog-accent,#18c9f5) 34%,transparent)!important;
  border-radius:999px!important;
  box-shadow:var(--sog-nav-shadow)!important;
  backdrop-filter:blur(22px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
  overflow:visible!important;
}

/* Keep all menu items inside the capsule. */
body[data-sog-design] .header-container .nav,
body[data-sog-design] .header-container .nav-list{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
}

/* Individual controls remain elegant but do not create a second giant container. */
body[data-sog-design] .header-container .nav-list a{
  border-radius:12px!important;
}
body[data-sog-design] .header-container :is(.language-switcher,.language-toggle,.lang-switcher){
  border-radius:999px!important;
}

/* Scrolled state preserves the same capsule instead of becoming a white block. */
body[data-sog-design] .header.scrolled .header-container{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--sog-theme-surface,#08213b) 96%,transparent),
      color-mix(in srgb,var(--sog-theme-bg,#031528) 98%,transparent))!important;
  border-color:color-mix(in srgb,var(--sog-accent,#18c9f5) 36%,transparent)!important;
}

/* Medium screens: preserve capsule while fitting without collisions. */
@media (max-width:1440px){
  body[data-sog-design] .header-container{
    max-width:calc(100vw - 34px)!important;
    padding-inline:14px!important;
    gap:7px!important;
  }
}

/* Mobile/tablet navigation is allowed to change layout, but still owns its panel. */
@media (max-width:900px){
  body[data-sog-design] .header-container{
    width:min(94vw,760px)!important;
    max-width:94vw!important;
    border-radius:24px!important;
  }
}