/*
 * assets/templates/clubber/ads_promo.css — ОБЪЯВЛЕНИЯ-БАТЧ-5 (ADS-BUILD-BATCH-5, 10.10.2026).
 * Платное продвижение объявлений: витрина «Топ-10» и метка «промо».
 * Подключается только на страницах раздела /ads/ (список, карточка, кабинет).
 * Палитра — та же, что в ads.css; тап-зоны 44 px; капс-лока нет (правило 47);
 * семейства шрифтов только реально объявленные (правило 11а) — рядом с
 * 'Proxima Nova Regular/Bold' font-weight не ставим.
 */

/* Витрина «Топ-10» над списком: заметный блок, но не «кричащий». */
#ads .cb-ads-top { margin: 0 0 18px; padding: 14px 16px 16px; border-radius: 4px;
  background: #f6f9fb; border: 1px solid #e3e9ee; box-sizing: border-box; }
#ads .cb-ads-top-head { display: flex; flex-wrap: wrap; align-items: baseline;
  gap: 10px; margin: 0 0 12px; }
#ads .cb-ads-top-title { color: #22313b; font-family: 'Proxima Nova Bold', Arial, sans-serif;
  font-size: 20px; line-height: 1.2; }
#ads .cb-ads-top-note { color: #7b8a93; font-size: 13px;
  font-family: 'Proxima Nova Regular', Arial, sans-serif; }
#ads .cb-ads-top-row { display: flex; flex-wrap: wrap; gap: 12px; }
#ads .cb-ads-top-item { display: block; width: 168px; max-width: 100%; padding: 8px;
  min-height: 44px; box-sizing: border-box; background: #fff; border: 1px solid #f5d7a8;
  border-radius: 4px; text-decoration: none; }
#ads .cb-ads-top-item:hover { border-color: #00aeef; }
#ads .cb-ads-top-img { display: block; width: 100%; height: 104px; object-fit: cover;
  border-radius: 3px; background: #f2f5f7; }
#ads .cb-ads-top-name { display: block; margin: 8px 0 6px; color: #22313b; font-size: 15px;
  line-height: 1.3; font-family: 'Proxima Nova Bold', Arial, sans-serif;
  max-height: 58px; overflow: hidden; }
#ads .cb-ads-top-mark { display: inline-block; padding: 3px 8px; border-radius: 3px;
  background: #fff3e0; color: #b26a00; font-size: 12px; line-height: 18px;
  font-family: 'Proxima Nova Regular', Arial, sans-serif; }

/* Метка «промо» у карточки в общем списке и выделение самой карточки. */
#ads .cb-ads-promo-mark { display: inline-block; margin: 0 0 6px; padding: 3px 8px;
  border-radius: 3px; background: #fff3e0; color: #b26a00; font-size: 12px; line-height: 18px;
  font-family: 'Proxima Nova Regular', Arial, sans-serif; }
#ads .cb-ads-item-promo { border-color: #f5d7a8; }

/* Метка «промо» в карточке объявления и в кабинете автора. */
#ads .cb-ads-card-promo { display: inline-block; margin: 0 0 12px; padding: 6px 10px;
  border-radius: 3px; background: #fff3e0; color: #b26a00; font-size: 14px; line-height: 20px;
  font-family: 'Proxima Nova Regular', Arial, sans-serif; }

/* Сведения о тарифах в кабинете автора (оплата — ВНЕ сайта, форм оплаты нет). */
#ads .cb-ads-tariffs { margin: 0 0 16px; padding: 12px 14px; border-radius: 4px;
  background: #f6f9fb; border: 1px solid #e3e9ee; box-sizing: border-box; }
#ads .cb-ads-tariffs-title { display: block; margin: 0 0 8px; color: #22313b; font-size: 16px;
  font-family: 'Proxima Nova Bold', Arial, sans-serif; }
#ads .cb-ads-tariff-row { margin: 0 0 4px; color: #46535c; font-size: 14px; line-height: 1.5;
  font-family: 'Proxima Nova Regular', Arial, sans-serif; }
#ads .cb-ads-tariff-price { color: #22313b; font-family: 'Proxima Nova Bold', Arial, sans-serif; }
#ads .cb-ads-tariffs-note { margin: 8px 0 0; color: #7b8a93; font-size: 13px; line-height: 1.5;
  font-family: 'Proxima Nova Regular', Arial, sans-serif; }