/* VENTRA — hero photo clarity: night vs day, theme-safe overlays */

/* Дневные hero (1,2) на светлых темах — лёгкая дымка снизу */
html[data-nv-hero="1"][data-nova-theme="light"] .nv-hero--premium .nv-hero__photo::after,
html[data-nv-hero="2"][data-nova-theme="light"] .nv-hero--premium .nv-hero__photo::after,
html[data-nv-hero="1"][data-nova-theme="beige"] .nv-hero--premium .nv-hero__photo::after,
html[data-nv-hero="2"][data-nova-theme="beige"] .nv-hero--premium .nv-hero__photo::after,
html[data-nv-hero="1"][data-nova-theme="gray"] .nv-hero--premium .nv-hero__photo::after,
html[data-nv-hero="2"][data-nova-theme="gray"] .nv-hero--premium .nv-hero__photo::after,
html[data-nv-hero="1"][data-nova-theme="sky"] .nv-hero--premium .nv-hero__photo::after,
html[data-nv-hero="2"][data-nova-theme="sky"] .nv-hero--premium .nv-hero__photo::after {
  background: linear-gradient(180deg, transparent 0%, transparent 45%, rgba(255, 255, 255, 0.35) 78%, rgba(255, 255, 255, 0.72) 100%) !important;
}

/* Ночные hero (3,4) — БЕЗ белой плёнки на светлых темах (главная причина «мутности») */
html[data-nv-hero="3"] .nv-hero--premium .nv-hero__photo::after,
html[data-nv-hero="4"] .nv-hero--premium .nv-hero__photo::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.12) 45%, rgba(0, 0, 0, 0.48) 100%) !important;
}

html[data-nv-hero="3"] .nv-hero__fx--vignette,
html[data-nv-hero="4"] .nv-hero__fx--vignette {
  background: radial-gradient(ellipse 92% 85% at 50% 42%, transparent 58%, rgba(0, 0, 0, 0.32) 100%) !important;
}

html[data-nv-hero="1"] .nv-hero__fx--vignette,
html[data-nv-hero="2"] .nv-hero__fx--vignette {
  background: radial-gradient(ellipse 92% 85% at 50% 42%, transparent 62%, rgba(0, 0, 0, 0.18) 100%) !important;
}

/* Текст на ночном фото — светлый, читаемый */
html[data-nv-hero="3"] .nv-hero--premium h1,
html[data-nv-hero="4"] .nv-hero--premium h1 {
  color: #f5f2ea !important;
  text-shadow: 0 2px 28px rgba(0, 0, 0, 0.65), 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}
html[data-nv-hero="3"] .nv-hero--premium h1 em,
html[data-nv-hero="4"] .nv-hero--premium h1 em {
  color: var(--gold) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-nv-hero="3"] .nv-hero--premium .nv-hero__lead,
html[data-nv-hero="4"] .nv-hero--premium .nv-hero__lead {
  color: rgba(245, 242, 234, 0.9) !important;
  text-shadow: 0 1px 18px rgba(0, 0, 0, 0.55) !important;
}

/* Чёткая отрисовка hero */
.nv-hero--premium .nv-hero__photo img {
  image-rendering: auto;
  -webkit-transform: translateZ(0);
}