/* ================================================================
   intl-tel-input — Dark Mode & Layout Fixes
   ================================================================ */

/* Ensure the wrapper takes full width of its container */
.iti { width: 100%; display: block; }

/* Fix input height to match .field-input */
.iti input.field-input,
.iti input[data-phone-input] {
  width: 100% !important;
}

/* ── Dark mode overrides ── */
[data-theme="dark"] .iti__dropdown-content,
[data-theme="dark"] .iti__country-list {
  background: #1E293B;
  border-color: #475569;
  color: #E2E8F0;
}

[data-theme="dark"] .iti__search-input {
  background: #0F172A;
  color: #E2E8F0;
  border-color: #475569;
}
[data-theme="dark"] .iti__search-input::placeholder {
  color: #64748B;
}

[data-theme="dark"] .iti__country:hover,
[data-theme="dark"] .iti__country--highlight {
  background: #334155;
}

[data-theme="dark"] .iti__country-name,
[data-theme="dark"] .iti__dial-code {
  color: #E2E8F0;
}

[data-theme="dark"] .iti__selected-country-primary,
[data-theme="dark"] .iti__selected-country {
  background: transparent;
}

[data-theme="dark"] .iti__selected-dial-code {
  color: #CBD5E1;
}

[data-theme="dark"] .iti__arrow {
  border-top-color: #94A3B8;
}
[data-theme="dark"] .iti__arrow--up {
  border-bottom-color: #94A3B8;
}

/* Dropdown z-index to stay above modals */
.iti__dropdown-content,
.iti__country-list {
  z-index: 9999 !important;
}

/* Fix for older intl-tel-input versions (v17-v19) that use different class names */
[data-theme="dark"] .iti__country-list {
  background: #1E293B !important;
}
[data-theme="dark"] .iti__divider {
  border-bottom-color: #475569;
}