/* ==========================================================================
   VelveFlix v2 — NAV (glass) — scoped html.vf-2026
   Источник: VelveFlix.dc.html (nav). Переопределяет .vf-nav прод-разметки.
   Без html.vf-2026 — 0 изменений.
   ========================================================================== */

html.vf-2026 .vf-nav-scope,
html.vf-2026 #header.vf-nav-scope { background: transparent; }

html.vf-2026 .vf-nav {
  background: rgba(8,8,10,.30);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
  box-shadow: none;
  border-bottom: 1px solid rgba(255,255,255,.06);
  transition: background-color .4s ease, box-shadow .4s ease, border-color .4s ease;
}

/* плотный фон при скролле (класс ставит vf-v2.js) */
html.vf-2026 .vf-nav-scope.vf-nav--scrolled .vf-nav,
html.vf-2026 #header.vf-nav--scrolled .vf-nav {
  background: rgba(8,8,10,.82);
  box-shadow: 0 8px 30px rgba(0,0,0,.45);
  border-bottom-color: rgba(255,255,255,.10);
}

/* логотип — Bricolage 800, акцент-метка */
html.vf-2026 .vf-nav__logo .vf-logo text { font-family: var(--vf-font-display) !important; }

/* ссылки меню — Jakarta 600 */
html.vf-2026 .vf-nav__list,
html.vf-2026 .vf-nav__item { font-family: var(--vf-font-sans); }
html.vf-2026 .vf-nav__item { font-weight: 600; font-size: 14.5px; color: rgba(245,245,247,.66); }
html.vf-2026 .vf-nav__item:hover { color: #fff; }

/* иконки-кнопки справа — стекло-пилюли 40px */
html.vf-2026 .vf-nav__icon {
  width: 40px; height: 40px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: #fff;
  transition: background .2s, border-color .2s;
}
html.vf-2026 .vf-nav__icon:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.30);
}

/* акцент-каунтер watchlist — «вырез» под фон */
html.vf-2026 [data-wl-count] {
  background: var(--vf-accent) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 0 0 2px #08080a;
  top: -3px !important; right: -3px !important;
}

/* поиск-инпут в навбаре — стекло */
html.vf-2026 .vf-search__form {
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
html.vf-2026 .vf-search__form:focus-within {
  border-color: rgba(255,255,255,.30);
  background: rgba(255,255,255,.08);
}