/* =========================================================
   Cineflix Premium V6 - Apple HIG 3D Edition
   This file is now extremely lean. 
   Most structural/aesthetic styling is handled by Tailwind CSS classes in index.html.
   Only complex high-fidelity Custom CSS Variables and base setups sit here.
   ========================================================= */

/* Tailwind CSS implicitly handles reset/normalization */

/* 1. Base Configuration overriding for custom scrollbars */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(221, 97, 174, 0.5);
    /* Cineflix pink accent */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(189, 99, 206, 0.8);
    /* Cineflix purple */
}

/* 2. Glassmorphism Utilities specific to Apple HIG (too complex for standard Tailwind inline classes) */
.glass-dark {
    background-color: rgba(20, 20, 20, 0.5);
    /* 50% opacity block */
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    /* Minimalist 1px translucent border */
}

.glass-light {
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/* 3. Essential Animations and Physics */
.animate-pulse-slow {
    animation: customPulse 10s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-pulse-slower {
    animation: customPulseAlt 12s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes customPulse {

    0%,
    100% {
        opacity: 0.15;
        transform: scale(1);
    }

    50% {
        opacity: 0.25;
        transform: scale(1.1) translate(5%, -5%);
    }
}

@keyframes customPulseAlt {

    0%,
    100% {
        opacity: 0.15;
        transform: scale(1) translate(0%, 0%);
    }

    50% {
        opacity: 0.25;
        transform: scale(1.15) translate(-5%, 5%);
    }
}

/* Container locking for 3D perspective manipulation via GSAP so that Z translations scale correctly */
.perspective-container {
    perspective: 1200px;
}

/* Remove default link highlight tap on mobile devices to preserve the app-like HIG feel */
* {
    -webkit-tap-highlight-color: transparent;
}