/* Component styles (views/components/language-menu.php): the site-language menu of a public page. The page's own wrapper sets where it sits; this file sets how it looks. */
.lang-menu { position:relative; display:inline-block; }
.lang-menu-btn { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:6px; cursor:pointer; list-style:none; color:var(--text-muted); font-size:0.72rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; user-select:none; transition:color 0.2s, background 0.2s; }
.lang-menu-btn::-webkit-details-marker { display:none; }
.lang-menu-btn:hover, .lang-menu[open] > .lang-menu-btn { color:var(--white); background:rgba(var(--white-rgb), 0.06); }
.lang-menu-btn:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.lang-menu-btn .fa-globe { font-size:0.95rem; }
.lang-menu-caret { font-size:var(--text-xs); transition:transform 0.2s; }
.lang-menu[open] .lang-menu-caret { transform:rotate(180deg); }
.lang-menu-list { position:absolute; top:calc(100% + 6px); right:0; z-index:1000; min-width:170px; margin:0; padding:6px; list-style:none; background:var(--dark2); border:1px solid var(--border); border-radius:8px; box-shadow:0 4px 16px rgba(var(--black-rgb), 0.5); }
.lang-menu-list a { display:block; padding:9px 12px; border-radius:6px; color:rgba(var(--white-rgb), 0.85); font-size:0.85rem; font-weight:600; letter-spacing:0; text-transform:none; text-decoration:none; transition:background 0.1s; }
.lang-menu-list a:hover, .lang-menu-list a:focus-visible { background:rgba(var(--primary-rgb), 0.08); color:var(--white); }
.lang-menu-list a.active { color:var(--primary); font-weight:800; }
/* In the phone menu the list opens in the page's flow: the menu's own panel scrolls, so a floating list would be cut off. */
.lang-menu-inline { display:block; }
.lang-menu-inline .lang-menu-list { position:static; margin-top:6px; min-width:0; box-shadow:none; }
@media (pointer: coarse) {
  .lang-menu-btn { min-height:var(--tap); }
  .lang-menu-list a { display:flex; align-items:center; min-height:var(--tap); }
}