/**
 * Zenyalive Premium Optimizations
 */

/* Force GPU acceleration on key animated elements */
.hero-title, 
.hero-description, 
.plan-card, 
.competition-card, 
.sport-card, 
.channel-card, 
.section-title,
.section-subtitle {
    will-change: transform, opacity;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Premium Navbar Glassmorphism */
header {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

header.scrolled {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(236, 54, 85, 0.2) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* Smooth scrolling container (Lenis) */
html.lenis {
    height: auto;
}

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

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

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

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

/* Hide elements for reveal animations (to prevent flash) */
[data-gsap-reveal] {
    opacity: 0;
}

/* Interactive element refinements */
.btn {
    position: relative;
    overflow: hidden;
    transition: background 0.3s ease, box-shadow 0.3s ease !important;
}

.btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300%;
    height: 300%;
    background: rgba(255, 255, 255, 0.1);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    transition: transform 0.6s ease;
}

.btn:active::after {
    transform: translate(-50%, -50%) scale(1);
    transition: transform 0s;
}