/*
 * intl-tel-input reserves the left edge of the country-search box for its
 * magnifier icon (and the right edge for the clear button) with
 * `padding-left: 30px; padding-right: 28px` on `.iti__search-input`.
 * filament-phone-input's own Tailwind layer later re-declares the shorthand
 * `padding: .5rem` on the same selector, which wipes both — the placeholder
 * and the typed query then sit under the icon.
 *
 * Restore the horizontal room (upstream's values) while keeping the plugin's
 * vertical rhythm. Logical properties so the padding follows the icon, which
 * upstream moves to the right in RTL. The `.iti` ancestor lifts the
 * specificity above the plugin rule, so load order does not matter.
 */
.iti .iti__search-input,
.iti__search-input-wrapper .iti__search-input {
    padding-inline-start: 30px;
    padding-inline-end: 28px;
}