/* dark-mode-fixes.css - Fix visibility in dark mode */

/* Make sure navigation links are white in dark mode */
.dark .nav-link,
.dark .text-primary,
.dark .text-gray-700,
.dark .text-gray-800,
.dark .text-gray-900,
.dark #mobile-menu a,
.dark #mobile-menu button span {
  color: white !important;
}

/* Ensure mobile navigation elements are visible */
.dark #mobile-menu {
  background-color: rgba(15, 23, 42, 0.95);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-top: 0.5rem;
}

/* Fix dropdown menu text color in dark mode */
.dark .group .absolute a,
.dark .group .absolute span {
  color: white !important;
}

/* Fix hover states in dark mode */
.dark .nav-link:hover,
.dark #mobile-menu a:hover,
.dark .group .absolute a:hover {
  color: #FF3232 !important; /* quartz-red color */
}

/* Make dropdown menus more visible in dark mode */
.dark .group:hover .absolute {
  background-color: #1f2937 !important;
  border: 1px solid #374151;
}

/* Fix mobile menu dropdown and icons */
.dark .mobile-dropdown-icon {
  color: white !important;
}

/* Fix Vision and Mission text in dark mode */
.dark h3.text-primary {
  color: white !important;
}

.dark p.text-gray-600 {
  color: #d1d5db !important;
}