/* intl-tel-input v29 on the area theme: user-facing stylesheets define --kn-*, the publisher area falls back to Bootstrap tokens. */
.iti {
    --iti-border-color: var(--kn-border, var(--bs-border-color));
    --iti-country-selector-bg: var(--kn-surface, var(--bs-body-bg));
    --iti-icon-color: var(--kn-text, var(--bs-body-color));
    --iti-hover-color: var(--kn-bg-hover, var(--bs-tertiary-bg));
    color: var(--kn-text-strong, var(--bs-body-color));
}

.iti__country-selector,
.iti__search-input {
    border-radius: var(--bs-border-radius);
}

.iti__selected-country-primary {
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

/* Country-only picker: a border-box input narrower than its padding collapses to the flag + dial code the library pads in. */
.kn-phone-countryonly {
    width: 0;
    padding-right: 0;
    caret-color: transparent;
}