/*
Theme Name: Hoạt Hình Chill 3D
Theme URI: https://hoathinhchill3d.com/
Description: Dedicated Cinema Theme for Hoạt Hình Chill 3D
Author: Hoạt Hình Chill 3D Studio
Template: Newsmag
Version: 6.0.0
*/

:root {
    --nx-accent: #06B6D4;
    --nx-accent-rgb: 6, 182, 212;
    --nx-accent-hover: #0891B2;
    --nx-bg: #08121E;
    --nx-surface: #0D1C2E;
    --nx-border: #162E4B;
    --nx-text: #F3F4F6;
    --nx-text-muted: #9CA3AF;
}

html, body {
    margin: 0;
    padding: 0;
    background-color: var(--nx-bg);
    color: var(--nx-text);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nx-brand-logo {
    height: 48px;
    width: auto;
    max-width: 240px;
    object-fit: contain;
    display: block;
}
@media (max-width: 768px) {
    .nx-brand-logo {
        height: 38px;
        max-width: 170px;
    }
}

/* Aspect ratio helper */
.aspect-\[2\/3\] { aspect-ratio: 2 / 3; }
.aspect-video { aspect-ratio: 16 / 9; }

.nav-dropdown:hover .nav-dropdown-menu {
    display: block !important;
}

.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 0.5rem;
    border-radius: 0.5rem;
    background-color: var(--nx-surface);
    color: #F3F4F6;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid var(--nx-border);
    transition: all 0.2s ease;
}
.page-numbers:hover {
    background-color: var(--nx-border);
    color: var(--nx-accent);
}
.page-numbers.current {
    background-color: var(--nx-accent);
    color: #111;
    border-color: var(--nx-accent);
    font-weight: 800;
}