/* ===== ALLIAM — размеры полей форм (06.11.2026) =====
   Образец взяли с формы подписки в футере (.footer-form): поле 55px, радиус 15px,
   кнопка #38A3EE. В теме было правило `.popup input { height: 15px }` — из-за него
   поля и кнопки в попапах выглядели «полосками». */

/* --- формы в попапах --- */
.popup input[type="text"],
.popup input[type="tel"],
.popup input[type="email"] {
  background-color: #FAFDFF;
  height: 55px;
  border-radius: 15px;
  border: none;
  padding: 0 20px;
  font-size: 15px;
  color: #213053;
  box-sizing: border-box;
  width: 100%;
}

.popup input[type="text"]::placeholder,
.popup input[type="tel"]::placeholder,
.popup input[type="email"]::placeholder {
  color: #97A6B5;
}

.popup input[type="submit"],
.popup button[type="submit"] {
  height: 55px;
  width: 100%;
  border: none;
  border-radius: 15px;
  margin-top: 25px;
  background-color: #38A3EE;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

/* чекбоксы и радио не растягиваем */
.popup input[type="checkbox"],
.popup input[type="radio"] {
  height: auto;
  width: auto;
}

/* --- форма в блоке «Получить консультацию» на главной --- */
.question-wrap form input[type="text"],
.question-wrap form input[type="tel"],
.question-wrap form input[type="email"] {
  height: 55px;
  padding: 0 20px;
  font-size: 15px;
  box-sizing: border-box;
}

.question-wrap form input[type="submit"],
.question-wrap form button[type="submit"],
.question-wrap form .button {
  height: 55px;
  padding: 0 30px;
  border: none;
  border-radius: 15px;
  background-color: #38A3EE;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

/* --- примечание о согласии под кнопкой --- */
.alliam-consent-note {
  margin-top: 10px;
}

.alliam-consent-note p {
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
  color: #5B6B7A;
  text-align: center;
}

.alliam-consent-note a {
  color: #138DE2;
  text-decoration: underline;
}

/* ===== Капча и сообщения об ошибках (06.11.2026) =====
   Референс — s.alliam.su: капча Яндекс SmartCaptcha над кнопкой, ошибки
   показываются текстом в форме. Раньше тема выкидывала alert(). */

.alliam-captcha-row {
  margin: 12px 0 0;
}

.alliam-captcha-row .smart-captcha {
  min-height: 60px;
}

/* Сообщение CF7 (успех / ошибка / спам) — текстом, без alert() */
.wpcf7-response-output {
  border: 0 !important;
  margin: 10px 0 0 !important;
  padding: 10px 14px !important;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.35;
  background: #EAF6FF;
  color: #213053;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
  background: #FFF1F0;
  color: #B42318;
}

.wpcf7 form.sent .wpcf7-response-output {
  color: #213053;
}

/* Пустой блок ответа CF7 не показываем (иначе висит пустая плашка) */
.wpcf7-response-output:empty {
  display: none !important;
}

/* Подсказка под полем с ошибкой — как на s.alliam.su (текст, без alert) */
.wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.3;
  color: #B42318;
}

/* Само поле с ошибкой */
.wpcf7-not-valid {
  border-color: #E46962 !important;
}

/* ===== Окно «Спасибо» (#thx): минимальные отступы по бокам (06.11.2026) ===== */
#thx {
  padding: 30px 14px 20px !important;
  max-width: 340px;
  width: calc(100% - 20px);
}
#thx p {
  margin: 0 0 18px !important;
  padding: 0 !important;
  font-size: 15px;
  line-height: 1.4;
}
#thx .button {
  width: 100%;
}

/* Телефон в окне «Спасибо» — ссылка для звонка с телефона */
#thx p a {
  color: #138DE2;
  text-decoration: none;
  white-space: nowrap;
}

/* ===== Обёртки полей CF7 (06.11.2026) =====
   Тема вырезала <span class="wpcf7-form-control-wrap"> — из-за этого CF7 не мог
   показать ошибки заполнения. Обёртки вернули, но в вёрстке они не мешают. */
.wpcf7-form-control-wrap {
  display: contents;
}

.wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.3;
  color: #B42318;
}

/* ===== ALLIAM: белые поля с закруглением (06.11.2026) =====
   Просьба заказчика: в форме на главной m.alliam.su поля «висели в воздухе»
   на синем фоне. Даём белый фон и скруглённые углы.
   В теме поля были прозрачно-синие с белой линией снизу. */
.question-wrap form input[type="text"],
.question-wrap form input[type="tel"] {
  background-color: #FFFFFF;
  border: none;
  border-radius: 15px;
  padding: 0 16px;
  color: #213053;
  box-sizing: border-box;
}

/* плейсхолдер в теме был белый — на белом фоне его не видно */
.question-wrap form input[type="text"]::placeholder,
.question-wrap form input[type="tel"]::placeholder {
  color: #97A6B5;
  opacity: 1;
}

.question-wrap form input[type="text"]:focus,
.question-wrap form input[type="tel"]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(19, 141, 226, .25);
}