/* Custom styles for Superior Bobcat */

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

/* Hero stat card animations */
@keyframes float-1 {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@keyframes float-2 {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(8px); }
}
@keyframes float-3 {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
}
@keyframes float-4 {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(10px); }
}

.stat-card {
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.card-1 { animation-name: float-1; }
.card-2 { animation-name: float-2; animation-delay: 0.5s; }
.card-3 { animation-name: float-3; animation-delay: 1s; }
.card-4 { animation-name: float-4; animation-delay: 1.5s; }

/* Mobile menu transition */
#mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

#mobile-menu.open {
  max-height: 500px;
}

/* Navbar scroll state */
.nav-scrolled {
  background: rgba(253, 251, 249, 0.95) !important;
  backdrop-filter: blur(20px);
  box-shadow: 0 1px 20px rgba(123, 45, 59, 0.08);
}

.nav-scrolled .font-serif {
  color: #7B2D3B !important;
}

.nav-scrolled .text-burgundy-600 {
  color: #a11338 !important;
}

/* Custom select styling */
select option {
  color: #2D2D2D;
  background: #FDFBF9;
}

/* Subtle texture on cream sections */
.bg-cream-50 {
  background-image: radial-gradient(circle at 1px 1px, rgba(123, 45, 59, 0.03) 1px, transparent 0);
  background-size: 24px 24px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .stat-card {
    animation: none;
  }
  html {
    scroll-behavior: auto;
  }
  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Selection color */
::selection {
  background: rgba(123, 45, 59, 0.2);
  color: #7B2D3B;
}