/* RTW: форма замовлення для closing на /real-estate/#order — WPForms «RTW Real Estate Order» у вигляді форми #reOrder
   темплейту (template-parts/forms/re-order.php, inc/forms.php). На цій сторінці WPForms вантажить лише базовий CSS
   (розмітка й приховані поля), а вигляд дають класи темплейту: поля мають CSS-клас .field (налаштування полів у
   WPForms), кнопка — .btn.btn-blue (налаштування форми), телефон — .phone-wrap (assets/js/re-order.js). Тут — сітка
   .grid-2 і .stack, скидання відступів і розмірів базового CSS WPForms, стани помилок як .field.invalid. */

#reOrder .wpforms-container{margin:0;min-width:0}
#reOrder .wpforms-form{display:flex;flex-direction:column;gap:16px}

/* Поля — .grid-2 темплейту: пари полів з класом rtw-half, решта на всю ширину; на ≤ 640 px — одна колонка. */
#reOrder .wpforms-field-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#reOrder .wpforms-field-container .wpforms-field.field{grid-column:1/-1;padding:0;margin:0;overflow:visible}
#reOrder .wpforms-field-container .wpforms-field.field.rtw-half{grid-column:auto}
@media (max-width:640px){#reOrder .wpforms-field-container{grid-template-columns:1fr}}

/* Підпис і поле — як .field label / .field input темплейту. */
#reOrder .field .wpforms-field-label{display:block;margin:0;padding:0;font-weight:600;font-size:.9rem;line-height:inherit;color:inherit}
#reOrder .field .wpforms-required-label{display:none}
#reOrder .field input.wpforms-field-large,
#reOrder .field select.wpforms-field-large{max-width:none;height:auto;margin:0;font:inherit;line-height:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);width:100%;box-shadow:none}
#reOrder .field input.wpforms-field-large:focus,
#reOrder .field select.wpforms-field-large:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,112,224,.18)}
#reOrder .phone-wrap input.wpforms-field-large{border-radius:0 10px 10px 0;flex:1 1 0;min-width:0}

/* Помилки — як .field.invalid: червона рамка; текст лише в телефонів («Enter a 10-digit US mobile number.»). */
#reOrder .field input.wpforms-error,
#reOrder .field select.wpforms-error{border-color:var(--err)}
#reOrder .field .phone-wrap:has(input.wpforms-error) .phone-cc{border-color:var(--err)}
/* jQuery Validation показує помилку інлайн-стилем display, тож прихування — з !important. */
#reOrder .field:not(.rtw-phone) em.wpforms-error{display:none!important}
#reOrder .rtw-phone em.wpforms-error{display:block;flex-basis:100%;margin:6px 0 0;padding:0;font:inherit;font-size:.82rem;line-height:inherit;color:var(--err)}
#reOrder .phone-wrap{flex-wrap:wrap}

/* Кнопка — .btn.btn-blue на всю ширину картки, як у формі .stack темплейту. */
#reOrder .wpforms-submit-container{display:flex;flex-direction:column;margin:0;padding:0}
#reOrder .wpforms-submit-spinner{display:none!important}

/* Загальні помилки WPForms (антиспам тощо) — як .form-error; підтвердження WPForms (якщо JS не спрацював) —
   як .form-success. */
#reOrder .wpforms-error-container{margin:0;background:#fdecec;color:#a11;border-radius:10px;padding:12px 14px;font-weight:600}
#reOrder .wpforms-error-container p{margin:0}
#reOrder .wpforms-confirmation-container,
#reOrder .wpforms-confirmation-container-full{margin:0;background:rgba(10,138,74,.1);border:1px solid var(--ok);color:var(--fg);padding:14px 16px;border-radius:10px}
#reOrder .wpforms-confirmation-container p,
#reOrder .wpforms-confirmation-container-full p{margin:0;color:var(--fg)}