/* Lead-form integration: make intl-tel-input fill the field and match the
   site's input styling, plus invalid-field feedback. */
.iti { width: 100%; display: block; }
.iti input[type="tel"] { width: 100%; }

/* keep the country dropdown above sticky header / cards */
.iti__dropdown-content { z-index: 1000; }

/* the design tokenises inputs via .field; intl-tel-input keeps that input,
   we only flag validation state */
.field-invalid,
.field input.field-invalid,
.field select.field-invalid {
  border-color: #e74c3c !important;
  box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.12) !important;
}

.iti__search-input { color: var(--fg-1); }