.cheerdi-lang-pill {
  position: relative;
  display: inline-flex;
  z-index: 20;
}
.cheerdi-lang-pill > summary,
.cheerdi-lang-btn {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0, 212, 255, 0.45);
  background: rgba(8, 16, 28, 0.88);
  color: #f4f8ff;
  font: 650 13px/1.2 "Outfit", system-ui, sans-serif;
}
.cheerdi-lang-pill > summary::-webkit-details-marker { display: none; }
.cheerdi-lang-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  width: min(280px, 86vw);
  max-height: 320px;
  overflow: auto;
  padding: 6px;
  border-radius: 14px;
  background: #121826;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  z-index: 30;
}
html[dir="rtl"] .cheerdi-lang-menu { right: auto; left: 0; }
.cheerdi-lang-menu button {
  display: block;
  width: 100%;
  text-align: start;
  padding: 9px 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #f4f8ff;
  font: 650 14px/1.3 "Outfit", system-ui, sans-serif;
}
.cheerdi-lang-menu button[aria-current="true"] { background: rgba(0, 212, 255, 0.18); }
.cheerdi-lang-mount {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.cheerdi-lang-mount button {
  border-radius: 999px;
  border: 1px solid rgba(0, 212, 255, 0.35);
  background: rgba(0, 212, 255, 0.1);
  color: #f4f8ff;
  padding: 7px 10px;
  font: 700 13px/1.2 "Outfit", system-ui, sans-serif;
}
body.login-page .language-selector { display: none !important; }
body.login-page { position: relative; }
body.login-page .cheerdi-lang-pill {
  position: absolute;
  top: 14px;
  right: 14px;
}
html[dir="rtl"] body.login-page .cheerdi-lang-pill { right: auto; left: 14px; }
@media (max-width: 480px) {
  body.login-page .logo { margin-top: 56px; }
  body.login-page .cheerdi-logo { margin-top: 8px; }
}
html[dir="rtl"] body { text-align: start; }