/* Language dropdown — compact flag trigger + menu */
.lang-dd{
  position:relative;flex:none;z-index:120;
}
.lang-dd-trigger{
  width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;
  padding:0;display:grid;place-items:center;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  transition:background .18s, box-shadow .18s;
}
.lang-dd-trigger:hover{
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
.lang-dd.open .lang-dd-trigger{
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(242,174,188,.35);
}
.lang-dd-trigger .lang-flag{width:18px;height:18px;}

.lang-dd-menu{
  position:absolute;top:calc(100% + 6px);right:0;min-width:88px;
  padding:2px;border-radius:10px;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(18px) saturate(170%);
  -webkit-backdrop-filter:blur(18px) saturate(170%);
  box-shadow:0 10px 24px -12px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.1);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-4px) scale(.97);
  transform-origin:top right;
  transition:opacity .18s ease, transform .18s ease, visibility .18s;
}
.lang-dd.open .lang-dd-menu{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0) scale(1);
}

.lang-dd-item{
  width:100%;border:none;background:transparent;cursor:pointer;
  display:flex;align-items:center;gap:6px;
  padding:3px 6px;border-radius:7px;
  font:inherit;font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1;
  color:rgba(255,255,255,.88);text-align:left;
  transition:background .15s, color .15s;
}
.lang-dd-item + .lang-dd-item{margin-top:1px;}
.lang-dd-item:hover{background:rgba(255,255,255,.1);color:#fff;}
.lang-dd-item.on{
  background:rgba(242,174,188,.14);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(242,174,188,.24);
}
.lang-dd-item .lang-flag{width:16px;height:16px;flex:none;}

.lang-flag{
  display:block;border-radius:50%;overflow:hidden;flex:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.14);
}
.lang-flag svg{display:block;width:100%;height:100%;}

@media(max-width:720px){
  .lang-dd-menu{right:-2px;min-width:84px;}
}