/* Custom styles for Santa Clara Women's Soccer Camp */

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

/* Focus visible styles for accessibility */
*:focus-visible {
  outline: 2px solid #862633;
  outline-offset: 2px;
}

/* Navigation scroll effect */
#main-nav.scrolled {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* FAQ accordion animation */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.faq-answer.active {
  max-height: 500px;
  transition: max-height 0.3s ease-in;
}

.faq-question[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

/* Countdown timer styling */
#countdown > div {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 0.5rem;
  padding: 1rem;
  min-width: 80px;
}

@media (min-width: 768px) {
  #countdown > div {
    min-width: 120px;
    padding: 1.5rem;
  }
}

/* Mobile menu animation */
#mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

#mobile-menu.active {
  max-height: 500px;
  transition: max-height 0.3s ease-in;
}

/* Ensure images don't cause layout shift */
img {
  max-width: 100%;
  height: auto;
}

/* Prevent horizontal scroll on mobile */
body {
  overflow-x: hidden;
}