/* Shared language dropdown (top-down menu) — used by the app header and the
   public pricing page. Colors fall back to the site palette so the file works
   under both index.html's inline :root and site.css. */
.lang-dd{ position:relative; display:inline-block; }
.lang-dd-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 14px 9px 12px; border:1px solid var(--line,#DCE6F2); border-radius:999px;
  background:#fff; color:var(--navy,#0B1F3B); font-family:inherit; font-size:15px; font-weight:800; line-height:1;
  cursor:pointer; white-space:nowrap; box-shadow:0 2px 8px rgba(11,31,59,.06);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.lang-dd-btn:hover, .lang-dd-btn[aria-expanded="true"]{ border-color:var(--teal-text,#0F7F75); box-shadow:0 4px 14px rgba(11,31,59,.1); }
.lang-dd-btn:focus-visible{ outline:3px solid rgba(46,196,182,.5); outline-offset:2px; }
.lang-dd-btn svg{ flex:none; }
.lang-dd-chev{ transition:transform .15s ease; }
.lang-dd-btn[aria-expanded="true"] .lang-dd-chev{ transform:rotate(180deg); }
.lang-dd-menu{
  position:absolute; right:0; top:calc(100% + 8px); min-width:190px; margin:0; padding:6px; list-style:none;
  background:#fff; border:1px solid var(--line,#DCE6F2); border-radius:14px;
  box-shadow:0 18px 44px rgba(11,31,59,.18); z-index:1200;
}
.lang-dd-menu[hidden]{ display:none; }
.lang-dd-opt{
  display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%;
  padding:10px 12px; border:0; border-radius:10px; background:transparent; text-align:left;
  color:var(--navy,#0B1F3B); font-family:inherit; font-size:15px; font-weight:700; cursor:pointer;
}
.lang-dd-opt:hover, .lang-dd-opt:focus-visible{ background:#EEF8F7; outline:none; }
.lang-dd-opt[aria-selected="true"]{ background:#E3F6F3; color:var(--teal-text,#0F7F75); font-weight:900; }
.lang-dd-opt .lang-dd-check{ visibility:hidden; }
.lang-dd-opt[aria-selected="true"] .lang-dd-check{ visibility:visible; }
@media (max-width:640px){
  .lang-dd-btn{ padding:9px 10px; font-size:14px; }
  .lang-dd-menu{ right:auto; left:50%; transform:translateX(-50%); }
}