/* Port Clinton 2025 Season Hub Styles 
   Base provided by Tailwind CSS via CDN
*/

:root {
  --pc-maroon: #800000;
  --pc-gold: #ffb700;
  --pc-gray: #111827;
}

/* Typography */
.font-display {
  font-family: 'Montserrat', sans-serif;
}

.font-body {
  font-family: 'Lato', sans-serif;
}

/* Navigation Badges */
.nav-btn {
  @apply relative transition-transform active:scale-95;
}

/* Buttons */
.btn-primary {
  @apply inline-flex items-center justify-center rounded-full bg-amber-400 text-gray-900 font-extrabold py-4 px-8 text-sm sm:text-base shadow-lg shadow-amber-500/20 hover:bg-amber-300 hover:shadow-amber-500/40 hover:-translate-y-1 transition-all duration-200;
}

.btn-secondary {
  @apply inline-flex items-center justify-center rounded-full bg-gray-800/80 backdrop-blur text-white font-bold py-4 px-8 text-sm sm:text-base border border-gray-600 shadow-lg hover:bg-gray-700 hover:-translate-y-1 transition-all duration-200;
}

/* Hero Overlay */
.court-hero {
  position: relative;
  background-color: #000;
}

/* Hide Scrollbar for Carousels */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Video Wrapper (16:9) */
.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Animations */
@keyframes fadeInUp {
  from { opacity: 0; transform: translate3d(0, 20px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

.animate-fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
  opacity: 0; 
}

.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }

/* Modal States */
#highlight-modal.open, #info-modal.open {
    display: flex;
    opacity: 1;
}
#highlight-modal.open > div, #info-modal.open > div {
    transform: scale(100%);
}