/* ============================================================
   WallTimeArts — Global styles
   ============================================================ */

/* ---------- Lenis smooth scroll ---------- */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

/* ---------- 3D helpers ---------- */
.perspective-1000 {
  perspective: 1000px;
}

.perspective-1200 {
  perspective: 1200px;
}

.perspective-1600 {
  perspective: 1600px;
}

.preserve-3d {
  transform-style: preserve-3d;
}

.backface-hidden {
  backface-visibility: hidden;
}

/* ---------- Hero legibility ---------- */
.text-shadow-hero {
  text-shadow: 0 2px 28px rgba(0, 0, 0, 0.55), 0 1px 3px rgba(0, 0, 0, 0.35);
}

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

.animate-float-slow {
  animation: floatY 7s ease-in-out infinite;
}

@keyframes scrollWheel {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  70% {
    opacity: 0;
    transform: translateY(12px);
  }
  100% {
    opacity: 0;
    transform: translateY(12px);
  }
}

.animate-scroll-wheel {
  animation: scrollWheel 1.8s ease-in-out infinite;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* ---------- Subtle custom scrollbar (theme-aware) ---------- */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: rgb(var(--c-sand));
}

::-webkit-scrollbar-thumb {
  background: rgb(var(--c-secondary));
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--c-sage));
}