/**
 * Applex Custom CSS
 * Handled mostly by Tailwind, but certain complex gradients and glow effects 
 * are better controlled here.
 */

/* Smooth hide/show utility for mobile menu */
.menu-open {
    display: block !important;
    transform: scaleY(1) !important;
    opacity: 1 !important;
}

/* Base glowing effects */
.glow-primary {
    position: relative;
}

.glow-primary::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(135deg, #8B7CF6, #B8A9FF);
    z-index: -1;
    filter: blur(15px);
    opacity: 0.5;
    transition: opacity 0.3s ease;
    border-radius: inherit;
}

.glow-primary:hover::before {
    opacity: 0.8;
}

/* Glassmorphic elements */
.glass-panel {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.dark .glass-panel {
    background: rgba(24, 24, 31, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Hide scrollbar but keep functionality */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Horizontal scrolling for Testimonials */
@keyframes scrollHorizontal {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-380px * 4 - 24px * 4));
    }
}

.animate-scroll-horizontal {
    animation: scrollHorizontal 20s linear infinite;
}

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