/*
Theme Name: WP NEXT
Theme URI: https://cinehub.demo
Author: HOPEABLE
Author URI: https://google.com
Description: An optimized, modern movie theme converted from Next.js.
Version: 2.3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: modern, responsive, movies, dark-mode
Text Domain: wp-next
*/

/* 
 * This theme uses Tailwind CSS via CDN for demonstration and optimization purposes.
 * For production, compile your Tailwind CSS into this file or a separate css file.
 */

body {
    background-color: #111827;
    /* gray-900 */
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

/* Scrollbar Utilities */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Skeleton Animation */
@keyframes shimmer {
    0% { background-position: -1000px 0; }
    100% { background-position: 1000px 0; }
}
.skeleton {
    background: linear-gradient(90deg, #1f2937 25%, #374151 50%, #1f2937 75%);
    background-size: 1000px 100%;
    animation: shimmer 2s infinite linear;
}

/* Reveal on Scroll */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}