/* Approved P2 stylesheet already supplies the selector layout. Add only the
   unavailable state; no restyling of the approved header/footer. */
[data-tf-uk-currency] .currency-unavailable{display:grid;grid-template-columns:25px 43px 1fr 15px;gap:9px;align-items:center;padding:12px;color:var(--muted,#5b6372);font-size:11px;opacity:.65;cursor:not-allowed}
[data-tf-uk-currency] .currency-unavailable strong{font-size:11px;color:inherit}
[data-tf-uk-currency] .currency-unavailable b{font-weight:400}
.currency-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px}
/* Keep longer, owner-configured menus within the visible desktop/mobile
   viewport. Position is measured from the native summary when it opens. */
[data-tf-uk-currency]>.currency-options{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:var(--tf-uk-currency-height,65vh);overflow-y:auto;overscroll-behavior:contain;transform:translateX(var(--tf-uk-currency-shift,0px))}
[data-tf-uk-currency][data-tf-uk-currency-placement=above]>.currency-options{top:auto;bottom:calc(100% + 10px)}
[data-tf-uk-currency][data-tf-uk-currency-placement=below]>.currency-options{top:calc(100% + 10px);bottom:auto}
[data-tf-uk-currency]>.currency-options>a:focus-visible,[data-tf-uk-currency]>summary:focus-visible{outline:2px solid var(--navy,#173866);outline-offset:2px}
[data-tf-uk-currency]>.currency-options>a>span:not(.region-flag){min-width:0;overflow-wrap:anywhere}
/* One scoped flag size for header/footer summaries and currency choices. */
[data-tf-uk-currency] .region-flag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:18px;line-height:0;vertical-align:middle}
[data-tf-uk-currency] .region-flag img{display:block;width:24px;height:18px;object-fit:cover}