/* Add these imports to the head of all HTML files */
@import url('mobile-enhancements.css');
@import url('touch-enhancements.css');

/* Add table responsive styles */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 20px;
}

/* Improve active state for navigation */
nav ul li a.active {
  color: var(--secondary-color);
  font-weight: 700;
}

nav ul li a.active::after {
  width: 100%;
}

/* Improve mobile menu animation */
@media (max-width: 768px) {
  nav ul {
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
  }
  
  nav ul.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

/* Fix for iOS Safari 100vh issue */
@supports (-webkit-touch-callout: none) {
  nav ul {
    height: -webkit-fill-available;
  }
}