/* Miraavi Azure Connector — intl-tel-input dark-theme polish.
   Loaded after the intl-tel-input base stylesheet; versioned by filemtime so
   browsers auto-bust this file whenever it changes. */

.iti { width: 100%; display: block; }
.iti-hidden { display: none !important; }

/* Force the selected dial code to white so it stays visible on the dark field,
   even if a CSS optimiser reorders the library stylesheet after this one. */
.iti .iti__selected-dial-code,
.iti--separate-dial-code .iti__selected-dial-code { color: #FFFFFF !important; font-family: inherit; }

.iti__selected-flag {
    border-radius: 10px 0 0 10px;
    padding: 0 8px 0 14px;
    border-right: 1px solid rgba(110, 133, 178, 0.5);
}
.iti__selected-flag:hover,
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(255, 255, 255, 0.06);
}

/* Make the dropdown caret clearly visible on the dark field. */
.iti__arrow { border-top-color: #FFFFFF !important; opacity: 0.6; }
.iti__arrow--up { border-top-color: transparent !important; border-bottom-color: #FFFFFF !important; }

/* Readable country dropdown on any background. */
.iti__country-list {
    background: #FFFFFF;
    color: #1A1A1A;
    text-align: left;
    z-index: 5;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    max-height: 240px;
}
.iti__country { padding: 8px 12px; font-family: inherit; }
.iti__country.iti__highlight { background-color: #F0F4FF; }
.iti__country-list .iti__dial-code { color: #555555; }
.iti__divider { border-bottom: 1px solid #E5E5E5; }