/* Red Chilli Chow — shared mobile + motion */

html {
  scroll-behavior: smooth;
}

body.menu-open {
  overflow: hidden;
}

@keyframes rcc-fade-up {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rcc-pulse-soft {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
}

.rcc-hero-animate > * {
  animation: rcc-fade-up 0.7s ease-out both;
}

.rcc-hero-animate > *:nth-child(1) {
  animation-delay: 0.05s;
}
.rcc-hero-animate > *:nth-child(2) {
  animation-delay: 0.15s;
}
.rcc-hero-animate > *:nth-child(3) {
  animation-delay: 0.28s;
}
.rcc-hero-animate > *:nth-child(4) {
  animation-delay: 0.4s;
}

.rcc-live-dot {
  animation: rcc-pulse-soft 1.8s ease-in-out infinite;
}

#mobileDrawer {
  visibility: hidden;
  pointer-events: none;
}

#mobileDrawer.is-open {
  visibility: visible;
  pointer-events: auto;
}

#mobileDrawer .rcc-drawer-backdrop {
  opacity: 0;
  transition: opacity 0.25s ease;
}

#mobileDrawer.is-open .rcc-drawer-backdrop {
  opacity: 1;
}

#mobileDrawer .rcc-drawer-panel {
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

#mobileDrawer.is-open .rcc-drawer-panel {
  transform: translateX(0);
}

@media (max-width: 767px) {
  .rcc-section-pad {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .rcc-hide-scroll {
    -webkit-overflow-scrolling: touch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rcc-hero-animate > *,
  .rcc-live-dot,
  #mobileDrawer .rcc-drawer-backdrop,
  #mobileDrawer .rcc-drawer-panel {
    animation: none !important;
    transition: none !important;
  }
}
