/*
Theme Name: KhoPress Cinema
Theme URI: https://khopress.local
Author: KhoPress Team
Description: Giao diện xem phim trực tuyến hiện đại phong cách Netflix & Apple TV+ tối ưu SEO & hiệu năng cao.
Version: 1.0.1
License: GNU General Public License v2 or later
Text Domain: khopress-cinema
*/

/* WordPress Admin Bar Overlap Fix */
body.admin-bar #site-header {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    body.admin-bar #site-header {
        top: 46px !important;
    }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #09090b;
}
::-webkit-scrollbar-thumb {
    background: #27272a;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #3f3f46;
}

/* Glassmorphism */
.glass-panel {
    background: rgba(18, 18, 22, 0.75);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-nav {
    background: rgba(9, 9, 11, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Card hover animation */
.movie-card {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
}
.movie-card:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 20px 30px -10px rgba(139, 92, 246, 0.25);
}

/* Rank Number styling */
.rank-number {
    font-size: 5.5rem;
    font-weight: 900;
    line-height: 1;
    -webkit-text-stroke: 2px #3f3f46;
    color: transparent;
    transition: all 0.3s ease;
}
.group:hover .rank-number {
    -webkit-text-stroke: 2px #8b5cf6;
    color: rgba(139, 92, 246, 0.15);
}

/* Hide scrollbar for carousels */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}