/* Rowaa: the mobile number field (rowaa-phone.js) in the store's forms, in any theme */
.iti { --iti-hover-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 7%, transparent); display: block; width: 100%; }
[dir=rtl] .iti input.form-control { text-align: right; }
/* (dial codes stay "+966", not "966+", inside right-to-left pages) */
.iti__selected-dial-code, .iti__dial-code { direction: ltr; unicode-bidi: isolate; }
/* (the field measures a copy of these in the page's body while its form is hidden: keep them unscoped) */
.iti__selected-country-primary { padding: 0 .85rem; }
.iti__selected-dial-code { color: var(--bs-body-color, #212529); font-weight: 600; }
.iti__selected-country { border-radius: inherit; }
.iti__dropdown-content { overflow: hidden; border-radius: .85rem; box-shadow: 0 16px 36px -14px rgba(16, 24, 40, .3) !important; }
.iti__search-input { padding: .65rem .9rem; border: 0; border-bottom: 1px solid rgba(0, 0, 0, .08); outline: 0; }
.iti__country { padding: .55rem .9rem; font-size: .9rem; }