/* Language switch, country dialog and the language suggestion bar. Loaded after site.css; uses its tokens. */
.region{align-items:stretch;flex:none}
.lang-select{appearance:none;-webkit-appearance:none;background:transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%23ebe5d6'/></svg>") no-repeat right 11px center;color:var(--night-ink);border:0;border-right:1px solid var(--line-night);padding:7px 28px 7px 13px;font:700 .85rem var(--sans);letter-spacing:.04em;min-height:36px;cursor:pointer;border-radius:0}
.lang-select option{background:var(--night);color:var(--night-ink)}
.country-btn{flex:none;background:none;border:0;color:var(--night-ink);padding:7px 13px;font:700 .85rem var(--sans);cursor:pointer;letter-spacing:.04em;min-height:36px;max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.country-btn:hover,.lang-select:hover{background-color:rgba(235,229,214,.1)}
.country-btn[data-status=soon] #country-name{text-decoration:underline dotted;text-underline-offset:.2em}
@media(max-width:520px){.lang-select{padding:6px 24px 6px 9px;font-size:.78rem;min-height:34px;background-position:right 8px center}.country-btn{padding:6px 9px;font-size:.78rem;min-height:34px;max-width:7em}}

.country-dialog{border:1px solid var(--line);border-radius:6px;padding:0;background:var(--paper);color:var(--ink);width:min(34rem,calc(100vw - 2*var(--gut)));max-height:min(40rem,calc(100vh - 2*var(--gut)));box-shadow:0 24px 60px -20px rgba(0,0,0,.6)}
.country-dialog::backdrop{background:rgba(20,26,24,.6)}
.country-dialog:not([open]){display:none}
.cd-box{padding:22px 22px 18px;display:flex;flex-direction:column;gap:6px;max-height:inherit;overflow:auto}
.cd-box h2{font:600 1.5rem/1.2 var(--serif);margin:0}
.cd-box .fine{margin:0 0 8px;color:var(--muted);font-size:.95rem}
.cd-filter{font:400 1rem var(--sans);padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink);min-height:44px;width:100%}
.cd-h{font:700 .78rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-d);margin:14px 0 4px}
.cd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:4px}
.cd-list li{margin:0}
.cd-list button{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--r);padding:8px 10px;min-height:44px;font:400 1rem var(--sans);color:var(--ink);cursor:pointer}
.cd-list button:hover{background:var(--wall-2)}
.cd-list button[aria-pressed=true]{border-color:var(--brass-d);background:#f4e5b8;font-weight:700}
.cd-soon button{color:var(--muted)}
.cd-soon button .cd-tag{display:block;font-size:.8rem;color:var(--muted)}
.cd-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:16px 0 0}

.lang-bar{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;background:#f4e5b8;color:#4a360a;font-size:.95rem;padding:8px var(--gut);border-bottom:1px solid #c9a24a}
.lang-bar a{color:#4a360a;font-weight:700}
.lang-bar button{background:none;border:1px solid #8a6a22;border-radius:var(--r);color:#4a360a;font:700 .85rem var(--sans);padding:5px 12px;min-height:36px;cursor:pointer}
.price-note{display:block;color:var(--muted);font-size:.85rem}