/*
 Theme Name:   NguyenXuanHuong Cinematic (GP Child)
 Description:  GeneratePress Child Theme for NXH - Cinematic Dark Mode & Tutor LMS Overrides.
 Author:       Antigravity AI
 Template:     generatepress
 Version:      1.0.0
*/

:root {
    /* --- Cinematic Design Tokens --- */
    --nxh-primary-gold: #d4af37;
    --nxh-bg-dark: #0a0a0a;
    --nxh-bg-card: #141414;
    --nxh-text-white: #ffffff;
    --nxh-text-gray: #94a3b8;
    --nxh-border: rgba(255, 255, 255, 0.1);
    
    /* --- Tutor LMS Override Mapping --- */
    --tutor-primary-color: var(--nxh-primary-gold);
    --tutor-body-bg: var(--nxh-bg-dark);
    --tutor-card-bg: var(--nxh-bg-card);
}

/* 1. Global Backgrounds */
body, .tutor-lms, .tutor-wrap, .tutor-single-course-segment, .tutor-bg-white, .tutor-bg-light {
    background-color: var(--nxh-bg-dark) !important;
    background: var(--nxh-bg-dark) !important;
    color: var(--nxh-text-white) !important;
}

/* 2. Cards & Surfaces */
.tutor-card, .tutor-sidebar-card, .tutor-price-preview-box, .tutor-accordion-item, .tutor-course-topic-single {
    background-color: var(--nxh-bg-card) !important;
    border: 1px solid var(--nxh-border) !important;
    box-shadow: none !important;
    border-radius: 12px !important;
}

.tutor-card-body, .tutor-sidebar-card .tutor-card-body {
    background-color: transparent !important;
}

/* 3. Typography Overrides */
.tutor-wrap h1, .tutor-wrap h2, .tutor-wrap h3, .tutor-wrap h4, .tutor-wrap h5, .tutor-wrap h6,
.tutor-single-course-title, .tutor-course-topic-title, .tutor-lesson-title,
strong, b {
    color: var(--nxh-text-white) !important;
}

.tutor-wrap p, .tutor-wrap span:not(.tutor-icon), .tutor-wrap li, .tutor-color-muted {
    color: var(--nxh-text-gray) !important;
}

/* 4. Buttons & Interactive */
.tutor-btn-primary, .tutor-button-primary, .tutor-btn-enroll {
    background-color: var(--nxh-primary-gold) !important;
    color: #000000 !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    text-transform: uppercase !important;
}

/* 5. Mobile Optimization */
@media (max-width: 1024px) {
    .tutor-course-topic-single-footer {
        position: fixed !important;
        bottom: 24px !important;
        left: 20px !important;
        right: 20px !important;
        background: rgba(20, 20, 20, 0.9) !important;
        backdrop-filter: blur(20px) !important;
        border: 1px solid var(--nxh-border) !important;
        border-radius: 20px !important;
        z-index: 1000 !important;
    }
}

/* 6. Cinematic UI Components (NLP Mastery Style) */
.glass-header {
    background: rgba(5, 7, 10, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(212, 175, 55, 0.15);
}

.gold-gradient-text {
    background: linear-gradient(90deg, #f3d48d 0%, #d4af37 50%, #b8860b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-gradient {
    background: radial-gradient(circle at 50% 30%, rgba(212, 175, 55, 0.08) 0%, rgba(5, 7, 10, 1) 70%);
}

.gold-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.glow-card {
    box-shadow: 0 0 50px -10px rgba(212, 175, 55, 0.25);
}

/* Accordion Styling (Old Theme Logic) */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease, background-color 0.3s ease;
}

.accordion-item.active .accordion-content {
    max-height: 800px;
    padding-bottom: 1.5rem;
}

/* Force Full Width for Dashboard */
.nxh-dashboard-layout .site-content,
.nxh-dashboard-layout .content-area,
.nxh-dashboard-layout .grid-container,
.nxh-dashboard-layout .inside-article,
.nxh-dashboard-layout .entry-content {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 6. Global Dark Mode */
body, #page {
    background-color: var(--nxh-bg-dark) !important;
    color: var(--nxh-text-gray);
}

.site-footer {
    background-color: var(--nxh-bg-dark) !important;
    border-top: 1px solid var(--nxh-border) !important;
    color: var(--nxh-text-gray);
}

/* =============================================
   CRITICAL: Break ALL GP container constraints
   on Cinematic pages so Tailwind can work.
   ============================================= */
body.nxh-cinematic-page .site-content,
body.nxh-cinematic-page .content-area,
body.nxh-cinematic-page .grid-container,
body.nxh-cinematic-page .inside-article,
body.nxh-cinematic-page .entry-content,
body.nxh-cinematic-page #primary,
body.nxh-cinematic-page #content,
body.nxh-cinematic-page article {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

body.nxh-cinematic-page .site-content {
    display: block !important;
}

/* Remove GP's automatic entry header/meta for custom templates */
body.nxh-cinematic-page .entry-header,
body.nxh-cinematic-page .entry-meta {
    display: none !important;
}

/* 7. Tutor LMS Dashboard Deep Sync */
.nxh-dashboard-layout {
    background-color: var(--nxh-bg-dark) !important;
}

.nxh-dashboard-layout #page {
    background-color: transparent !important;
}

.tutor-dashboard {
    background-color: var(--nxh-bg-dark) !important;
    padding-top: 2rem !important; /* Modified */
}

.tutor-dashboard-left-menu {
    background-color: var(--nxh-bg-card) !important;
    border-right: 1px solid var(--nxh-border) !important;
    border-radius: 16px 0 0 16px !important;
    padding: 2rem 1rem !important; /* Added */
}

.tutor-dashboard-left-menu ul li a {
    color: var(--nxh-text-gray) !important;
    border-radius: 8px !important;
    margin: 4px 10px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.tutor-dashboard-menu-item a {
    color: var(--nxh-text-muted) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-size: 11px !important;
    transition: all 0.3s ease !important;
}

.tutor-dashboard-menu-item.active a,
.tutor-dashboard-menu-item a:hover {
    color: var(--nxh-primary) !important;
    background: rgba(212, 175, 55, 0.05) !important;
}

.tutor-dashboard-content {
    background-color: var(--nxh-bg-dark) !important;
    padding: 30px !important;
}

.tutor-dashboard-header {
    background-color: var(--nxh-bg-card) !important;
    border: 1px solid var(--nxh-border) !important;
    border-radius: 16px !important;
    margin-bottom: 30px !important;
    padding: 30px !important;
}

.tutor-dashboard-header-display-name h4 {
    color: var(--nxh-text-white) !important;
    font-family: inherit !important;
}

.tutor-dashboard-info-card {
    background-color: var(--nxh-bg-card) !important;
    border: 1px solid var(--nxh-border) !important;
    border-radius: 12px !important;
}

/* Fix Tables in Dashboard */
.tutor-table tr td, .tutor-table tr th {
    background-color: transparent !important;
    border-bottom: 1px solid var(--nxh-border) !important;
    color: var(--nxh-text-gray) !important;
}

.tutor-table thead th {
    color: var(--nxh-text-white) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
}

/* Hide GP Default Elements on Landing & Auth Pages */
.site-header.hidden-gp-header,
.site-footer.hidden-gp-footer {
    display: none !important;
}