.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.dark .custom-scrollbar::-webkit-scrollbar-thumb { background: #475569; }

/* Glassmorphism effects */
.glass { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); }
.dark .glass { background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(10px); }

.lightning-text {
    background: linear-gradient(90deg, #722F37, #fff, #722F37);
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    animation: shine 3s linear infinite;
}
@keyframes shine {
    to { background-position: 200% center; }
}

/* Search Bar Gradient Border */
.search-gradient {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(45deg, #722F37, #8B5CF6) border-box;
    border: 2px solid transparent;
    border-radius: 1rem;
}
.dark .search-gradient {
    background: linear-gradient(#1e293b, #1e293b) padding-box,
                linear-gradient(45deg, #722F37, #8B5CF6) border-box;
}

/* Lightning Border Effect for Topbar */
.lightning-border-bottom {
    position: relative;
}
.lightning-border-bottom::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #722F37, #fff, #722F37, transparent);
    background-size: 200% 100%;
    animation: shine 2s linear infinite;
}

/* Mobile Scroll System for Featured Section */
@media (max-width: 768px) {
    .mobile-scroll-container {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
        gap: 1rem !important;
        padding-bottom: 1rem;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
    }
    .mobile-scroll-container::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }
    .mobile-scroll-item {
        flex: 0 0 calc(50% - 0.5rem) !important;
        min-width: calc(50% - 0.5rem) !important;
        scroll-snap-align: start;
    }
}

/* Hide scrollbar utility */
.scrollbar-hide::-webkit-scrollbar {
    display: none !important;
}
.scrollbar-hide {
    -ms-overflow-style: none !important;  /* IE and Edge */
    scrollbar-width: none !important;  /* Firefox */
}