/**
 * intl-tel-input dropdown contrast overrides
 * Ensures readable text on dropdown (dark text on light background)
 * Prevents inheritance of light text from dark-themed parent pages
 */
.iti__dropdown-content {
  --iti-dropdown-bg: #ffffff !important;
  background-color: #ffffff !important;
  color: #1f2937 !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
  z-index: 10060 !important;
}

.iti__country-list {
  color: inherit;
  background-color: #ffffff !important;
}

/* intl-tel-input v26+: ensure panel is opaque above form fields */
.iti--container .iti__dropdown-content,
.iti--show-dropdown .iti__dropdown-content {
  background-color: #ffffff !important;
}

.iti__country-list.iti__country-list {
  background-color: #ffffff !important;
}

.iti__country {
  color: #1f2937 !important;
}

.iti__country-name {
  color: #1f2937 !important;
}

.iti__search-input {
  color: #1f2937 !important;
  background-color: #ffffff !important;
}

.iti__search-input::placeholder {
  color: #9ca3af !important;
}

.iti__no-results {
  color: #6b7280 !important;
}

/* Hover state - ensure visible */
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.06) !important;
  color: #1f2937 !important;
}

/*
 * RTL pages: intl-tel-input must stay LTR (flag on physical left; plugin sets padding-left).
 * rtl.css also enforces this — rules here load early; use !important so generic
 * [dir=rtl] input { text-align: right } never wins before .iti__tel-input exists.
 */
[dir="rtl"] .iti {
  direction: ltr !important;
  unicode-bidi: isolate;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

[dir="rtl"] .iti__country-container {
  left: 0 !important;
  right: auto !important;
}

[dir="rtl"] .iti .iti__tel-input,
[dir="rtl"] .iti input.iti__tel-input[type="tel"],
[dir="rtl"] .iti input.iti__tel-input[type="text"],
[dir="rtl"] .iti input[type="tel"].js-phone-input {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext;
  box-sizing: border-box;
}