/* === MEIN SWITCHER: Flag durch Globus ersetzen === */

/* Flag verstecken */
.azn-lang-btn .flag{
  display:none!important
}

/* Statt dessen Globus-Icon vor dem Code */
.azn-lang-btn::before{
  content:"\1F310"!important; /* 🌐 Globus */
  font-size:14px;
  line-height:1;
  margin-right:6px;
  filter:hue-rotate(180deg) saturate(0.9);
  opacity:.9
}

/* Button schöner */
.azn-lang-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(0,245,255,.15)!important;
  color:rgba(245,245,247,.85)!important;
  font-family:-apple-system,'Inter',sans-serif!important;
  font-size:12px!important;font-weight:500!important;
  cursor:pointer!important;
  transition:all .2s!important
}
.azn-lang-btn:hover{
  background:rgba(0,245,255,.08)!important;
  border-color:rgba(0,245,255,.4)!important;
  color:#00f5ff!important
}
.azn-lang-btn .code{
  font-family:'JetBrains Mono','SF Mono',monospace!important;
  font-size:11px!important;
  letter-spacing:.1em!important;
  font-weight:600!important
}
.azn-lang-btn .chev{
  font-size:9px!important;
  opacity:.6!important;
  margin-left:2px!important
}

/* Auch im Dropdown: Flag ausblenden, nur Text */
.azn-lang-item .flag{
  display:none!important
}
.azn-lang-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 12px!important
}
.azn-lang-item::before{
  content:""!important;
  width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.2);
  flex-shrink:0;
  transition:all .2s
}
.azn-lang-item:hover::before{
  background:#00f5ff;
  box-shadow:0 0 8px rgba(0,245,255,.6)
}
.azn-lang-item.active::before{
  background:linear-gradient(135deg,#00f5ff,#ff006e);
  box-shadow:0 0 10px rgba(0,245,255,.8)
}