/* ═══════════════════════════════════════════════════════════════════
   СТИЛИ ФОРМЫ ТИЛЬДЫ — ЭкоЛайф
   Вставить в: Тильда → Настройки сайта → Ещё → CSS
   Или: Настройки страницы → CSS
   ═══════════════════════════════════════════════════════════════════ */

/* ── Шрифты ──────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Raleway:wght@400;500;600;700&display=swap');

/* ── Попап-оверлей ───────────────────────────────────────────────── */
.t-popup__container {
  background: #1C3829 !important;
  border-radius: 0 !important;
  padding: 3rem 2.5rem !important;
  max-width: 520px !important;
  border: 1px solid rgba(200, 145, 74, 0.25) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5) !important;
}

/* ── Заголовок попапа ────────────────────────────────────────────── */
.t-popup__title,
.t-popup .t-title,
.t-popup .t-descr {
  font-family: 'Cormorant Garamond', serif !important;
  color: #ffffff !important;
}

.t-popup__title,
.t-popup .t-title {
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 0.5rem !important;
}

.t-popup .t-descr {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.9rem !important;
  color: rgba(255, 255, 255, 0.55) !important;
  line-height: 1.6 !important;
  margin-bottom: 1.75rem !important;
}

/* ── Декоративная золотая линия под заголовком ───────────────────── */
.t-popup__title::after,
.t-popup .t-title::after {
  content: '';
  display: block;
  width: 3rem;
  height: 2px;
  background: #C8914A;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

/* ── Поля ввода ──────────────────────────────────────────────────── */
.t-input,
.t-form__inputsbox input[type="text"],
.t-form__inputsbox input[type="email"],
.t-form__inputsbox input[type="tel"],
.t-form__inputsbox textarea,
.t-form__inputsbox select {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 0 !important;
  padding: 0.9rem 1.1rem !important;
  width: 100% !important;
  transition: border-color 0.25s ease, background 0.25s ease !important;
  outline: none !important;
  -webkit-appearance: none !important;
}

.t-input::placeholder,
.t-form__inputsbox input::placeholder,
.t-form__inputsbox textarea::placeholder {
  color: rgba(255, 255, 255, 0.35) !important;
  font-family: 'Raleway', sans-serif !important;
}

.t-input:focus,
.t-form__inputsbox input:focus,
.t-form__inputsbox textarea:focus {
  border-color: #C8914A !important;
  background: rgba(200, 145, 74, 0.07) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ── Лейблы полей ────────────────────────────────────────────────── */
.t-form__inputsbox label,
.t-form label {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin-bottom: 0.4rem !important;
  display: block !important;
}

/* ── Кнопка отправки ─────────────────────────────────────────────── */
.t-submit,
.t-form__submit,
.t-form .t-btn,
.t-form button[type="submit"] {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #1C3829 !important;
  background: #C8914A !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 1rem 2rem !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: background 0.25s ease, color 0.25s ease !important;
  margin-top: 0.5rem !important;
}

.t-submit:hover,
.t-form__submit:hover,
.t-form .t-btn:hover,
.t-form button[type="submit"]:hover {
  background: #B07A38 !important;
  color: #ffffff !important;
}

/* ── Сообщение об успехе ─────────────────────────────────────────── */
.t-form__success,
.t-form__success-title {
  font-family: 'Cormorant Garamond', serif !important;
  color: #C8914A !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.t-form__success-descr {
  font-family: 'Raleway', sans-serif !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 0.9rem !important;
  text-align: center !important;
  margin-top: 0.5rem !important;
}

/* ── Чекбокс согласия ────────────────────────────────────────────── */
.t-checkbox__indicator {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.t-checkbox input:checked ~ .t-checkbox__indicator {
  background: #C8914A !important;
  border-color: #C8914A !important;
}

.t-checkbox__text,
.t-form .t-checkbox label {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.78rem !important;
  color: rgba(255, 255, 255, 0.4) !important;
  line-height: 1.5 !important;
}

.t-checkbox__text a,
.t-form .t-checkbox label a {
  color: rgba(200, 145, 74, 0.8) !important;
  text-decoration: underline !important;
}

/* ── Сообщение об ошибке ─────────────────────────────────────────── */
.t-form__error,
.t-input-error {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.78rem !important;
  color: #f87171 !important;
  margin-top: 0.25rem !important;
}

.t-input.t-input-error,
.t-form__inputsbox input.t-input-error {
  border-color: #f87171 !important;
}

/* ── Кнопка закрытия попапа ──────────────────────────────────────── */
.t-popup__close,
.t-popup__close-icon {
  color: rgba(255, 255, 255, 0.4) !important;
  transition: color 0.2s ease !important;
}

.t-popup__close:hover,
.t-popup__close-icon:hover {
  color: #C8914A !important;
}

/* ── Фон оверлея ─────────────────────────────────────────────────── */
.t-popup__overlay {
  background: rgba(17, 31, 23, 0.85) !important;
  backdrop-filter: blur(6px) !important;
}

/* ── Отступы между полями ────────────────────────────────────────── */
.t-form__inputsbox .t-input-group,
.t-form__inputsbox .t-form__inputswrapper {
  margin-bottom: 1rem !important;
}
.el-nav-phone,
a.el-nav-phone,
a.el-nav-phone:link,
a.el-nav-phone:visited {
  color: #ffffff !important;
  font-weight: 700 !important;
}
a.el-nav-phone:hover {
  color: #C8914A !important;
}