/* BestDPO — приведение разметки Fluent Forms к виду формы из прототипа.
   Плагин выдаёт свою структуру (.ff-el-group вместо .field и т.д.), поэтому здесь
   мост между его классами и нашими. Новых цветов и радиусов не вводим. */

.form .frm-fluent-form{display:block}

/* Группа поля = .field из прототипа */
.form .ff-el-group{display:grid;gap:6px;margin-bottom:16px}

/* Подпись поля: mono, uppercase — как .field label */
.form .ff-el-input--label label{
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-2);font-weight:500;
}
.form .ff-el-is-required.asterisk-right label:after{color:var(--accent);content:" *"}

/* Поля ввода. Рамка — var(--ink-3), а не var(--line): у последней контраст 1.5:1
   при требовании 3:1 (WCAG 2.2 SC 1.4.11). Это осознанная правка из прототипа,
   и дефолт плагина её бы вернул. */
.form .ff-el-form-control{
  font:inherit;font-size:var(--fs-400);padding:12px 14px;
  border:1px solid var(--ink-3);background:var(--surface);color:var(--ink);
  width:100%;border-radius:0;
}
.form .ff-el-form-control:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.form textarea.ff-el-form-control{min-height:120px;resize:vertical}

/* Радиокнопки и чекбоксы */
.form .ff-el-group.ff_list_inline .ff-el-form-check{display:block}
.form .ff-el-form-check label{
  font-family:var(--font-body);text-transform:none;letter-spacing:0;
  font-size:var(--fs-400);color:var(--ink);display:flex;gap:10px;align-items:flex-start;
}
.form .ff-el-form-check input[type="radio"],
.form .ff-el-form-check input[type="checkbox"]{
  width:18px;height:18px;margin-top:3px;accent-color:var(--accent);flex:none;
}
@media(min-width:640px){
  .form .ff_list_2col > .ff-el-form-check-container,
  .form .ff-el-group .ff_list_2col{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
}

/* Кнопка отправки = .btn.btn--primary */
.form .ff-btn-submit{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;border-radius:0;border:1px solid var(--accent);
  background:var(--accent);color:var(--on-accent);cursor:pointer;
  font-family:var(--font-mono);font-size:.8rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;padding:13px 20px;
}
.form .ff-btn-submit:hover{background:var(--accent-2);border-color:var(--accent-2);color:#fff}

/* Сообщения об ошибках */
.form .error-text,.form .text-danger{color:var(--accent);font-size:var(--fs-400)}

/* Звёздочка обязательного поля входит в саму подпись (см. wp/tools/make-form.php):
   так текст совпадает с прототипом дословно. CSS-псевдоэлемент здесь не нужен —
   вместе они давали двойную звёздочку. Красим последний символ подписи нельзя,
   поэтому цвет остаётся общим для подписи. */

/* Кнопка отправки по ширине содержимого, как .btn в прототипе.
   Плагин растягивает её на всю форму. */
.form .ff-btn-submit{width:auto}
.form .ff_submit_btn_wrapper{display:flex}