/* ===== Language Switcher ===== */

/* ---- Toggle link: inherits ul.ddmenu a styles automatically ---- */
/* Just ensure the dropdown opens on hover; toggle <a> needs no extra style */

/* Position the wrapper li correctly */
li.lang-switcher-wrap {
  position: relative !important;
  width: auto !important;
  min-width: 5.5rem !important;
  height: auto !important;
}

/* ---- Dropdown panel ---- */
.lang-switcher-dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  min-width: 185px;
  z-index: 9999;
  list-style: none;
  padding: 4px 0;
  margin: 0;
}

/* Open via JS */
.lang-switcher-dropdown.open {
  display: block;
}

/* Open via CSS hover (fallback – works even without JS) */
li.lang-switcher-wrap:hover .lang-switcher-dropdown {
  display: block;
}

/* ---- Dropdown items: override ul.ddmenu li ---- */
.lang-switcher-dropdown li {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  position: static !important;
}

/* ---- Dropdown links: override ul.ddmenu a ---- */
.lang-switcher-dropdown li a {
  display: block !important;
  padding: 8px 16px !important;
  white-space: nowrap !important;
  text-align: left !important;
  line-height: 1.5 !important;
  background: #fff !important;
  color: #333 !important;
  font-weight: normal !important;
  text-decoration: none !important;
  font-size: 0.85rem !important;
  letter-spacing: 0 !important;
}
.lang-switcher-dropdown li a:hover {
  background: #f0f0f0 !important;
  color: #000 !important;
}

/* ---- Mobile: shift button left of hamburger (hamburger is at right:30px, width:40px) ---- */
@media (max-width: 1024px) {
  #lang-switcher-fixed {
    right: 100px !important;
  }
}

/* ---- Mobile hamburger language links ---- */
.lang-switcher-mobile {
  font-size: 0.85rem !important;
  padding: 8px 0 !important;
}
.lang-switcher-mobile a {
  display: inline !important;
  margin: 0 3px !important;
  color: #555 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
}