/* Language Selector Fix - Force colors */

/* Button on topbar - white text */
.language-selector-btn,
.language-selector-btn * {
  color: #ffffff !important;
}

/* Dropdown items - black text in light mode */
.language-dropdown-item,
.language-dropdown-item *,
.language-dropdown-item span {
  color: #000000 !important;
}

/* Dark mode styles */
.dark-body .language-dropdown {
  background: #1a1a1a !important;
  border-color: #333 !important;
}

.dark-body .language-dropdown-item {
  color: #ffffff !important;
}

.dark-body .language-dropdown-item * {
  color: #ffffff !important;
}

.dark-body .language-dropdown-item:hover {
  background: #2a2a2a !important;
}

.dark-body .language-dropdown-item span {
  color: #ffffff !important;
}

/* Selected item in dark mode - darker background for better contrast */
.dark-body .language-dropdown-item[style*="background: rgb(245, 245, 245)"],
.dark-body .language-dropdown-item[style*="background:#f5f5f5"] {
  background: #333333 !important;
}

/* Make sure Font Awesome icons in language selector work */
.language-selector-btn i,
.language-dropdown i {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 6 Brands" !important;
}