/* OVIIGI MENU V9 — PREVISUALISATION ISOLEE */

.site-header {
  position:relative;
  z-index:100;
  background:#061426;
  border-bottom:1px solid rgba(130,180,230,.15);
}

.site-header .header-inner {
  max-width:1320px;
  min-height:78px;
  margin:auto;
  padding:12px 25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.site-header .brand img {
  display:block;
  width:165px;
  height:auto;
}

.site-header .main-navigation {
  display:flex;
  align-items:center;
  gap:20px;
}

.site-header .main-navigation a {
  font-size:12px;
  color:#c8d8e9;
}

.site-header .header-actions .client-link {
  display:inline-flex;
  padding:11px 17px;
  border:1px solid rgba(255,145,61,.45);
  border-radius:9px;
  font-size:12px;
  font-weight:700;
}

.site-header .oviigi-mobile-actions {
  display:none;
}

.site-header .oviigi-nav-icon,
.site-header .oviigi-nav-chevron,
.site-header .oviigi-menu-bottom {
  display:none;
}

@media(max-width:850px) {
  .site-header .header-inner {
    min-height:68px;
    padding:10px 15px;
    gap:9px;
  }

  .site-header .brand {
    flex:1;
    min-width:0;
  }

  .site-header .brand img {
    width:clamp(105px,28vw,145px);
  }

  .site-header .oviigi-mobile-actions {
    display:flex;
    align-items:center;
    gap:7px;
  }

  .site-header .oviigi-mobile-icon,
  .site-header .menu-toggle {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:37px;
    height:37px;
    padding:8px;
    border:1px solid rgba(100,185,255,.45);
    border-radius:10px;
    background:#12385f;
    color:white;
  }

  .site-header .oviigi-mobile-icon svg {
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
  }

  .site-header .oviigi-mobile-cart:disabled {
    opacity:.55;
  }

  .site-header .oviigi-hamburger-svg {
    width:23px;
    height:23px;
  }

  .site-header .oviigi-hamburger-svg path {
    transition:transform .2s,opacity .2s;
    transform-origin:center;
  }

  .site-header .menu-toggle[aria-expanded="true"]
  .oviigi-line-top {
    transform:translateY(6px) rotate(45deg);
  }

  .site-header .menu-toggle[aria-expanded="true"]
  .oviigi-line-middle {
    opacity:0;
  }

  .site-header .menu-toggle[aria-expanded="true"]
  .oviigi-line-bottom {
    transform:translateY(-6px) rotate(-45deg);
  }

  .site-header .header-actions {
    display:none;
  }

  .site-header .main-navigation {
    position:absolute;
    top:calc(100% + 8px);
    right:12px;
    display:none;
    width:65vw;
    max-width:300px;
    padding:12px;
    border:1px solid rgba(80,190,255,.55);
    border-radius:17px;
    background:linear-gradient(145deg,#0b6ed2,#07377d);
    box-shadow:0 18px 40px rgba(0,0,0,.35);
    flex-direction:column;
    align-items:stretch;
    gap:2px;
  }

  .site-header .main-navigation.is-open {
    display:flex;
  }

  .site-header .main-navigation a {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px;
    border-radius:9px;
    color:white;
    font-size:13px;
  }

  .site-header .oviigi-nav-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:27px;
    height:27px;
    border-radius:8px;
    background:rgba(255,255,255,.12);
  }

  .site-header .oviigi-nav-chevron {
    display:inline;
    margin-left:auto;
  }

  .site-header .oviigi-menu-bottom {
    display:flex;
    justify-content:flex-end;
    padding:8px;
  }

  .site-header .oviigi-theme-toggle {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border:1px solid rgba(255,255,255,.3);
    border-radius:9px;
    background:rgba(255,255,255,.1);
    color:white;
  }

  .site-header .oviigi-theme-toggle svg {
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
  }
}