/* ================================================================
   EMPORIA — Shared language-selector styles
   Mirrors the .lang-select / .lang-option / .lang-select-menu rules
   already used by index.html, so the selector looks and behaves
   identically on every other page. Loaded by every page EXCEPT
   index.html (which keeps its own copy of these rules inline).
   Includes the [hidden] specificity fix from the start (see the
   index.html dropdown-on-load bugfix in this project's history).
   ================================================================ */
.lang-select{position:relative; font-family:'Inter',sans-serif;}
.lang-select-toggle{display:flex; align-items:center; gap:6px; font-size:11px; letter-spacing:.1em; color:var(--parchment); opacity:.82; padding:6px 4px; transition:opacity .3s var(--ease-out);}
.lang-select-toggle:hover, .lang-select.open .lang-select-toggle{opacity:1; color:var(--gold-lt);}
.lang-select .lang-flag{width:22px; height:15px; font-size:14px; line-height:1; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; border-radius:2px;}
.lang-select .lang-flag img{width:100%; height:100%; object-fit:cover; display:block;}
.lang-select .lang-code{text-transform:uppercase;}
.lang-select-menu{position:absolute; top:calc(100% + 8px); right:0; min-width:150px; z-index:60; background:rgba(23,16,14,.96); border:1px solid var(--line-dark); border-radius:10px; padding:6px; display:flex; flex-direction:column; gap:2px; box-shadow:0 12px 30px rgba(0,0,0,.35);}
.lang-select-menu[hidden]{display:none;}
.lang-select-caret{font-size:9px; line-height:1; opacity:.7; transition:transform .3s var(--ease-out);}
.lang-select.open .lang-select-caret{transform:rotate(180deg);}
.lang-option{display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:6px; font-size:12px; letter-spacing:.03em; color:var(--parchment); opacity:.72; text-align:left; width:100%;}
.lang-option:hover{opacity:1; background:rgba(246,238,225,.06);}
.lang-option[aria-pressed="true"]{opacity:1; color:var(--gold-lt); font-weight:600;}
.lang-option .lang-flag{font-size:15px;}
@media (max-width:720px){ .lang-select-menu{ right:auto; left:0; } }
@media (max-width:380px){ .header-actions .lang-select .lang-code{display:none;} }

.nav-lang-select{margin-top:clamp(28px,6vh,56px); padding-top:22px; border-top:1px solid var(--line-dark); color:var(--parchment);}
.nav-lang-select .lang-select-toggle{font-size:12px; padding:4px 0;}
.nav-lang-select .lang-select-menu{position:static; margin-top:12px; background:none; border:none; box-shadow:none; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px;}
.nav-lang-select .lang-select-menu[hidden]{display:none;}
.nav-lang-select .lang-option{padding:9px 10px; background:rgba(246,238,225,.04); border-radius:8px;}