/*!
 * ser-phone-input.css — tema SER para o intl-tel-input (light + dark).
 * Carregue DEPOIS de vendor/iti/css/intlTelInput.min.css.
 */
.iti { width: 100%; display: block; }
.iti__tel-input,
.iti input[type="tel"] { width: 100%; }

.iti--separate-dial-code .iti__selected-country {
  background: var(--ser-surface-2, #f1f5f9);
  border-radius: 8px 0 0 8px;
}
.iti--separate-dial-code .iti__selected-dial-code { color: var(--ser-text, #1e293b); }

.iti__dropdown-content,
.iti__country-list {
  background: var(--ser-surface, #fff);
  color: var(--ser-text, #1e293b);
  border: 1px solid var(--ser-border, #e2e8f0);
  border-radius: 10px;
  box-shadow: var(--ser-shadow-md, 0 4px 20px rgb(15 23 42 / .10));
}
.iti__country { color: var(--ser-text, #1e293b); }
.iti__country.iti__highlight,
.iti__country:hover { background: var(--ser-row-hover, #f0f7ff); }
.iti__dial-code { color: var(--ser-text-muted, #64748b); }

.iti__search-input {
  background: var(--ser-surface, #fff);
  color: var(--ser-text, #1e293b);
  border: none;
  border-bottom: 1px solid var(--ser-border, #e2e8f0);
}
.iti__search-input::placeholder { color: var(--ser-text-muted, #64748b); }

/* estado de erro (validação por país, via libphonenumber) */
.iti input.has-error {
  border-color: var(--ser-danger, #ef4444);
  box-shadow: 0 0 0 3px var(--ser-danger-soft, rgb(239 68 68 / .12));
}
.ser-phone-error {
  display: none;
  margin-top: .375rem;
  font-size: .78rem;
  color: var(--ser-danger, #ef4444);
}
.ser-phone-error.show { display: block; }