/* ============================================================
   СТИЛИ ДЛЯ ПОП-АП ФОРМЫ — septikinedorogo.ru
   Вставить в Тильде: Настройки сайта → Ещё → Стили (CSS)
   ============================================================

   Цветовая палитра сайта:
   • Зелёный тёмный (фон):   #1C4A35
   • Зелёный средний:        #2D6A4F
   • Оранжевый акцент:       #E8A020
   • Белый текст:            #FFFFFF
   • Светло-серый фон:       #f5f3ee
   • Тёмный текст:           #1a1a1a
   ============================================================ */

/* ── 1. Затемнение фона поп-апа ── */
.t-popup {
  background-color: rgba(28, 74, 53, 0.75) !important;
  backdrop-filter: blur(4px);
}

/* ── 2. Контейнер поп-апа ── */
.t-popup__container {
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35) !important;
}

/* ── 3. Внутренний отступ обёртки ── */
.t702__wrapper {
  padding: 40px 44px !important;
  background: #ffffff !important;
}

/* ── 4. Заголовок поп-апа ── */
.t702__title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  color: #1C4A35 !important;
  font-size: 26px !important;
  line-height: 1.25 !important;
  margin-bottom: 8px !important;
}

/* ── 5. Подзаголовок / описание ── */
.t702__descr {
  color: #555 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin-bottom: 24px !important;
}

/* ── 6. Поля ввода — рамка и скругление ── */
.t-input-block {
  border-radius: 12px !important;
  overflow: hidden;
}

.t-input {
  border: 2px solid #d0d0d0 !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  color: #1a1a1a !important;
  background: #f9f9f9 !important;
  padding: 0 18px !important;
  height: 52px !important;
  transition: border-color 0.2s ease !important;
}

.t-input:focus {
  border-color: #2D6A4F !important;
  background: #ffffff !important;
  outline: none !important;
}

/* ── 7. Поле телефона (phonemask обёртка) ── */
.t-input-phonemask__wrap.t-input {
  border: 2px solid #d0d0d0 !important;
  border-radius: 12px !important;
  background: #f9f9f9 !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
}

/* ── 8. Placeholder цвет ── */
.t-input::placeholder {
  color: #999 !important;
  opacity: 1 !important;
}

/* ── 9. Кнопка отправки — оранжевая в стиле сайта ── */
.t-submit,
.t-btnflex.t-btnflex_type_submit {
  background-color: #E8A020 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  border: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.02em !important;
  padding: 16px 32px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
  box-shadow: 0 4px 16px rgba(232, 160, 32, 0.4) !important;
}

.t-submit:hover,
.t-btnflex.t-btnflex_type_submit:hover {
  background-color: #d4911a !important;
  transform: translateY(-1px) !important;
}

/* ── 10. Текст внутри кнопки ── */
.t-btnflex__text {
  color: #ffffff !important;
}

/* ── 11. Текст под формой (политика) ── */
.t702__form-bottom-text {
  color: #888 !important;
  font-size: 13px !important;
  margin-top: 12px !important;
  text-align: center !important;
}

/* ── 12. Кнопка закрытия поп-апа ── */
.t-popup__close-icon g {
  fill: #ffffff !important;
}

.t-popup__close-wrapper {
  background: rgba(28, 74, 53, 0.6) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s ease !important;
}

.t-popup__close-wrapper:hover {
  background: rgba(28, 74, 53, 0.9) !important;
}

/* ── 13. Сообщение об ошибке ── */
.t-input-error {
  color: #e53e3e !important;
  font-size: 13px !important;
  margin-top: 4px !important;
}

/* ── 14. Успешная отправка ── */
.t-form__successbox {
  color: #1C4A35 !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  text-align: center !important;
}

/* ── 15. Адаптив для мобильных ── */
@media (max-width: 560px) {
  .t702__wrapper {
    padding: 28px 20px !important;
  }
  .t702__title {
    font-size: 22px !important;
  }
  .t-submit,
  .t-btnflex.t-btnflex_type_submit {
    font-size: 15px !important;
    padding: 14px 20px !important;
  }
}