/* Custom CSS for LINE เกมเศรษฐี (LINE Let's Get Rich) */
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --primary-color: #06C755;
  --primary-hover: #05a847;
  --primary-dark: #036c2e;
  --secondary-color: #F59E0B;
  --accent-color: #10B981;
}

/* Floating Animation */
@keyframes floatAnimation {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-14px);
  }
}

.animate-float {
  animation: floatAnimation 4s ease-in-out infinite;
}

.animate-float-delayed {
  animation: floatAnimation 4.5s ease-in-out 1.5s infinite;
}

/* Hide Scrollbar for Horizontal Gallery */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

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

/* Gallery Hover Touch */
.lightbox-trigger {
  user-select: none;
  -webkit-user-drag: none;
}

/* Modal Open Transition */
#lightboxModal.flex {
  animation: fadeIn 0.25s ease-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Landscape Gallery Custom Styles */
.aspect-video {
  aspect-ratio: 16 / 9;
}