/* =====================================================================
   Medverion nav v2 — floating glass pill
   dark glass over dark sections, light glass over light sections (js/nav-v2.js
   sets .on-light from the colour behind the pill), hides on scroll down.
   ===================================================================== */
.nav { background: transparent !important; border-bottom-color: transparent !important; box-shadow: none !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; pointer-events: none; }
.nav .wrap {
  pointer-events: auto; position: relative;
  width: min(1240px, 100% - 32px); height: 56px; margin: 10px auto 0; padding: 0 8px 0 18px; gap: 18px;
  border-radius: 18px; border: 1px solid rgba(255, 255, 255, .07);
  background: linear-gradient(180deg, rgba(14, 20, 40, .34), rgba(10, 15, 32, .26));
  -webkit-backdrop-filter: blur(14px) saturate(1.35); backdrop-filter: blur(14px) saturate(1.35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  transition: background .35s ease, border-color .35s ease, box-shadow .35s ease, color .35s ease;
}
.nav.solid .wrap {
  background: linear-gradient(180deg, rgba(14, 20, 40, .9), rgba(9, 13, 28, .86));
  border-color: rgba(255, 255, 255, .09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 18px 40px -18px rgba(2, 6, 23, .7), 0 2px 6px rgba(2, 6, 23, .25);
  -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5);
}
/* light glass over light sections */
.nav.solid.on-light { color: #0F172A; }
.nav.solid.on-light .wrap {
  background: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(248, 250, 255, .84));
  border-color: rgba(15, 23, 42, .08);
  box-shadow: inset 0 1px 0 #fff, 0 18px 40px -20px rgba(15, 23, 42, .28), 0 2px 6px rgba(15, 23, 42, .06);
}
/* hide on scroll down, show on scroll up */
.nav { transition: transform .45s cubic-bezier(.2, .8, .2, 1); }
.nav.nav-hide { transform: translateY(-110%); }

/* brand: dark-bg logo by default, light-bg logo on light glass */
.nav .brand { flex: none; }
.nav .brand .brand-logo { height: 28px; width: auto; }
.nav .brand .brand-logo-light { display: none; }
.nav.solid.on-light .brand .brand-logo-dark { display: none; }
.nav.solid.on-light .brand .brand-logo-light { display: block; }

/* links */
.nav-links { gap: 2px; margin-left: 6px; }
.nav-links > a, .nav-more > button {
  height: 38px; padding: 0 13px; border-radius: 11px; opacity: 1;
  font: 500 14.5px/1 'Plus Jakarta Sans', 'Inter', sans-serif; letter-spacing: -.005em;
  color: rgba(233, 238, 252, .78); transition: color .2s ease, background-color .2s ease;
}
.nav-links > a:hover, .nav-more > button:hover, .nav-more.open > button { color: #fff; background: rgba(255, 255, 255, .07); }
.nav-links > a.on, .nav-more.on > button { color: #fff; background: rgba(255, 255, 255, .09); }
.nav-links > a.on::after {
  left: 50%; right: auto; width: 16px; margin-left: -8px; bottom: 5px; height: 2.5px;
  background: linear-gradient(90deg, #2F6EFC, #6E4EFA);
}
.nav.solid.on-light .nav-links > a, .nav.solid.on-light .nav-more > button { color: rgba(15, 23, 42, .68); }
.nav.solid.on-light .nav-links > a:hover, .nav.solid.on-light .nav-more > button:hover,
.nav.solid.on-light .nav-more.open > button { color: #0F172A; background: rgba(15, 23, 42, .05); }
.nav.solid.on-light .nav-links > a.on, .nav.solid.on-light .nav-more.on > button { color: #2F6EFC; background: rgba(47, 110, 252, .09); }

/* dropdown sits under the pill */
.nav .menu { top: calc(100% + 14px); border-radius: 18px; box-shadow: 0 28px 60px -24px rgba(2, 6, 23, .45), 0 4px 14px rgba(2, 6, 23, .08); }
.nav .menu a i { background: linear-gradient(135deg, rgba(47, 110, 252, .12), rgba(110, 78, 250, .12)); color: #3B6EF5; }

/* right side */
.nav-right { gap: 6px; }
.nav-right .search-btn {
  width: 40px; height: 40px; padding: 0; gap: 0; justify-content: center; border-radius: 12px; opacity: 1;
  font-size: 0; color: rgba(233, 238, 252, .82);
  border: 1px solid rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .05);
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.nav-right .search-btn .kbd { display: none; }
.nav-right .search-btn svg { width: 17px; height: 17px; }
.nav-right .search-btn:hover { color: #fff; background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .16); }
.nav.solid.on-light .nav-right .search-btn { color: rgba(15, 23, 42, .7); border-color: rgba(15, 23, 42, .1); background: rgba(15, 23, 42, .03); }
.nav.solid.on-light .nav-right .search-btn:hover { color: #0F172A; background: rgba(15, 23, 42, .06); }

.nav .login { height: 40px; padding: 0 14px; border-radius: 12px; opacity: 1; color: rgba(233, 238, 252, .86);
  font: 600 14.5px/1 'Plus Jakarta Sans', 'Inter', sans-serif; transition: color .2s ease, background-color .2s ease; }
.nav .login:hover { color: #fff; background: rgba(255, 255, 255, .07); }
.nav.solid.on-light .login { color: rgba(15, 23, 42, .78); }
.nav.solid.on-light .login:hover { color: #0F172A; background: rgba(15, 23, 42, .05); }

.nav-right .btn {
  position: relative; overflow: hidden; height: 42px; padding: 0 18px; border-radius: 12px; border: 0;
  font: 600 14.5px/1 'Plus Jakarta Sans', 'Inter', sans-serif; color: #fff;
  background: linear-gradient(135deg, #2F6EFC, #6E4EFA);
  box-shadow: 0 6px 18px -8px rgba(79, 70, 229, .65), inset 0 1px 0 rgba(255, 255, 255, .22);
  transition: transform .25s cubic-bezier(.2, .8, .2, 1), box-shadow .25s ease;
}
.nav-right .btn:hover { transform: translateY(-1px); box-shadow: 0 12px 26px -10px rgba(79, 70, 229, .8), inset 0 1px 0 rgba(255, 255, 255, .25); }
.nav-right .btn::after {
  content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; transform: skewX(-20deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent); transition: left .7s ease;
}
.nav-right .btn:hover::after { left: 130%; }

.user-pill { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .08); }
.nav.solid.on-light .user-pill { background: rgba(15, 23, 42, .05); border-color: rgba(15, 23, 42, .08); color: #0F172A; }
.nav .icon-btn { border-radius: 12px; color: inherit; }
.nav .icon-btn:hover { background: rgba(255, 255, 255, .08); }
.nav.solid.on-light .icon-btn:hover { background: rgba(15, 23, 42, .06); }

/* the scroll progress line rides on the pill's bottom edge */
.progress-bar { opacity: .9; }

@media (max-width: 1180px) {
  .nav .wrap { gap: 12px; padding-left: 16px; }
  .nav-links > a, .nav-more > button { padding: 0 10px; }
}
@media (max-width: 960px) {
  .nav .wrap { width: calc(100% - 16px); height: 50px; margin-top: 8px; padding: 0 6px 0 14px; border-radius: 16px; }
  .nav .brand .brand-logo { height: 24px; }
  .nav .burger { display: grid; width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .nav, .nav .wrap, .nav-right .btn { transition: none; }
  .nav.nav-hide { transform: none; }
}