/* Home page market coverage, aligned with the toolbar utilities. */
.geo-picker{display:none;position:relative;order:5;flex-shrink:0;color:var(--text)}
body:has(#page-index:not([hidden])) .geo-picker{display:block}
.geo-picker summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:47px;padding:10px 12px;border:1px solid #a77d32;border-radius:7px;font-size:12px;cursor:pointer;list-style:none;white-space:nowrap}
.geo-picker summary::-webkit-details-marker{display:none}
.geo-picker summary:hover,.geo-picker[open] summary{border-color:var(--gold);background:#d5ae6514}
.geo-picker summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.geo-chevron{transition:transform .18s ease}
.geo-picker[open] .geo-chevron{transform:rotate(180deg)}
.geo-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(400px,calc(100vw - 32px));padding:20px;background:#151216;border:1px solid #a77d32;border-radius:7px;box-shadow:0 16px 40px #09090b30;max-height: min(520px,65dvh);overflow-y:auto;overscroll-behavior:contain}
.geo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #a77d3240;font-family:Georgia,serif;font-size:20px}
.geo-heading>span{color:var(--muted);font-family:inherit;font-size:12px}
.geo-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;list-style:none;margin:0;padding:0}
.geo-panel li{display:flex;align-items:baseline;gap:8px;padding:8px 0;font-size:12px;line-height:1.4}
.geo-panel strong{min-width:26px;color:var(--gold);font-size:11px;letter-spacing:.03em}
.geo-panel li:last-child{grid-column:1/-1}
body.light-mode .geo-picker{color:#302619}
body.light-mode .geo-picker summary{border-color:#e8d7bd;background:#fffdf9d9}
body.light-mode .geo-panel{background:#fffdf9;border-color:#e8d7bd}
body.light-mode .geo-panel strong{color:#93682d}
@media(min-width:1151px){body:has(#page-index:not([hidden])) .nav{gap:10px;padding-inline:2%}body:has(#page-index:not([hidden])) .nav .links{gap:10px}}
@media(min-width:901px) and (max-width:1150px){.geo-picker{order:2}.nav .geo-picker{margin-left:0}}
@media(max-width:900px){
  /* Anchor the panel to the full header instead of the inset GEO button. */
  .nav{position:relative}
  .geo-picker{position:static;grid-row:2;grid-column:2/5;justify-self:end;order:0}
  .geo-picker summary{min-height:36px;padding:6px 12px}
  .geo-panel{left:16px;right:16px;width:auto;max-height:60dvh}
}
@media(prefers-reduced-motion:reduce){.geo-chevron{transition:none}}

/* Keep language and market controls before the theme switch. */
.nav .language-picker,body:has(#page-play:not([hidden])) .nav .language-picker{order:4}
.nav .geo-picker{order:5}
.nav #theme-toggle{order:6}
body img[data-brand-logo]{background:transparent;mix-blend-mode:normal!important;object-fit:contain}
@media(max-width:900px){
  .nav .language-picker,body:has(#page-play:not([hidden])) .nav .language-picker{order:0;grid-column:2;grid-row:1}
  .nav .menu,body:has(#page-play:not([hidden])) .nav .menu{grid-column:3;grid-row:1;justify-self:end}
  .nav #theme-toggle{grid-column:4;grid-row:1;order:0}
  .nav .geo-picker{grid-column:2/4;grid-row:2;order:0}
  .nav,body:has(:is(#page-index,#page-play):not([hidden])) .nav{grid-template-columns:64px minmax(0,1fr) 40px minmax(88px,112px)}
}
