/* Scope country controls to enhanced contact/service telephone fields. */
:root{--iti-mobile-popup-margin:30px}
.public-form .field-phone .iti{display:block;width:100%;min-width:0;--iti-border-color:#ddd;--iti-dropdown-bg:#fff;--iti-text-color:#17191d;--iti-hover-color:#fff4cc;--iti-border-radius:3px}.public-form .iti__dropdown-content{z-index:50}.public-form .iti__country-list{max-height:350px}.public-form .iti__selected-country:focus-visible{outline:2px solid #d9a413;outline-offset:2px}.public-form .field-phone .iti input[data-smart-phone]{padding-inline-start:52px}.public-form .iti__search-input{height:40px!important;padding:8px 12px 8px 36px!important;font-size:14px!important}html[dir=rtl] .public-form .iti__search-input{padding:8px 36px 8px 12px!important}.public-form .field-phone .iti input[data-smart-phone]{direction:ltr;text-align:start}/* Anchor the selector to the physical right: intl-tel-input gives its wrapper different direction contexts across form templates. */
html[dir=rtl] .public-form .iti__country-container{left:auto;right:0}html[dir=rtl] .public-form .field-phone .iti input[data-smart-phone]{direction:rtl;text-align:right;padding-left:52px!important;padding-right:52px!important}html[dir=rtl] .public-form .iti__selected-country{width:46px;max-width:46px}.public-form .iti__country-name{font-size:14px}.public-form .iti__dial-code{direction:ltr}.public-form .iti__selected-country{max-width:52px}

/* The library sizes the panel to the field (203px) with a fixed height, so long names wrapped and the list ran past
   the panel. Like live: as wide as the longest name (capped), height from its content, 28px rows; in Arabic it opens
   from the field's right edge instead of hanging off it. */
.public-form .iti__country-selector{width:max-content!important;min-width:220px;max-width:min(360px,calc(100vw - 30px));height:auto!important}
html[dir=rtl] .public-form .iti__country-selector{left:auto!important;right:0!important}
.public-form .iti__country{padding-top:5px;padding-bottom:5px;white-space:nowrap}