/* Custom Styles */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #DC2626;
}

/* Product Sidebar Scrollbar */
.product-sidebar::-webkit-scrollbar {
    width: 6px;
}
.product-sidebar::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
}
.product-sidebar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}
.product-sidebar::-webkit-scrollbar-thumb:hover {
    background: #DC2626;
}

/* Text Gradient */
.text-gradient {
    background: linear-gradient(to right, #ffffff, #991b1b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Aceternity Border Glow */
.btn-glow {
    position: relative;
    overflow: hidden;
}
.btn-glow::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(220,38,38,0.4), transparent);
    transition: 0.5s;
}
.btn-glow:hover::before {
    left: 100%;
}

/* Hero Image Overlay */
.hero-overlay {
    background: linear-gradient(to top, rgba(5,5,5,1), rgba(156, 156, 156, 0.4), rgba(119, 118, 118, 0.2));
}

/* Card Hover */
.card-hover {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.card-hover:hover {
    transform: translateY(-10px);
}

/* Global Font Family */
* {
    font-family: 'Poppins', sans-serif;
}

/* Scrolled Navbar - Keep UDAY always red */
#navbar.scrolled .navbar-link,
#navbar.scrolled a:not([class*="text-red-600"]):not(.mega-menu-item) {
    color: white !important;
}
#navbar.scrolled .navbar-link:hover,
#navbar.scrolled a:not([class*="text-red-600"]):not(.mega-menu-item):hover {
    color: #DC2626 !important;
}
#navbar.scrolled #mobile-menu-btn {
    color: white !important;
}

/* Continuous Scrolling Animation */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.animate-scroll {
    animation: scroll 30s linear infinite;
}

.animate-scroll:hover {
    animation-play-state: paused;
}