/* Source modal shell remains in global.css; scope WPForms' native fields to it. */
#schedule-visit-modal .vehicle-visit-wpforms { min-height: 0; overflow-y: auto; }
#schedule-visit-modal .wpforms-container { margin: 0; }
#schedule-visit-modal .wpforms-form { margin: 0; padding: 0; }
#schedule-visit-modal .wpforms-field-container { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--token-size-13) var(--token-size-6); padding: var(--token-size-10); }
#schedule-visit-modal .wpforms-field { min-width: 0; margin: 0; padding: 0; clear: none; }
#schedule-visit-modal .wpforms-field.visit-wide { grid-column: 1 / -1; }
#schedule-visit-modal .wpforms-field-label { color: var(--token-color-neutral-600); font-size: 12px; font-weight: 500; line-height: 16px; margin: 0 0 6px; }
#schedule-visit-modal .wpforms-field input:not([type="hidden"]), #schedule-visit-modal .wpforms-field textarea { box-sizing: border-box; width: 100%; max-width: none; height: 48px; padding: 12px 16px; border: 1px solid var(--token-color-neutral-300); border-radius: 12px; background: white; color: var(--token-color-neutral-800); font-family: inherit; font-size: 14px; line-height: 20px; }
#schedule-visit-modal .wpforms-field textarea { height: 112px; resize: vertical; }
#schedule-visit-modal .wpforms-field input:focus, #schedule-visit-modal .wpforms-field textarea:focus { border-color: var(--token-color-orange-bc-400); outline: 2px solid var(--token-color-orange-bc-400); outline-offset: 1px; }
#schedule-visit-modal .wpforms-field input.wpforms-error, #schedule-visit-modal .wpforms-field textarea.wpforms-error { border-color: #b42318; }
#schedule-visit-modal .wpforms-field-description { font-size: 12px; line-height: 16px; }
#schedule-visit-modal .wpforms-submit-container { box-sizing: border-box; min-height: 80px; padding: var(--token-size-6) var(--token-size-10); border-top: 1px solid var(--token-color-neutral-200); display: flex; justify-content: center; }
#schedule-visit-modal button.wpforms-submit { border: 0; border-radius: 100px; background: var(--token-color-orange-bc-400); color: #111; padding: 12px 24px; min-height: 48px; font-family: inherit; font-size: 14px; font-weight: 700; width: 100%; }
#schedule-visit-modal .wpforms-submit:disabled { opacity: .5; cursor: wait; }
#schedule-visit-modal .wpforms-error-container { padding: 16px 24px; }
#schedule-visit-modal .wpforms-confirmation-container-full, #schedule-visit-modal .wpforms-confirmation-container { background: #fff; color: var(--token-color-neutral-800); border: 0; margin: 0; padding: 32px 24px; font-family: inherit; }
@media (max-width: 760px) { #schedule-visit-modal .wpforms-field-container { grid-template-columns: 1fr; gap: 20px; padding: 24px; } }

#schedule-visit-modal .wpforms-field { position: relative; }
/* WPForms text-field overflow-x:hidden produces individual mobile scrollbars.
   Limit the override to actual fields; leave native honeypots untouched. */
#schedule-visit-modal :is([id$="-field_1-container"], [id$="-field_2-container"], [id$="-field_3-container"], [id$="-field_4-container"], [id$="-field_5-container"], [id$="-field_6-container"]) { overflow: visible; }
#schedule-visit-modal .vehicle-visit__field-icon { position: absolute; right: 16px; top: 37px; width: 18px; height: 18px; display: grid; place-items: center; color: var(--token-color-neutral-500); pointer-events: none; }
#schedule-visit-modal .vehicle-visit__field-icon svg { width: 18px; height: 18px; }
#schedule-visit-modal .wpforms-field[id$="-field_5-container"] .vehicle-visit__field-icon svg { width: 10px; height: 10px; }
#schedule-visit-modal input[type="date"]::-webkit-calendar-picker-indicator, #schedule-visit-modal input[type="time"]::-webkit-calendar-picker-indicator { opacity: 0; }

/* The restored success shell uses the original global classes/SVGs, outside WPForms. */
#schedule-visit-success-modal .icon { display:inline-flex; align-items:center; justify-content:center; }
#schedule-visit-success-modal .icon svg { display:block; width:100%; height:100%; }
#schedule-visit-success-modal .schedule-visit-success-modal__icon-background > .icon { width:56px; height:56px; }
#schedule-visit-success-modal .schedule-visit-success-modal__message-text { overflow-wrap:anywhere; }
#schedule-visit-success-modal .schedule-visit-success-modal__info-row p { overflow-wrap:anywhere; }
