/*
Theme Name: Anystory Theme
Theme URI: https://anystory.in/
Author: Anystory
Author URI: https://anystory.in/
Description: A premium, high-performance, strategy-first theme for Anystory digital agency. Hand-crafted with pre-compiled Tailwind CSS v4 and zero heavy animation library dependencies.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anystory
*/

/* 
  =========================================
  ANYSTORY BRAND CUSTOM FONTS
  =========================================
*/

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #0A0A0A;
}
::-webkit-scrollbar-thumb {
  background: #1F1F1F;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #C82032;
}

/* Hourglass custom animations scoped */
.hourglass-custom-svg {
  animation: rotateHourglassCustom 10s ease-in-out infinite;
  transform-origin: 50% 50%;
}

#hourglass-custom-sand {
  animation: moveSandCustom 10s ease-in-out infinite;
}

@keyframes rotateHourglassCustom {
  95% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}

@keyframes moveSandCustom {
  0% {
    transform: translateY(0);
  }
  95%,
  100% {
    transform: translateY(50px);
  }
}

@keyframes elite-blink {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 12px rgba(200, 32, 50, 0.6);
  }
  50% {
    opacity: 0.3;
    box-shadow: 0 0 4px rgba(200, 32, 50, 0.1);
  }
}

.animate-elite-blink {
  animation: elite-blink 1.2s infinite ease-in-out;
}

/* Custom infinite smooth marquee animations */
@keyframes marquee-ltr {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0%); }
}

@keyframes marquee-rtl {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-marquee-ltr {
  display: flex;
  width: max-content;
  animation: marquee-ltr 35s linear infinite;
}

.animate-marquee-rtl {
  display: flex;
  width: max-content;
  animation: marquee-rtl 35s linear infinite;
}

/* Navigation active link indicator styles */
.nav-link.active .nav-indicator {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0);
}

.nav-link .nav-indicator {
  transform: translateX(-50%) translateY(4px);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.nav-link:hover .nav-indicator {
  opacity: 0.5;
  transform: translateX(-50%) translateY(0);
}