/* v1115: match the existing light/dark storefront, without changing other fields. */
.sg-phone {
    --iti-country-selector-bg: #10171c;
    --iti-border-color: #303a42;
    --iti-hover-color: rgba(255, 20, 30, .12);
    --iti-icon-color: #bac3cb;
    --iti-scrollbar-track: #10171c;
    --iti-scrollbar-thumb: #4a555e;
    --iti-scrollbar-thumb-hover: #68747e;
    color: #fff;
    font: inherit;
}
.sg-phone.iti--input-container { width: 100%; max-width: 100%; }
html body [id^="simplecheckout_form_"] input#customer_telephone.iti__tel-input,
html body #simplepage_form input#register_telephone.iti__tel-input,
html body #account-login input#sg-register-phone.iti__tel-input { padding-left: var(--sg-phone-padding, 112px) !important; }
.sg-phone .iti__selected-country {
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    border-right: 1px solid var(--iti-border-color) !important;
    border-radius: 7px 0 0 7px !important;
}
.sg-phone .iti__selected-country:focus-visible { outline: 2px solid #ff1722; outline-offset: -2px; }
.sg-phone .iti__selected-country:hover { background: var(--iti-hover-color) !important; }
.sg-phone .iti__selected-dial-code { padding-right: 8px; font-size: 12px; font-weight: 600; line-height: 1; }
.sg-phone .iti__country-selector { border-radius: 8px; overflow: hidden; max-width: calc(100vw - 48px); }
.sg-phone .iti__search-input {
    background: var(--iti-country-selector-bg) !important;
    color: inherit !important;
    font: inherit;
    height: 42px;
    border: 0 !important;
    box-shadow: none !important;
}
.sg-phone .iti__search-input::placeholder { color: #a6b1ba; opacity: 1; }
.sg-phone .iti__country { min-height: 38px; font-size: 13px; }
.sg-phone .iti__country-name { white-space: normal; }
.sg-phone .iti__dial-code { color: #bac3cb; }
.sg-phone .iti__country-list {
    scrollbar-width: thin;
    scrollbar-color: var(--iti-scrollbar-thumb) var(--iti-scrollbar-track);
}
.sg-phone .iti__country-list::-webkit-scrollbar { width: 10px; }
.sg-phone .iti__country-list::-webkit-scrollbar-track { background: var(--iti-scrollbar-track); }
.sg-phone .iti__country-list::-webkit-scrollbar-thumb {
    background: var(--iti-scrollbar-thumb);
    border: 2px solid var(--iti-scrollbar-track);
    border-radius: 999px;
}
.sg-phone .iti__country-list::-webkit-scrollbar-thumb:hover { background: var(--iti-scrollbar-thumb-hover); }
.sg-phone .iti__country-list::-webkit-scrollbar-corner { background: var(--iti-scrollbar-track); }
.sg-phone.iti--detached-country-selector { z-index: 10010; }
html[data-sg-theme="light"] .sg-phone {
    --iti-country-selector-bg: #fff;
    --iti-border-color: #cbd1d6;
    --iti-hover-color: rgba(230, 20, 30, .08);
    --iti-icon-color: #52606b;
    --iti-scrollbar-track: #fff;
    --iti-scrollbar-thumb: #aab4bc;
    --iti-scrollbar-thumb-hover: #84919b;
    color: #19232c;
}
html[data-sg-theme="light"] .sg-phone .iti__dial-code { color: #52606b; }
@media (max-width: 575px) {
    .sg-phone .iti__country-list { max-height: 220px; }
}