/* ===========================================================
   REPAIR THERAPY — Пользовательские CSS-стили для Tilda
   Вставить в: Настройки сайта → Пользовательские CSS-стили
   =========================================================== */

/* --- Переменные цветов --- */
:root {
  --rt-orange:      #D4621A;
  --rt-orange-dark: #b8521a;
  --rt-dark:        #1C1C22;
  --rt-bg:          #f5f4f1;
  --rt-text:        #1a1814;
  --rt-muted:       #6b6760;
  --rt-border:      #e8e4de;
}

/* --- Глобальный шрифт --- */
body {
  font-family: 'DM Sans', sans-serif !important;
  background-color: var(--rt-bg) !important;
  color: var(--rt-text) !important;
}

/* --- Заголовки — Barlow Condensed --- */
h1, h2, h3,
.t-title,
.t-heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
  line-height: 0.95 !important;
}

/* --- Акцентный цвет (оранжевый) --- */
.t-btn,
.t-submit {
  background-color: var(--rt-orange) !important;
  border-color: var(--rt-orange) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  transition: background 0.2s, transform 0.15s !important;
}

.t-btn:hover,
.t-submit:hover {
  background-color: var(--rt-orange-dark) !important;
  border-color: var(--rt-orange-dark) !important;
  transform: translateY(-2px) !important;
}

/* --- Навигация --- */
.t-menu__link {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

/* --- Инпуты формы --- */
.t-input,
.t-textarea {
  font-family: 'DM Sans', sans-serif !important;
  border-color: var(--rt-border) !important;
  border-radius: 8px !important;
  background: var(--rt-bg) !important;
}

.t-input:focus,
.t-textarea:focus {
  border-color: var(--rt-orange) !important;
  box-shadow: 0 0 0 3px rgba(212, 98, 26, 0.12) !important;
}

/* --- Тёмные секции --- */
.t-section_dark,
.t-cover {
  background-color: var(--rt-dark) !important;
}

/* --- Карточки / блоки --- */
.t-card,
.t-col {
  transition: transform 0.2s, box-shadow 0.2s !important;
}

.t-card:hover,
.t-col:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.10) !important;
}

/* --- Разделитель / линия --- */
.t-hline {
  border-color: var(--rt-border) !important;
}

/* --- Звёзды рейтинга (отзывы) --- */
.t-reviews__stars svg {
  fill: #f59e0b !important;
}