/* LOARU – Sprachumschalter */
.lang-switcher{
  position:relative;
  display:inline-flex;
  align-items:center;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.site-nav-right{
  display:flex;
  align-items:center;
  gap:18px;
}

.lang-switcher-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:6px 12px;
  border:1px solid rgba(227,196,135,.28);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:rgba(243,231,211,.85);
  font-size:11px;
  letter-spacing:.10em;
  text-transform:uppercase;
  cursor:pointer;
  font-family:inherit;
  transition:border-color .15s ease, background .15s ease;
}
.lang-switcher-btn:hover,
.lang-switcher-btn:focus-visible{
  border-color:#c69a58;
  background:rgba(255,255,255,.07);
}
.lang-switcher-btn .flag{
  display:block;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,.15);
}
.lang-switcher-btn .caret{
  font-size:9px;
  opacity:.7;
  transform:translateY(1px);
}

.lang-switcher-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:190px;
  background:#0b0a08;
  border:1px solid rgba(227,196,135,.22);
  border-radius:14px;
  padding:6px;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
  display:none;
  flex-direction:column;
  gap:2px;
  z-index:50;
  max-height:70vh;
  overflow-y:auto;
}
.lang-switcher.open .lang-switcher-menu{display:flex}

.lang-switcher-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border-radius:8px;
  color:rgba(243,231,211,.82);
  font-size:12.5px;
  letter-spacing:.02em;
  text-transform:none;
  text-decoration:none;
  cursor:pointer;
  background:transparent;
  border:none;
  width:100%;
  text-align:left;
  font-family:inherit;
}
.lang-switcher-item:hover,
.lang-switcher-item:focus-visible{
  background:rgba(198,154,88,.14);
  color:#e3c487;
}
.lang-switcher-item.active{
  color:#e3c487;
  background:rgba(198,154,88,.10);
}
.lang-switcher-item .flag{
  display:block;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,.15);
  flex-shrink:0;
}
.lang-switcher-item .lang-name{
  flex:1;
}
.lang-switcher-item .check{
  font-size:11px;
  opacity:.8;
}

@media (max-width:640px){
  .lang-switcher-btn .lang-code-full{display:none}
  .lang-switcher-menu{
    right:-8px;
  }
}