/* Ensure nav stays above content */
nav {
  z-index: 1000;
}

/* Mobile menu transitions */
#mobile-menu a:hover {
  background-color: #1e40af;
}

/* Smooth scrolling for anchor links */
html {
  scroll-behavior: smooth;
}

/* Custom hover effects for buttons */
button:hover:not(:disabled) {
  transform: scale(1.05);
  transition: transform 0.2s ease-in-out;
}

/* Ensure images are responsive */
img {
  max-width: 100%;
  height: auto;
}

/* Footer link styling */
footer a {
  color: #e5e7eb;
}
footer a:hover {
  color: #93c5fd;
}

/* Add padding to main content to avoid nav overlap */
body > section {
  padding-top: 4rem; /* Matches nav height */
  background-color: aliceblue;

}