/* GoPatooh phone/country selectors: compact native controls, local flag images. */
.gopatooh-international-phone{display:flex;align-items:stretch;gap:8px;min-width:0;max-width:100%;width:100%}
.gopatooh-international-phone .gopatooh-phone-dial-wrap{flex:0 0 166px;width:166px;max-width:50%;min-width:0;display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #cbd6de;border-radius:8px;padding:0 5px 0 8px;min-height:44px;overflow:hidden;position:relative;cursor:pointer}
.gopatooh-international-phone .gopatooh-phone-flag{flex:0 0 26px;width:26px;height:19px;position:relative;display:flex;align-items:center;justify-content:center}
.gopatooh-international-phone .gopatooh-phone-flag img[hidden]{display:none!important}
.gopatooh-international-phone .gopatooh-phone-flag img{display:block;width:26px;height:19px;object-fit:contain;position:relative;z-index:1}
.gopatooh-international-phone .gopatooh-phone-flag-fallback{font-size:21px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.gopatooh-international-phone .gopatooh-phone-dial{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;opacity:0;z-index:3;cursor:pointer;font:inherit;}
.gopatooh-international-phone .gopatooh-phone-dial-code{display:block;flex:1 1 auto;min-width:0;white-space:nowrap;color:#193346;font-size:13px;font-weight:600;line-height:1;pointer-events:none}
.gopatooh-international-phone .gopatooh-phone-dial-wrap:after{content:"▾";font-size:11px;color:#516779;margin-left:auto;pointer-events:none}
.gopatooh-international-phone .gopatooh-phone-dial-wrap:focus-within{outline:2px solid #cf7727;outline-offset:2px}
.gopatooh-international-phone input[name="phone"]{flex:1 1 auto;min-width:0;width:0;max-width:100%;min-height:44px}
.gopatooh-international-phone :is(input,select):focus-visible,.gopatooh-country-residence:focus-visible{outline:2px solid #cf7727;outline-offset:2px}
.gopatooh-country-residence{display:block;width:100%;min-width:0;max-width:100%;min-height:44px;padding:10px 30px 10px 12px!important;background:#fff;border:1px solid #cbd6de;border-radius:8px;color:#193346;font:inherit;box-sizing:border-box}
.gopatooh-phone-help,.gopatooh-phone-validation{display:block;max-width:100%;font-size:11px;line-height:1.4;margin:5px 0 2px;color:#687b85}
.gopatooh-phone-validation:not(:empty){color:#b42318;font-weight:600}
.gopatooh-international-phone input[aria-invalid="true"]{border-color:#b42318!important}
@media(max-width:520px){.gopatooh-international-phone{gap:6px}.gopatooh-international-phone .gopatooh-phone-dial-wrap{flex-basis:134px;width:134px;padding-left:5px;gap:3px}.gopatooh-international-phone .gopatooh-phone-dial-code{font-size:12px}}
@media(max-width:359px){.gopatooh-international-phone .gopatooh-phone-dial-wrap{flex-basis:115px;width:115px}.gopatooh-international-phone .gopatooh-phone-flag{flex-basis:22px;width:22px}.gopatooh-international-phone .gopatooh-phone-flag img{width:22px}.gopatooh-international-phone .gopatooh-phone-dial-code{font-size:11px}.gopatooh-phone-help{font-size:10.5px}}

/* Phone picker: visible flag plus code, clean validation and GoPatooh colours. */
.gopatooh-international-phone .gopatooh-phone-dial-wrap{
  flex:0 0 126px!important;width:126px!important;max-width:42%!important;
  border-color:#ddded9!important;border-radius:10px!important;min-height:46px;
  background:#fff!important;box-shadow:none!important;
}
.gopatooh-international-phone .gopatooh-phone-flag{flex:0 0 26px;width:26px;}
.gopatooh-international-phone .gopatooh-phone-dial-code{color:#0B513A!important;font-weight:700!important;font-size:13px;}
.gopatooh-international-phone .gopatooh-phone-dial-wrap:after{color:#0B513A;}
.gopatooh-international-phone .gopatooh-phone-dial-wrap:focus-within,
.gopatooh-international-phone :is(input,select):focus-visible,
.gopatooh-country-residence:focus-visible{outline:2px solid #EE6A04!important;outline-offset:2px;}
.gopatooh-phone-validation:empty{display:none!important;}
.gopatooh-country-residence{color:#0B513A;}
@media(max-width:390px){
  .gopatooh-international-phone .gopatooh-phone-dial-wrap{
    flex-basis:110px!important;width:110px!important;padding-left:5px!important;gap:3px;
  }
  .gopatooh-international-phone .gopatooh-phone-flag{flex-basis:24px;width:24px;}
}