/* Custom styles for AlsoSpeak */
/* Note: Navbar is now fully Tailwind-based, no Bootstrap overrides needed */

/* Language dropdown styling for dynamically populated items */
.language-list-container .language-option,
#languageList .language-option {
  display: flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  color: #1f2937 !important; /* text-gray-800 */
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  border-radius: 4px !important;
  margin: 2px 4px !important;
}

.language-list-container .language-option:hover,
#languageList .language-option:hover {
  background-color: #eff6ff !important; /* bg-blue-50 */
  color: #1e40af !important; /* text-blue-800 */
}

.language-list-container .language-option span:first-child,
#languageList .language-option span:first-child {
  margin-right: 12px !important;
  font-size: 18px !important;
  min-width: 24px !important;
}

/* Ensure language dropdown has proper visibility */
#languageList a {
  color: #374151 !important;
  font-weight: 500 !important;
}

#languageList a:hover {
  background-color: #f3f4f6 !important;
  color: #111827 !important;
}

.table-responsive {
  margin-top: 1rem;
}

.btn-primary {
  margin-bottom: 1rem;
}