/* 24Flix Dark Theme Custom Stylesheet */
:root {
    --cine-bg: #0b0f17;
    --cine-card-bg: #131b26;
    --cine-border: rgba(255, 255, 255, 0.08);
    --cine-primary: #e50914;
}

body {
    background-color: var(--cine-bg) !important;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #e2e8f0;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: 'Outfit', sans-serif;
}

/* Movie Card Hover Animation & Visual Polish */
.movie-card {
    background-color: var(--cine-card-bg) !important;
    border: 1px solid var(--cine-border) !important;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, border-color 0.2s ease;
}

.movie-card:hover {
    transform: translateY(-4px);
    border-color: rgba(220, 53, 69, 0.4) !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.6) !important;
}

.movie-card img {
    transition: transform 0.3s ease;
}

.movie-card:hover img {
    transform: scale(1.03);
}

.card-overlay {
    transition: opacity 0.2s ease-in-out;
}

.movie-card:hover .card-overlay {
    opacity: 1 !important;
}

/* Hero Spotlight Banner */
.hero-spotlight {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    min-height: 440px;
}

/* Adsterra Placement Rules */
.adsterra-placement-wrapper {
    overflow: hidden;
    max-width: 100%;
}

.adsterra-placement-wrapper .ad-container {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    padding: 6px;
}

/* Video Player Wrapper */
video {
    outline: none;
    border-radius: 8px;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0b0f17;
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #334155;
}