/*
 * Contact Form 7 — overrides под классы темы (.tp-form-*).
 * Подключается в footer'е через wp_enqueue_style когда CF7 активен.
 *
 * Логика: CF7 оборачивает поля в <span class="wpcf7-form-control-wrap">.
 * Делаем эту обёртку прозрачной (display: contents) — стили .tp-form-input
 * применяются напрямую к <input>/<textarea>/<select>.
 */

/* Сама форма — без лишних стилей. */
.wpcf7 form,
.wpcf7-form {
  margin: 0;
  padding: 0;
}

/* Прозрачная обёртка вокруг полей. */
.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* CF7 spinner — мини-индикатор отправки. */
.wpcf7-spinner {
  background-color: var(--c-accent, #c69) !important;
}

/* Сообщения валидации (под полем). */
.wpcf7-not-valid-tip {
  display: block;
  margin-top: 6px;
  color: #c0392b;
  font-size: 13px;
  line-height: 1.4;
}

/* Поле-ошибка. */
.wpcf7-not-valid {
  border-color: #c0392b !important;
  background-color: #fff7f7 !important;
}

/* Общее сообщение результата (под submit). */
.wpcf7-response-output {
  margin: 16px 0 0 !important;
  padding: 12px 16px !important;
  border: 1px solid var(--c-border, #e8dccb) !important;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.5;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #2ecc71 !important;
  background-color: #f0fdf4;
  color: #166534;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #f39c12 !important;
  background-color: #fffbea;
  color: #854d0e;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #c0392b !important;
  background-color: #fef2f2;
  color: #991b1b;
}

/* Тёмный вариант формы (используется в block-administration). */
.tp-form--dark .wpcf7-not-valid-tip {
  color: #ffb4b4;
}
.tp-form--dark .wpcf7-response-output {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.92);
}

/* Файловый upload (для модалки вакансии). CF7 рендерит обычный <input type="file">. */
.vac-file-zone .wpcf7-form-control-wrap {
  display: block;
}
.vac-file-zone input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* Submit-кнопка — теперь это <button> (через wpcf7_form_elements фильтр).
   Стили .btn / .btn--accent применяются автоматически. */

/* Acceptance checkbox (если admin добавит согласие). */
.wpcf7-acceptance .wpcf7-list-item {
  display: block;
  margin: 0;
}
.wpcf7-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: var(--c-text-soft, #6b5a45);
  cursor: pointer;
}
.wpcf7-acceptance input[type="checkbox"] {
  margin-top: 4px;
  flex-shrink: 0;
}