/* =====================================================================================
   TRADELOT — ЕДИНАЯ СЕТКА ОТСТУПОВ НА САЙТЕ (16.09.2026)

   Задача владельца: «оформление сделайте нормально… нет расстояния от текста и кнопок».

   Подключается ПОСЛЕДНИМ (после main.css и стилей, которые печатают компоненты) —
   см. resources/view/web/index.tpl. Здесь только ОТСТУПЫ; цвета — в tradelot-contrast.css.

   ЕДИНАЯ ШКАЛА (шаг 4 px): 4 / 8 / 12 / 16 / 24 / 32.
     текст → кнопка/ссылка ................ ≥ 16
     заголовок → пояснение ................ 8–12
     подпись/подсказка → поле ............. 6–10
     внутри карточки ...................... 20–24
     между блоками/карточками ............. 24–32
     список ссылок (подвал, меню) ......... 12 между строками

   Каждое правило закрывает конкретную пару, найденную ЗАМЕРОМ
   (_deploy/tradelot_tools/_spacing_scan.js; отчёты в `_deploy/tradelot_screens/spacing_2026-09-16/`).
   «Было → стало» указано у каждого правила.

   Замечание по вертикальным парам: замер идёт от нижней кромки текста, поэтому в CSS
   для «текст → кнопка» берём 20 px, чтобы фактический зазор был не меньше 16 px.
   ===================================================================================== */

/* 1. ПОДВАЛ: список ссылок в колонке.
      Было: .footer-content-link-box a { margin-bottom: 8px } → замер 9 px между строками
      (245 мест — самое массовое «прилипание», на каждой странице).
      Стало 12 px (норма списка ссылок 12). */
.footer-content-link-box a {
  margin-bottom: 12px;
}

.footer-content-link-box a:last-child {
  margin-bottom: 0;
}

/* 2. ПОДВАЛ: заголовок колонки → первая ссылка. Было 12.6 px (54 места).
      Стало 16 px. */
.tl-footer-h {
  margin-bottom: 16px;
}

/* 3. ГЛАВНАЯ: заголовок «Возможности сервиса Tradelot.ru» → блок промо-баннеров.
      Было 10.3 px (у контейнера был только padding 4px 2px 10px).
      Стало: margin-top 24 px + padding 4 px = 28 px. */
.tl-center + .widget-promo-banners-container,
.tl-head + .widget-promo-banners-container {
  margin-top: 24px;
}

/* 4. СПИСОК ЛОТОВ: кнопка «Показать еще» → следующий блок лотов. Было 10.4 px.
      Стало 24 px; воздух над самой кнопкой — 20 px. */
.container-load-items .text-center + .row,
.container-load-items > .text-center + section {
  margin-top: 24px;
}

.container-load-items .row + .text-center {
  margin-top: 20px;
}

/* 5.ЧАТ (гость): «Войдите, чтобы написать продавцу» → кнопка «Войти». Было 13.5 px.
      Стало 20 px. Шапка чата (кто в сети + имя) — было 1.8 px, стало 16 px. */
.tl-chat-guest {
  gap: 20px;
}

.tl-chat-who {
  gap: 16px;
}

.tl-chat-who > * + * {
  margin-left: 16px;
}

/* 6. ГЛАВНАЯ, блок «Данные в лотах»: подпись примера → ссылка на лот. Было 11 px.
      Стало 20 px. */
.tl-about-data-example-head {
  margin-bottom: 20px;
}

/* 7. ВЕРИФИКАЦИЯ: кнопка «Отправить на проверку» и текст согласия под ней.
      Было 13 px (у блока согласия был класс mt10) — исправлено в шаблоне
      (resources/view/web/profile/verification.tpl: mt10 → mt20), зазор стал ≈20 px. */

/* 8. ВЕРИФИКАЦИЯ: строки контактов (телефон / почта) друг под другом.
      Было 6 px (зазор давал только класс .mt5). Стало 20 px. */
.profile-verification-contact-container > div + div {
  margin-top: 20px !important;
}

/* 9. ОФОРМЛЕНИЕ ЗАКАЗА (покупатель): кнопка «Перейти к оплате» и текст согласия под ней.
      Было 15 px (у самой подписи был margin-top 15px). Стало 20 px. */
.order-buy-card-sidebar-info {
  margin-top: 20px;
}

/* 10. КАРТОЧКА ЛОТА: плашка готовности аналитики «100 %» → ссылка «Проверить». Было 8 px.
      Основная правка — в компоненте Analytics (gap 8 → 16); здесь страховка. */
.ana-ready-label .ana-ready-link {
  margin-left: 16px;
}

/* 11. КАТЕГОРИИ (главная): кнопка «Показать все категории» → сетка категорий.
      Было 14.6 px (при норме 16). Стало 16 px. */
.widget-categories-or-subcategories-button-all {
  margin-bottom: 16px;
}

/* 12. КАБИНЕТ «Доступы к сервисам»: карточка сервиса внутри 20–24 (было 16/18),
      между карточками 24 (было 12) — правится в компоненте Analytics
      (core/components/contents/Analytics/outServicesStyles.php);
      здесь страховка для страниц, собранных ранее. */
.ana-service {
  padding: 20px 24px;
  margin-bottom: 24px;
}

/* 13. МОБИЛЬНЫЙ ВИД: те же нормы без лишнего «воздуха» на узком экране. */
@media (max-width: 767px) {
  .tl-chat-guest {
    gap: 16px;
  }

  .container-load-items .text-center + .row {
    margin-top: 20px;
  }
}