/* Custom styles for Char'D City */

/* Smooth scroll offset for fixed nav */
section[id] {
  scroll-margin-top: 80px;
}

/* Feature card hover glow */
.feature-card:hover {
  box-shadow: 0 0 40px rgba(20, 184, 166, 0.08);
}

/* Menu category hover */
.menu-category:hover {
  border-color: rgba(20, 184, 166, 0.3);
  box-shadow: 0 8px 40px rgba(20, 184, 166, 0.06);
}

/* Gallery item */
.gallery-item {
  cursor: pointer;
  transition: transform 0.3s ease;
}
.gallery-item:hover {
  transform: scale(1.02);
}

/* Mobile menu animation */
#mobileMenu {
  animation: fadeIn 0.3s ease forwards;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Scroll reveal (below fold only) */
.reveal {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.hidden-reveal {
  opacity: 0;
  transform: translateY(30px);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .reveal.hidden-reveal {
    opacity: 1;
    transform: none;
  }
  html { scroll-behavior: auto; }
  .gallery-item img { transition: none; }
  .gallery-item:hover img { transform: none; }
}

/* Input focus styles */
input:focus, textarea:focus {
  outline: none;
}

/* Navbar scroll state */
nav.scrolled {
  background: rgba(2, 6, 23, 0.95) !important;
  backdrop-filter: blur(16px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}