/* ==========================================================================
   VelveFlix v2 — FOOTER + TOAST + HOME-overlap + отделка — scoped html.vf-2026
   Источник: VelveFlix.dc.html (FOOTER warm-grad, TOAST pill, home content -46px).
   ========================================================================== */

/* ---------- HOME: контент наезжает на hero (-46px) ---------- */
html.vf-2026 .vf-home .vf-genrebar { margin-top: -46px; }
html.vf-2026 .vf-home .vf-container,
html.vf-2026 .vf-home > .vf-row:first-of-type { position: relative; z-index: 6; }

/* секции главной — больше воздуха снизу */
html.vf-2026 .vf-home .vf-row { margin-bottom: 46px; }

/* ---------- GENREBAR → жанр-карты-стиль (горизонт-чипы) ---------- */
html.vf-2026 .vf-genrebar a {
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  font-family: var(--vf-font-sans); font-weight: 600;
  transition: background .2s, border-color .2s, transform .2s;
}
html.vf-2026 .vf-genrebar a:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.28);
  transform: translateY(-2px);
}

/* ---------- FOOTER ---------- */
html.vf-2026 #footer,
html.vf-2026 .vf-footer,
html.vf-2026 footer#footer,
html.vf-2026 footer.main {
  border-top: 1px solid rgba(255,255,255,.07);
  background: var(--vf-footer-warm);
}
html.vf-2026 footer.main .copy { color: rgba(245,245,247,.45); }
html.vf-2026 footer.main .fmenu a { color: rgba(245,245,247,.6); transition: color .2s; }
html.vf-2026 footer.main .fmenu a:hover { color: #fff; }
html.vf-2026 .vf-footer__logo,
html.vf-2026 #footer .vf-logo text {
  font-family: var(--vf-font-display) !important; font-weight: 800;
}

/* ---------- TOAST (пилюля снизу-центр) ---------- */
html.vf-2026 .vf-toast,
html.vf-2026 [data-vf-toast],
html.vf-2026 .vf-wl-toast {
  border-radius: 999px;
  background: rgba(20,20,24,.96);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 16px 44px rgba(0,0,0,.55);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  font-family: var(--vf-font-sans); font-size: 14px; font-weight: 600;
  animation: vfUp .3s ease both;
}
@media (prefers-reduced-motion: reduce) {
  html.vf-2026 .vf-toast,
  html.vf-2026 [data-vf-toast],
  html.vf-2026 .vf-wl-toast { animation: none; }
}

/* ---------- TO-TOP кнопка — акцент-glow ---------- */
html.vf-2026 .vf-totop:hover {
  box-shadow: 0 10px 26px var(--vf-accent-glow);
}

/* ---------- глобально: дисплей-шрифт на заголовках секций ---------- */
html.vf-2026 .vf-row__head,
html.vf-2026 .vf-wtw__group-title { font-family: var(--vf-font-display); }