/* ============================================
   DripTrap — тёмная тема для форм Тильды
   Вставить в: Настройки сайта → Ещё → Редактировать CSS
   ============================================ */

/* Фон блока формы */
.t-form, .t106, .t-form__inputsbox {
  background: #0A0A0A !important;
}

/* Обёртка формы */
.t-form__inputsbox {
  background: #141414 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  padding: 24px 20px !important;
}

/* Поля ввода */
.t-input,
.t-form__inputsbox input,
.t-form__inputsbox textarea,
.t-form__inputsbox select,
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  background: #1e1e1e !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  color: #f0f0f0 !important;
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: 14px !important;
  padding: 12px 14px !important;
}

.t-input:focus,
.t-form__inputsbox input:focus,
.t-form__inputsbox textarea:focus {
  border-color: rgba(255,255,255,0.35) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Плейсхолдер */
.t-input::placeholder,
.t-form__inputsbox input::placeholder,
.t-form__inputsbox textarea::placeholder {
  color: #555 !important;
}

/* Лейблы полей */
.t-form__inputsbox label,
.t-form label,
.t106__title,
.t-form__title {
  color: #888 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-family: 'Inter', Arial, sans-serif !important;
}

/* Кнопка отправки */
.t-submit,
.t-form__submit,
.t106__submit,
input[type="submit"],
button[type="submit"] {
  background: #ffffff !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'Unbounded', 'Arial Black', Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 16px 32px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: opacity .2s !important;
}

.t-submit:hover,
.t-form__submit:hover {
  opacity: 0.85 !important;
  background: #ffffff !important;
  color: #000000 !important;
}

/* Текст после отправки */
.t-form__success,
.t106__success {
  background: #141414 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  color: #f0f0f0 !important;
  padding: 32px !important;
  text-align: center !important;
  font-size: 15px !important;
}

/* Фон всего блока страницы */
.t-section,
.t-rec {
  background-color: #0A0A0A !important;
}

/* Убираем белые отступы вокруг формы */
.t106 .t-container,
.t-form .t-container {
  background: #0A0A0A !important;
}

/* Заголовок блока формы если есть */
.t106__title,
.t-form__blocktitle {
  color: #f0f0f0 !important;
  font-family: 'Unbounded', 'Arial Black', Arial, sans-serif !important;
}

/* Описание блока формы */
.t106__descr,
.t-form__descr {
  color: #666 !important;
}

/* Чекбоксы и радиокнопки */
.t-checkbox__indicator,
.t-radio__indicator {
  background: #1e1e1e !important;
  border-color: rgba(255,255,255,0.2) !important;
}

/* Select выпадающий */
.t-form__inputsbox select {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  border-color: rgba(255,255,255,0.1) !important;
}

/* Разделитель между блоками */
.t-form + .t-rec,
.t106 + .t-rec {
  background: #0A0A0A !important;
}