/*
  AIBoostKit — полная замена пользовательского CSS для Tilda
  Вставить в: Дизайн сайта → Пользовательский CSS (заменить всё содержимое этим файлом)
  Обновлено с учётом брендбука, формы «Обсудить проект», якорей.
*/

/* ─── Шрифты (если ещё не подключены в настройках сайта). Один запрос — меньше блокировки отрисовки. ─── */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

/* ─── Переменные бренда (брендбук AIBoostKit) ─── */
:root {
  --color-primary: #FF6B35;
  --color-primary-dark: #E8420E;
  --color-secondary: #1F3A93;
  --color-secondary-light: #3451B2;
  --color-accent: #7C3AED;
  --color-bg: #FFFFFF;
  --color-bg-light: #F8F9FA;
  --color-text: #1A1A1A;
  --color-text-light: #6B7280;
  --color-border: #E5E7EB;
  --font-primary: 'Poppins', sans-serif;
  --font-secondary: 'Inter', sans-serif;
}

/* ─── Заголовок статьи (H1) не под шапкой: отступ у первого блока страницы ─── */
/* Первый блок на странице (статья, лендинг) — чтобы H1 был виден под фиксированной шапкой.
   Если отступ лишний на главной — закомментируйте этот блок или задайте класс странице и замените на .page-ai-realtor #allrecords .t-rec:first-child { ... } */
#allrecords .t-rec:first-child,
#allrecords > div:first-child {
  padding-top: 120px !important;
}
@media (max-width: 960px) {
  #allrecords .t-rec:first-child,
  #allrecords > div:first-child {
    padding-top: 100px !important;
  }
}

/* ─── Якоря: при переходе по ссылке заголовок блока не уходит под шапку ─── */
/* Блок формы «Обсудить проект» (риелтор, лендинги): id rec2017448801 */
#rec2017448801 {
  scroll-margin-top: 140px;
  padding-top: 48px;
}
/* Блок «Обсудить проект» с Виктором — только страница статьи онлайн‑школы (rec2018016621) */
#rec2018016621 {
  scroll-margin-top: 140px;
  padding-top: 48px;
}
/* Блок формы «Обсудить проект» на странице рисков ИИ‑ботов (security-and-legal) */
#rec2024548141 {
  scroll-margin-top: 140px;
  padding-top: 48px;
}

/* Блок «Тарифы» на главной (если используется id abk-pricing) */
#abk-pricing {
  scroll-margin-top: 100px;
}

/* ─── Утилиты для кнопок (по брендбуку) ─── */
/* Основная кнопка: оранжевая, белый текст */
.t-btn-primary,
.btn-primary {
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark)) !important;
  color: #FFFFFF !important;
  font-family: var(--font-primary) !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  border: none !important;
}
.t-btn-primary:hover,
.btn-primary:hover {
  box-shadow: 0 6px 24px rgba(255, 107, 53, 0.35) !important;
}

/* Вторичная кнопка: синяя */
.t-btn-secondary,
.btn-secondary {
  background: var(--color-secondary) !important;
  color: #FFFFFF !important;
  font-family: var(--font-primary) !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  border: none !important;
}

/* Контурная кнопка: прозрачный фон, оранжевая граница */
.t-btn-outline,
.btn-outline {
  background: transparent !important;
  color: var(--color-primary) !important;
  font-family: var(--font-primary) !important;
  font-weight: 600 !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  border: 2px solid var(--color-primary) !important;
}

/* ─── Форма «Обсудить проект» (блок rec2017448801): цвета полей и кнопки отправки ─── */
#rec2017448801 .t-form__title,
#rec2017448801 .t-form__subtitle {
  color: var(--color-text) !important;
  font-family: var(--font-primary) !important;
}
#rec2017448801 .t-form__description {
  color: var(--color-text-light) !important;
}
#rec2017448801 .t-submit,
#rec2017448801 .t-form__submit {
  background: linear-gradient(135deg, #FF6B35, #E8420E) !important;
  color: #FFFFFF !important;
  font-family: var(--font-primary) !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border: none !important;
}
#rec2017448801 .t-submit:hover,
#rec2017448801 .t-form__submit:hover {
  box-shadow: 0 4px 16px rgba(255, 107, 53, 0.3) !important;
}

/* ─── Общие правки для читаемости (опционально) ─── */
/* Заголовки страниц — шрифт бренда */
.t-title,
.t-header__title {
  font-family: var(--font-primary) !important;
  color: var(--color-secondary) !important;
}
/* Ссылки — цвет бренда */
a {
  color: var(--color-secondary);
}
a:hover {
  color: var(--color-primary);
}