/* OVIIGI MENU CONCEPT 2 — PREMIUM GLASS */

@media (max-width:850px) {

  .site-header {
    overflow:visible;
    isolation:isolate;
  }

  .site-header .main-navigation {
    position:absolute;
    top:calc(100% + 10px);
    right:12px;
    left:auto;

    width:min(310px,calc(100vw - 24px));
    min-width:0;
    max-width:none;

    padding:13px;
    gap:5px;

    border:1px solid rgba(118,202,255,.48);
    border-radius:21px;

    background:linear-gradient(
      145deg,
      rgba(19,69,121,.96),
      rgba(8,38,80,.97) 55%,
      rgba(5,25,58,.98)
    );

    -webkit-backdrop-filter:blur(22px);
    backdrop-filter:blur(22px);

    box-shadow:
      0 24px 65px rgba(0,5,22,.55),
      0 0 25px rgba(30,139,255,.13),
      inset 0 1px rgba(205,236,255,.20);

    z-index:1100;
  }

  .site-header .main-navigation.is-open {
    display:flex;
    animation:oviigiGlassOpen .22s ease-out both;
  }

  .site-header .main-navigation a {
    min-height:43px;
    padding:9px 11px;
    gap:11px;

    border:1px solid transparent;
    border-radius:11px;

    color:#f0f7ff;
    font-size:13px;
    font-weight:600;

    background:rgba(255,255,255,.035);
    transition:
      background .18s ease,
      border-color .18s ease;
  }

  .site-header .main-navigation a:hover,
  .site-header .main-navigation a:focus-visible {
    background:rgba(94,176,255,.19);
    border-color:rgba(148,213,255,.30);
  }

  .site-header .oviigi-nav-icon {
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:9px;
    background:rgba(119,196,255,.12);
  }

  .site-header .oviigi-nav-chevron {
    margin-left:auto;
    color:#91d8ff;
  }

  .site-header .oviigi-menu-bottom {
    margin-top:8px;
    padding-top:11px;
    border-top:1px solid rgba(171,217,255,.19);
  }

  .site-header .oviigi-theme-toggle {
    border:1px solid rgba(155,213,255,.34);
    border-radius:10px;
    background:rgba(255,255,255,.09);
  }

  .site-header .oviigi-mobile-actions .menu-toggle {
    border-color:rgba(125,211,255,.65);
    background:linear-gradient(
      145deg,#155a9c,#092e64
    );
    box-shadow:0 4px 15px rgba(13,115,230,.19);
  }

  @keyframes oviigiGlassOpen {
    from {
      opacity:0;
      transform:translateY(-8px) scale(.98);
    }
    to {
      opacity:1;
      transform:translateY(0) scale(1);
    }
  }
}

@media (prefers-reduced-motion:reduce) {
  .site-header .main-navigation.is-open {
    animation:none;
  }
}

/* OVIIGI MENU COMPACT 49.015 */

@media (max-width:850px) {

  body .site-header .header-inner {
    position:relative;
  }

  body .site-header #main-navigation {
    position:absolute !important;
    top:calc(100% + 8px) !important;
    right:10px !important;
    left:auto !important;

    width:min(290px,calc(100vw - 20px)) !important;
    min-width:0 !important;
    max-width:290px !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    padding:10px !important;

    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:3px !important;

    border:1px solid rgba(96,190,255,.55);
    border-radius:17px;

    background:linear-gradient(
      145deg,
      rgba(18,91,169,.97),
      rgba(8,48,108,.98) 55%,
      rgba(5,31,76,.99)
    );

    box-shadow:0 18px 45px rgba(0,8,28,.48);
    z-index:2000;
  }

  body .site-header #main-navigation.is-open {
    display:flex !important;
  }

  body .site-header #main-navigation > a {
    display:flex !important;
    align-items:center !important;

    width:100%;
    min-height:39px !important;
    margin:0 !important;
    padding:6px 9px !important;

    font-size:12px !important;
    line-height:1.3 !important;

    border-radius:9px;
    background:rgba(255,255,255,.045);
  }

  body .site-header #main-navigation .oviigi-nav-icon {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    width:28px !important;
    height:28px !important;
    flex:0 0 28px;

    font-size:16px !important;
    border-radius:8px;
  }

  body .site-header #main-navigation .oviigi-nav-label {
    flex:1;
  }

  body .site-header #main-navigation .oviigi-nav-chevron {
    display:inline-flex !important;
    margin-left:auto;
    font-size:17px;
  }
}

/* OVIIGI MENU COMPACT V3 49.017 */

@media (max-width:850px) {

  body .site-header #main-navigation {
    width:min(250px,calc(100vw - 20px)) !important;
    max-width:250px !important;

    padding:8px !important;
    gap:2px !important;

    border-radius:15px !important;

    box-shadow:
      0 16px 38px rgba(0,9,35,.43),
      inset 0 1px 0 rgba(194,228,255,.15);
  }

  body .site-header #main-navigation > a {
    min-height:34px !important;
    padding:4px 7px !important;
    gap:8px !important;

    font-size:11.5px !important;
    font-weight:600;
    border-radius:8px !important;
  }

  body .site-header #main-navigation .oviigi-nav-icon {
    width:25px !important;
    height:25px !important;
    flex:0 0 25px !important;

    font-size:14px !important;
    border-radius:7px !important;
  }

  body .site-header #main-navigation .oviigi-nav-chevron {
    font-size:14px !important;
  }

  body .site-header #main-navigation .oviigi-menu-bottom {
    margin-top:5px !important;
    padding-top:7px !important;
  }

  body .site-header #main-navigation .oviigi-theme-toggle {
    width:32px;
    height:32px;
    padding:7px;
    border-radius:9px;
  }
}


/* OVIIGI MENU 200PX 49.018 */

@media(max-width:850px) {

  body .site-header #main-navigation {
    width:min(200px,calc(100vw - 20px)) !important;
    max-width:200px !important;
    padding:7px !important;
    gap:2px !important;
    border-radius:13px !important;
  }

  body .site-header #main-navigation > a {
    min-height:33px !important;
    padding:4px 6px !important;
    gap:6px !important;
    font-size:11px !important;
  }

  body .site-header #main-navigation .oviigi-nav-icon {
    width:23px !important;
    height:23px !important;
    flex-basis:23px !important;
    font-size:13px !important;
  }

  body .site-header #main-navigation .oviigi-menu-bottom {
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:5px;
    margin-top:6px !important;
    padding-top:8px !important;
  }

  .oviigi-account-preview {
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-width:0;
    padding:6px;
    border:1px solid rgba(155,213,255,.25);
    border-radius:9px;
    color:#ffffff;
    background:rgba(255,255,255,.07);
    font-size:10px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
  }

  .oviigi-account-preview svg {
    width:16px;
    height:16px;
    flex:0 0 16px;
    fill:none;
    stroke:#ffab60;
    stroke-width:1.8;
  }

  body .site-header #main-navigation .oviigi-theme-toggle {
    flex:0 0 31px;
    width:31px;
    height:31px;
    padding:6px;
  }
}

/* OVIIGI BLEU CENTRAL 49.019 */

@media (max-width:850px) {

  body .site-header #main-navigation {
    background:
      radial-gradient(
        ellipse at 50% 43%,
        rgba(31,101,177,.55) 0%,
        rgba(12,54,110,.55) 52%,
        rgba(5,27,64,.96) 100%
      ) !important;
  }

  body .site-header #main-navigation > a {
    background:
      linear-gradient(
        110deg,
        rgba(24,76,139,.82),
        rgba(35,101,173,.88),
        rgba(20,68,130,.82)
      ) !important;
  }

  body .site-header #main-navigation > a:hover,
  body .site-header #main-navigation > a:focus-visible {
    background:
      linear-gradient(
        110deg,
        #2469ad,
        #3485cf
      ) !important;
  }
}