/* The region badge beside the logo and its list of the other Adresscan regions (web/region.js). */
.brand-row { display: inline-flex; align-items: center; gap: 10px; }
.region { position: relative; }
.region-btn { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px 4px 10px; border-radius: 999px; cursor: pointer;
  font: 500 11px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--gold-2);
  background: transparent; border: 1px solid rgba(228, 200, 138, .35); transition: background .2s, border-color .2s; }
.region-btn svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.region-btn:hover, .region-btn:focus-visible, .region.open .region-btn { background: rgba(228, 200, 138, .1); border-color: rgba(228, 200, 138, .6); }
.region.open .region-btn svg { transform: rotate(180deg); }
.region-menu { position: absolute; z-index: 40; top: calc(100% + 10px); left: 0; min-width: 270px; padding: 8px; border-radius: 16px;
  background: rgba(10, 27, 32, .97); border: 1px solid var(--ink-line); box-shadow: 0 24px 50px -18px rgba(0, 0, 0, .75);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.region-menu[hidden] { display: none; }
.region-head { margin: 4px 10px 6px; font: 500 10px var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
.region-menu a { position: relative; display: grid; gap: 2px; padding: 10px 36px 10px 12px; border-radius: 11px; text-decoration: none; color: var(--ink-fg); }
.region-menu a b { font: 600 15px var(--display); letter-spacing: -.02em; }
.region-menu a span { font-size: 12.5px; color: var(--ink-muted); }
.region-menu a:hover, .region-menu a:focus-visible { background: rgba(255, 255, 255, .06); outline: none; }
.region-menu a.cur b { color: var(--gold-2); }
.region-menu a svg { position: absolute; right: 12px; top: 50%; width: 16px; height: 16px; margin-top: -8px; fill: none; stroke: var(--gold-2); stroke-width: 2.4;
  stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 760px) {
  .brand-row { gap: 8px; }
  .region-btn { padding: 3px 6px 3px 8px; font-size: 10px; letter-spacing: .1em; }
  .region-menu { position: fixed; top: 64px; left: 16px; right: 16px; min-width: 0; }   /* full width under the bar */
}
@media print { .region { display: none; } }