/* Shared brand styling for the locally packaged dropdown and mobile dialog. */
:is(.twc-phone.iti,.iti.iti--fullscreen-popup){--iti-border-color:#e3d7ce;--iti-hover-color:#f4eee8;--iti-country-selector-bg:#fff;--iti-icon-color:#756e69;--iti-spacer-horizontal:12px;font-family:Urbanist,sans-serif;color:#160c04}
.twc-phone.iti{display:block;width:100%;min-width:0;container-type:inline-size;border-radius:8px;background:#fff;outline:1px solid #e3d7ce;outline-offset:-1px}
.twc-phone.iti:focus-within{outline:2px solid #8d693f;outline-offset:-1px}
.twc-phone.iti:has(input.iti__tel-input[aria-invalid=true]){outline:2px solid #ab1741;outline-offset:-1px}
body .twc-phone .iti__selected-country{--twc-button-hover-background:#f0e8df;--twc-button-hover-text:#160c04;--twc-button-hover-border:#e3d7ce;border:0;border-inline-end:1px solid #e3d7ce;border-radius:7px 0 0 7px;background:#f8f5f1;color:#160c04;box-shadow:none;font:inherit;min-height:0;height:100%;padding:0 12px 0 0}
body .twc-phone button.iti__selected-country:hover,body .twc-phone button.iti__selected-country[aria-expanded=true]{background:#f0e8df;color:#160c04}
body .twc-phone button.iti__selected-country:focus-visible{outline:2px solid #8d693f;outline-offset:-3px}
body .twc-phone button.iti__selected-country[disabled]{opacity:1;cursor:default}
body .twc-phone .iti__selected-country-primary{--iti-hover-color:transparent;background:transparent}
.twc-phone .iti__selected-dial-code{font-size:14px;line-height:20px}
/* The wrapper owns the single border/focus/error ring across native form themes. */
body .twc-phone input.iti__tel-input{width:100%;padding-inline-end:12px;border-color:transparent!important;background:transparent!important;outline:none!important;box-shadow:none!important}
.twc-phone .iti__country-container{padding:1px}
:is(.twc-phone,.iti--fullscreen-popup) .iti__country-selector{border:1px solid #e3d7ce;border-radius:8px;box-shadow:0 10px 28px #160c041f}
.twc-phone.iti--inline-country-selector .iti__country-selector{z-index:20;box-sizing:border-box;max-width:100cqw;margin-block:6px;overflow:hidden}
:is(.twc-phone,.iti--fullscreen-popup) .iti__search-input-wrapper{padding:8px;border-bottom:1px solid #e3d7ce;border-radius:7px 7px 0 0;background:#fff}
/* Override account/checkout input padding so the search glyph has its own space. */
body :is(.twc-phone,.iti--fullscreen-popup) input.iti__search-input[type=search]{width:100%;height:44px;min-height:44px;margin:0;padding:10px 42px;border:1px solid #e3d7ce;border-radius:6px;background:#fff;color:#160c04;font:400 16px/22px Urbanist,sans-serif;box-shadow:none}
body :is(.twc-phone,.iti--fullscreen-popup) input.iti__search-input[type=search]:focus{border-color:#8d693f;outline:2px solid #8d693f;outline-offset:2px;box-shadow:none}
:is(.twc-phone,.iti--fullscreen-popup) .iti__search-icon{left:22px}
:is(.twc-phone,.iti--fullscreen-popup) .iti__search-icon-svg{width:16px;height:16px;stroke-width:2}
body :is(.twc-phone,.iti--fullscreen-popup) button.iti__search-clear{right:14px;width:28px;height:28px;min-height:0;margin:0;padding:6px;border:0;border-radius:4px;background:transparent;color:#756e69;box-shadow:none}
body :is(.twc-phone,.iti--fullscreen-popup) button.iti__search-clear:hover{background:#f4eee8}
body :is(.twc-phone,.iti--fullscreen-popup) button.iti__search-clear:focus-visible{outline:2px solid #8d693f;outline-offset:2px}
:is(.twc-phone,.iti--fullscreen-popup) .iti__country-list{margin:0;padding:4px 0;border-radius:0 0 7px 7px;list-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4b6aa transparent}
.twc-phone.iti--inline-country-selector .iti__country-list{max-height:240px}
:is(.twc-phone,.iti--fullscreen-popup) .iti__country{min-height:44px;gap:0;padding:10px 12px;font:400 14px/20px Urbanist,sans-serif;white-space:normal}
:is(.twc-phone,.iti--fullscreen-popup) .iti__country[aria-selected=true]{background:#f4eee8}
:is(.twc-phone,.iti--fullscreen-popup) .iti__country-check{color:#8d693f}
.iti.iti--fullscreen-popup{z-index:100010;--iti-mobile-popup-margin:24px;padding-top:56px}
body .iti--fullscreen-popup button.iti__close-button{width:44px;height:44px;background:transparent;border:0;border-radius:4px;box-shadow:none;color:#fff}
@media(max-width:760px){.twc-phone .iti__selected-dial-code{font-size:16px}.iti--fullscreen-popup .iti__country{font-size:16px;line-height:22px;min-height:46px}}