/* html.js is set by theme-init.js before first paint (26 Oct 2026). Every rule keyed on .uk-has-nav-currency, which
   uk-nav-currency.js adds after load, also applies under html.js so the currency control and the three-column actions
   grid are in the first paint instead of arriving later and shifting the page (CLS 0.065 on mobile). */
/* UK-only payment-currency control; shared navigation links and logo are intact. */
.uk-nav-currency[hidden] { display:none; }
.uk-nav-currency { min-width:0; }
.uk-nav-currency > label,
.uk-nav-currency-help { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.uk-nav-currency-field { display:block; position:relative; width:84px; height:44px; overflow:hidden; background:var(--paper); }
/* Clip WebKit's native-select intrinsic paint overflow, not its accessible name
   or popup. Draw keyboard focus on the field so it remains outside that clip. */
.site-header .uk-nav-currency select,
html[data-theme] .site-header .uk-nav-currency select { display:block; position:absolute; inset:0; box-sizing:border-box; width:100%; height:44px; min-height:44px; margin:0; padding:0 8px; border:1px solid var(--line); border-radius:0; background:var(--paper); color:transparent; -webkit-text-fill-color:transparent; appearance:none; -webkit-appearance:none; font-family:var(--font); font-size:var(--regional-country-font); font-weight:var(--weight-strong); line-height:1; letter-spacing:0; cursor:pointer; color-scheme:light; }
.site-header .uk-nav-currency select option,
html[data-theme] .site-header .uk-nav-currency select option { color:var(--black); -webkit-text-fill-color:var(--black); background:var(--paper); }
.uk-nav-currency-code { position:absolute; z-index:1; inset:0 auto 0 12px; display:flex; align-items:center; pointer-events:none; color:var(--black); font-family:var(--font); font-size:var(--regional-country-font); font-weight:var(--weight-strong); line-height:1; }
/* Functional select indicator, not a decorative action arrow. */
.uk-nav-currency-field::after { content:""; position:absolute; z-index:1; right:12px; top:18px; width:5px; height:5px; border-right:1.5px solid var(--black); border-bottom:1.5px solid var(--black); transform:rotate(45deg); pointer-events:none; }
.uk-nav-currency-field:has(select:focus-visible) { outline:2px solid var(--blue); outline-offset:3px; }
.site-header .uk-nav-currency select:focus-visible { outline:none; }
.site-header .uk-nav-currency select:disabled { opacity:1; cursor:wait; }
.uk-nav-currency-field:has(select:disabled) .uk-nav-currency-code { color:var(--black); }
:is(.site-header.uk-has-nav-currency,html.js .site-header) .regional-actions { grid-template-columns:84px 84px 44px; }
:is(.site-header.uk-has-nav-currency,html.js .site-header) .regional-country { grid-column:2; }
:is(.site-header.uk-has-nav-currency,html.js .site-header) .regional-theme { grid-column:3; }
:is(.site-header.uk-has-nav-currency,html.js .site-header) .regional-menu { grid-column:4; }
@media(max-width:1180px) {
 :is(.site-header.uk-has-nav-currency,html.js .site-header) .regional-actions { grid-template-columns:84px 84px 44px 44px; }
}
@media(max-width:650px) {
 :root:has(:is(.site-header.uk-has-nav-currency,html.js .site-header)) { --header:calc(var(--regional-header-row) + 53px); }
 :is(.site-header.uk-has-nav-currency,html.js .site-header) { height:calc(var(--regional-header-row) + 53px); }
 :is(.site-header.uk-has-nav-currency,html.js .site-header) .regional-actions { grid-template-columns:70px 44px 44px; }
 :is(.site-header.uk-has-nav-currency,html.js .site-header) .regional-country { grid-column:1; }
 :is(.site-header.uk-has-nav-currency,html.js .site-header) .regional-theme { grid-column:2; }
 :is(.site-header.uk-has-nav-currency,html.js .site-header) .regional-menu { grid-column:3; }
 :is(.site-header.uk-has-nav-currency,html.js .site-header) .uk-nav-currency { position:absolute; top:var(--regional-header-row); left:20px; right:20px; display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); height:52px; border-top:1px solid var(--line); }
 :is(.site-header.uk-has-nav-currency,html.js .site-header) .uk-nav-currency > label { position:static; width:auto; height:auto; margin:0; overflow:visible; clip-path:none; white-space:normal; color:inherit; font-size:var(--text-caption); line-height:var(--leading-body); }
 :is(.site-header.uk-has-nav-currency,html.js .site-header) .uk-nav-currency-field { flex:none; }
 :is(.site-header.uk-has-nav-currency,html.js .site-header) .regional-country > :is(div,nav) { top:calc(var(--header) + 8px); }
}
@media(max-width:360px) {
 :is(.site-header.uk-has-nav-currency,html.js .site-header) .regional-actions { grid-template-columns:68px 44px 44px; }
 :is(.site-header.uk-has-nav-currency,html.js .site-header) .uk-nav-currency { left:12px; right:12px; }
}
@media(forced-colors:active) {
 .site-header .uk-nav-currency select,
 html[data-theme] .site-header .uk-nav-currency select { color:CanvasText; -webkit-text-fill-color:CanvasText; background:Canvas; appearance:auto; -webkit-appearance:auto; }
 .uk-nav-currency-code,.uk-nav-currency-field::after { display:none; }
}