/* Language switcher (desktop topbar + mobile popup nav). Matches the gold/grey nav palette. */ .lang-switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.06rem; margin-right: 0.3rem; font-size: 0.16rem; line-height: 1; white-space: nowrap; } .lang-switch a { color: #b9babc; padding: 0.05rem 0.08rem; border: 1px solid rgba(218, 197, 158, 0.35); border-radius: 0.04rem; text-decoration: none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .lang-switch a:hover { color: #dac59e; border-color: rgba(218, 197, 158, 0.8); } .lang-switch a.on { color: #1c1710; background: #dac59e; border-color: #dac59e; } /* mobile popup nav: bigger touch targets, own row */ .popup-nav .lang-switch { margin: 0.4rem 0 0; font-size: 0.26rem; gap: 0.12rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popup-nav .lang-switch a { padding: 0.1rem 0.16rem; } /* Pages that build no top bar (events, guide, play-*) have no place for the switcher, so it is injected straight into and floats in the corner instead. */ .lang-switch.standalone { position: fixed; top: 12px; right: 14px; z-index: 9999; display: flex; gap: 4px; padding: 4px 6px; background: rgba(12,10,8,.72); border: 1px solid rgba(180,150,100,.35); border-radius: 3px; } .lang-switch.standalone a { font-size: 12px; line-height: 1.4; padding: 1px 5px; }