/* news/components/DynamicAdBlock.vue */

/* ===== Белые премиум-блоки (type=full без картинки): фирменные цветные фоны =====
   Киношкола, База актёров, МатрёЖка — у каждого свой брендовый градиент (как у Юкеи
   и Yana Lab). Тексты не меняем, только цвет фона и цвет текста под него. */
.ad-full-nobg[data-v-3e7e00f2] {
  border-radius: 10px;
}
.ad-full-nobg .ad-full-nobg-strip[data-v-3e7e00f2] {
  background: rgba(255, 255, 255, 0.28) !important;
}

/* Русская школа кино (кино-школа.рус) — кинематографичный тёмный фон + красно-малиновый акцент.
   Фирменные цвета сайта: глубокий тёмный фон (#0A0A0F), кнопки насыщенно-красные (#A50F15),
   hero-градиент от тёмно-бордового (#4A0E1C) к яркой малине (#D13B7E). */
.ad-nobg-rsk[data-v-3e7e00f2] {
  background: linear-gradient(120deg, #0A0A0F 0%, #4A0E1C 45%, #A50F15 85%, #D13B7E 120%) !important;
  border: none !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}
.ad-nobg-rsk .ad-full-nobg-label[data-v-3e7e00f2] {
  color: rgba(255, 255, 255, 0.72) !important;
}
.ad-nobg-rsk .ad-full-nobg-name[data-v-3e7e00f2] {
  color: #FFD700 !important;
}
.ad-nobg-rsk .ad-full-nobg-title[data-v-3e7e00f2] {
  color: #FFFFFF !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

/* База актёров (baza-acterov.ru) — фирменный градиент hero от глубокого красного к яркому
   жёлтому (#9E141A → #F9B82B), красная кнопка (#E31E24), оранжевый акцент (#FF8C33).
   Тёмно-синий навбар (#12142B) — как верхняя акцентная полоска. */
.ad-nobg-actor[data-v-3e7e00f2] {
  background: linear-gradient(120deg, #9E141A 0%, #E31E24 45%, #FF8C33 78%, #F9B82B 115%) !important;
  border: none !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
}
.ad-nobg-actor .ad-full-nobg-label[data-v-3e7e00f2] {
  color: rgba(255, 255, 255, 0.8) !important;
}
.ad-nobg-actor .ad-full-nobg-name[data-v-3e7e00f2] {
  color: #FFE9A8 !important;
}
.ad-nobg-actor .ad-full-nobg-title[data-v-3e7e00f2] {
  color: #FFFFFF !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

/* МатрёЖка (matrezhka.ru) — фирменная пёстрая палитра детско-юношеского издания:
   синий (#6B72B5) → фиолетовый (#9B8EBD) → оранжевый (#FFB355) → жёлтый (#FFD966),
   зелёный акцент (#4E9B7E) на кнопках. */
.ad-nobg-matrezhka[data-v-3e7e00f2] {
  background: linear-gradient(120deg, #6B72B5 0%, #9B8EBD 35%, #FFB355 70%, #FFD966 100%) !important;
  border: none !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
}
.ad-nobg-matrezhka .ad-full-nobg-label[data-v-3e7e00f2] {
  color: rgba(255, 255, 255, 0.85) !important;
}
.ad-nobg-matrezhka .ad-full-nobg-name[data-v-3e7e00f2] {
  color: #FFFFFF !important;
}
.ad-nobg-matrezhka .ad-full-nobg-title[data-v-3e7e00f2] {
  color: #FFFFFF !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}

/* ===== Общий заголовок премиум-баннера (type=full) =====
   white-space: pre-line сохраняет переносы строк в описании (как было в инлайн-стиле).
   Для МатрёЖки на десктопе это переопределяется на normal — текст идёт одним абзацем. */
.ad-premium-full-title[data-v-3e7e00f2] {
  white-space: pre-line;
}

/* ===== Премиум-баннер «МатрёЖка» (type=full) на главных: единый текст на десктопе =====
   В описании блока три строки через \n. На мобильной (<1024px) они остаются тремя
   абзацами (не трогаем), на десктопе (>=1024px) схлопываются в ОДИН плавный текущий
   текст — красиво, без обрывков. Остальные блоки НЕ затрагиваются. */
.ad-matrezhka-full .ad-premium-full-title[data-v-3e7e00f2] {
  white-space: pre-line;
}
@media (min-width: 1024px) {
.ad-matrezhka-full .ad-premium-full-title[data-v-3e7e00f2] {
    white-space: normal;
}
}

/* ===== Премиум-баннер «Русская школа кино» (type=full) на главных: десктоп-правки =====
   Заметим: на десктопе (>=1280px) текст растянут на всю ширину картинки/баннера,
   высота уменьшена (нет большой пустоты), отступ между текстом и кнопкой — 35px.
   Мобильная версия (<1024px) НЕ меняется. Остальные премиум-блоки (например, Юкея) не трогаем. */
.ad-rsk-full .ad-premium-full-title[data-v-3e7e00f2] {
  max-width: 600px;
}
@media (min-width: 1024px) {
  /* Растягиваем текст на всю ширину картинки/баннера */
.ad-rsk-full .ad-premium-full-title[data-v-3e7e00f2] {
    max-width: 100%;
}
  /* Уменьшаем высоту баннера по вертикали — убираем большую пустоту */
.ad-rsk-full .ad-premium-full-content[data-v-3e7e00f2] {
    min-height: 230px !important;
}
  /* Отступ между текстом и кнопкой — ровно 35px */
.ad-rsk-full .ad-premium-full-cta[data-v-3e7e00f2] {
    margin-top: 35px !important;
}
}

/* ===== Премиум-баннер «Yana Lab» (type=full) на главных: фирменная фиолетовая тема =====
   Yana Lab — веб-студия с тёмной фиолетовой брендированной (сайт yana-lab.ru).
   Меняем градиент фона контейнера, цвет бейджа и CTA-кнопку на фиолетово-розовые.
   Мобильная и остальные блоки (Русская школа кино, Юкея и т.д.) НЕ затрагиваются. */
.ad-yana-full[data-v-3e7e00f2] {
  background: linear-gradient(120deg, #24103f 0%, #4c1d95 45%, #7c3aed 100%) !important;
}
.ad-yana-full .ad-premium-full-name[data-v-3e7e00f2] {
  color: #E879F9 !important;
}
.ad-yana-full .ad-premium-full-cta[data-v-3e7e00f2] {
  background: linear-gradient(90deg, #7c3aed 0%, #d946ef 55%, #f472b6 120%) !important;
  box-shadow: 0 6px 20px rgba(168, 85, 247, 0.45) !important;
}
@media (max-width: 1023px) {
.ad-yana-full .ad-premium-full-title[data-v-3e7e00f2] {
    max-width: 100%;
}
}

/* ===== Премиум-баннер «МатрёЖка» (type=full) на главных: фирменный детский стиль =====
   МатрёЖка — детско-юношеское новостное издание (matrezhka.ru): яркие фирменные
   цвета сайта (фиолетовый → оранжевый/жёлтый). Меняем градиент фона контейнера и
   цвет бейджа имени. CTA-кнопка остаётся брендовой оранжевой (правило владельца).
   Остальные блоки (киношкола, Yana Lab, Юкея) НЕ затрагиваются. */
.ad-matrezhka-full[data-v-3e7e00f2] {
  background: linear-gradient(120deg, #4C1D95 0%, #7C3AED 45%, #F59E0B 88%, #FBBF24 100%) !important;
  overflow-x: clip !important;
}
.ad-matrezhka-full .ad-premium-full-name[data-v-3e7e00f2] {
  color: #FDE047 !important;
}
/* Длинные слова («детско-юношеское» и т.п.) переносим — не вылезают за правый край */
.ad-matrezhka-full .ad-premium-full-title[data-v-3e7e00f2] {
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  max-width: 100%;
}
@media (max-width: 1023px) {
.ad-matrezhka-full .ad-premium-full-title[data-v-3e7e00f2] {
    max-width: 100%;
}
}

/* ===== Yana Lab компактный баннер (позиция 1 в ленте) =====
   Сочный фирменный блок: фиолетовый градиент, бренд-картинка фоном (не квадратом),
   белый серифный текст, полная CTA-кнопка внизу — ничего не обрезается. */
.ad-yana-compact[data-v-3e7e00f2] {
  background: linear-gradient(155deg, #1d0f3a 0%, #4c1d95 52%, #6d28d9 100%) !important;
  border-color: rgba(139, 92, 246, 0.5) !important;
  border-top-color: #a78bfa !important;
  box-shadow: 0 10px 26px rgba(76, 29, 149, 0.28);
}
.ad-yana-compact[data-v-3e7e00f2]:hover {
  border-color: rgba(139, 92, 246, 0.75) !important;
  border-top-color: #c4b5fd !important;
}
.ad-yana-desc[data-v-3e7e00f2] {
  font-size: 19px;  /* мобильная версия: 15px -> 19px (+4px) */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* Мобильная версия: компактный баннер Yana Lab. БЕЗ !important — высоту обязан
   контролировать контейнер. Внутри .ad-mini-block (главная/события: фикс. 200px,
   overflow:hidden) родительское правило .ad-mini-block :deep(.ad-premium-compact)
   {height:200px} имеет более высокую специфичность (0,3,0 > 0,2,0) и задаёт ровно
   200px — иначе CTA-кнопка внизу блока обрезалась бы нижней границей контейнера
   (баг: на мобильных у блока Yana Lab пропала кнопка перехода). Вне .ad-mini-block
   (например, водопад объявлений AdsPage) действует этот фолбэк 300px вместо базовых
   470px (.ad-premium-compact из styles.tsx). Десктоп (>=1024px) не трогаем. */
@media (max-width: 1023px) {
.ad-yana-compact[data-v-3e7e00f2] {
    height: 300px;
}
}
@media (min-width: 1024px) {
  /* Текст крупнее (десктоп) */
.ad-yana-desc[data-v-3e7e00f2] {
    font-size: 30px;  /* десктоп: 36px -> 30px */
    -webkit-line-clamp: 4;
}
  /* Кнопка: выше на 15px и высота 48px (десктоп) */
.ad-yana-compact .ad-yana-cta[data-v-3e7e00f2] {
    height: 48px;
    min-height: 48px;
    margin-bottom: 15px;
}
}

/* ===== Юкея на странице статьи (сайдбар): фирменный премиум-блок без картинки =====
   Компактный, подогнан под узкий сайдбар статьи. Заголовок не растягивается по
   высоте (умеренный кегль, уважает переносы строк), CTA-кнопка прижата к низу
   и занимает всю ширину — ничего не «теряется» и не съезжает. */
.ad-yukea-article-title[data-v-3e7e00f2] {
  font-size: 17px;
  white-space: pre-line;
}
@media (min-width: 1024px) {
.ad-yukea-article-title[data-v-3e7e00f2] {
    font-size: 19px;
}
}

/* ===== Юкея компактный баннер (позиция 2 в ленте главной) =====
   Фирменный стиль как в премиум-баннере Юкеи из статей: тёмно-бордовый градиент +
   бренд-картинка фоном + ТЁМНАЯ подложка под текст (без «жёлтого» свечения) +
   ПОЛНЫЙ текст без обрезки (line-clamp убран). Адаптирован под тайл masonry:
   на мобильной — компактный (полная ширина), на десктопе — крупнее (колонка 1/3).
   CTA-кнопка — брендовый оранжевый var(--brand) (правило владельца: НЕ трогать). */
.ad-yukea-compact[data-v-3e7e00f2] {
  background: linear-gradient(120deg, #6b1212 0%, #C0392B 45%, #EA8520 95%) !important;
  border: none !important;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
}
.ad-yukea-compact[data-v-3e7e00f2]:hover {
  border: none !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
}
.ad-yukea-desc[data-v-3e7e00f2] {
  font-size: 21px;       /* мобильная версия: 20px -> 21px (+1px) */
  white-space: pre-line; /* полный текст, уважаем переносы строк */
  display: block;        /* без line-clamp — текст не обрезается */
}
@media (min-width: 1024px) {
  /* Десктоп: текст крупнее — тайл masonry шире */
.ad-yukea-desc[data-v-3e7e00f2] {
    font-size: 24px;     /* десктоп: 23px -> 24px (+1px) */
}
  /* Кнопка: выше и крупнее на десктопе */
.ad-yukea-compact .ad-yukea-cta[data-v-3e7e00f2] {
    height: 48px;
    min-height: 48px;
    margin-bottom: 15px;
}
}

/* Мобильная версия: кнопки CTA в компактных баннерах Yana Lab и Юкея подняты чуть
   выше от нижней границы блока (владелец: «кнопки сильно прижаты к низу»).
   Десктоп (>=1024px) не трогаем — там уже есть margin-bottom: 15px. */
@media (max-width: 1023px) {
.ad-yana-compact .ad-yana-cta[data-v-3e7e00f2],
  .ad-yukea-compact .ad-yukea-cta[data-v-3e7e00f2] {
    margin-bottom: 16px;
}
}