/* EMDATE V19.5 — Sliding Glass Lens Navigation
   Premium moving active state for the desktop top navigation. */

@media (min-width:981px){
  .site-header .desktop-nav{
    --nav-lens-x:0px;
    --nav-lens-w:0px;
    --nav-lens-o:0;
    position:relative!important;
    isolation:isolate;
    align-items:center!important;
    padding:6px!important;
    gap:8px!important;
    border:1px solid rgba(255,255,255,.055);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    overflow:visible;
  }

  .site-header .desktop-nav::before{
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    top:5px;
    width:var(--nav-lens-w);
    height:calc(100% - 10px);
    transform:translate3d(var(--nav-lens-x),0,0);
    opacity:var(--nav-lens-o);
    border:1px solid rgba(126,220,255,.26);
    border-radius:12px;
    background:
      linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.025) 42%,rgba(20,184,232,.075)),
      rgba(7,16,31,.22);
    -webkit-backdrop-filter:blur(13px) saturate(148%) contrast(1.05);
    backdrop-filter:blur(13px) saturate(148%) contrast(1.05);
    box-shadow:
      0 12px 28px rgba(0,0,0,.16),
      0 0 28px rgba(20,184,232,.075),
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 -1px 0 rgba(20,184,232,.08);
    transition:
      transform .48s cubic-bezier(.2,.82,.2,1),
      width .48s cubic-bezier(.2,.82,.2,1),
      opacity .20s ease;
    pointer-events:none;
  }

  .site-header .desktop-nav::after{
    content:"";
    position:absolute;
    z-index:1;
    top:50%;
    left:0;
    width:26px;
    height:26px;
    border-radius:50%;
    transform:translate3d(calc(var(--nav-lens-x) + var(--nav-lens-w) - 19px),-50%,0);
    opacity:var(--nav-lens-o);
    border:1px solid rgba(190,238,255,.32);
    background:
      radial-gradient(circle at 34% 28%,rgba(255,255,255,.34),rgba(255,255,255,.09) 26%,rgba(20,184,232,.06) 54%,rgba(7,16,31,.10) 76%);
    -webkit-backdrop-filter:blur(4px) saturate(165%);
    backdrop-filter:blur(4px) saturate(165%);
    box-shadow:
      0 6px 16px rgba(0,0,0,.14),
      inset 0 0 0 1px rgba(255,255,255,.035),
      0 0 18px rgba(20,184,232,.10);
    transition:
      transform .50s cubic-bezier(.2,.82,.2,1),
      opacity .20s ease;
    pointer-events:none;
  }

  .site-header .desktop-nav a{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:0 15px!important;
    border-radius:10px!important;
    transition:
      color .25s ease,
      transform .38s cubic-bezier(.2,.82,.2,1),
      text-shadow .25s ease!important;
    transform-origin:center;
  }

  .site-header .desktop-nav a::after{
    display:none!important;
  }

  .site-header .desktop-nav a.active,
  .site-header .desktop-nav a.nav-lens-focus{
    color:#F5FBFF!important;
    transform:scale(1.045);
    text-shadow:0 0 14px rgba(150,226,255,.18);
  }

  .site-header .desktop-nav a:not(.active):not(.nav-lens-focus){
    transform:scale(1);
  }

  .site-header .desktop-nav a:focus-visible{
    outline:2px solid rgba(20,184,232,.55)!important;
    outline-offset:3px;
  }

  html[data-theme="light"] .site-header .desktop-nav,
  html[data-theme="clinical"] .site-header .desktop-nav{
    border-color:rgba(16,26,46,.075);
    background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.42));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  }

  html[data-theme="light"] .site-header .desktop-nav::before{
    border-color:rgba(11,143,211,.20);
    background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(234,243,251,.58) 52%,rgba(11,143,211,.08));
    box-shadow:0 12px 28px rgba(16,26,46,.08),0 0 22px rgba(11,143,211,.06),inset 0 1px 0 #fff;
  }
  html[data-theme="clinical"] .site-header .desktop-nav::before{
    border-color:rgba(4,124,137,.22);
    background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(221,247,242,.62) 50%,rgba(4,124,137,.08));
    box-shadow:0 12px 28px rgba(0,107,118,.08),0 0 22px rgba(4,124,137,.07),inset 0 1px 0 rgba(255,255,255,.9);
  }

  html[data-theme="light"] .site-header .desktop-nav a.active,
  html[data-theme="light"] .site-header .desktop-nav a.nav-lens-focus,
  html[data-theme="clinical"] .site-header .desktop-nav a.active,
  html[data-theme="clinical"] .site-header .desktop-nav a.nav-lens-focus{
    color:var(--v194-ink)!important;
    text-shadow:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-header .desktop-nav::before,
  .site-header .desktop-nav::after,
  .site-header .desktop-nav a{
    transition:none!important;
  }
}
@media (min-width:981px){
  .site-header .desktop-nav.nav-lens-no-motion::before,
  .site-header .desktop-nav.nav-lens-no-motion::after{transition:none!important}
}