/* Additional fixes and enhancements */

/* Ensure proper fallbacks for CSS variables */
:root {
  /* Fallback colors in case CSS variables don't load */
  --white-fallback: #ffffff;
  --gray-700-fallback: #374151;
  --primary-blue-fallback: #2563eb;
  --spacing-md-fallback: 1rem;
  --shadow-md-fallback: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Fix for navigation bar on very old browsers */
.navbar {
  background-color: white !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Ensure dropdown menus work properly */
.dropdown-menu {
  z-index: 1050;
}

/* Fix for missing Bootstrap classes */
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.ms-auto { margin-left: auto !important; }

/* Better mobile menu */
@media (max-width: 992px) {
  .navbar-collapse {
    background: white;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    margin-top: 1rem;
  }
}