/* ========================================== */
/* ObriyX Presentations - Print Styles */
/* PDF export with proper reveal.js integration */
/* ========================================== */

@media print {
    /* ---- PAGE & LAYOUT ---- */
    .reveal .slides {
        page-break-after: avoid;
    }

    .reveal section {
        page-break-after: always;
        page-break-inside: avoid;
    }

    /* Hide Navigation & Controls */
    .back-button,
    .pdf-button,
    .theme-toggle-slide,
    .theme-icon,
    .sun-icon,
    .moon-icon {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* ---- DARK MODE (Default) ---- */
    
    body:not(.light-mode) {
        background: #0a0e1a !important;
    }

    body:not(.light-mode) .reveal {
        background-color: #0a0e1a !important;
        color: #ffffff !important;
    }

    body:not(.light-mode) .reveal h1,
    body:not(.light-mode) .reveal h2,
    body:not(.light-mode) .reveal h3,
    body:not(.light-mode) .reveal h4,
    body:not(.light-mode) .reveal h5,
    body:not(.light-mode) .reveal h6 {
        color: #ffffff !important;
    }

    body:not(.light-mode) .reveal p,
    body:not(.light-mode) .reveal li,
    body:not(.light-mode) .reveal dt,
    body:not(.light-mode) .reveal dd {
        color: #e0e0e0 !important;
    }

    body:not(.light-mode) .reveal a {
        color: #42affa !important;
    }

    /* ---- LIGHT MODE ---- */
    
    body.light-mode {
        background: #f5f5f5 !important;
    }

    body.light-mode .reveal {
        background-color: #f5f5f5 !important;
        color: #333333 !important;
    }

    body.light-mode .reveal h1,
    body.light-mode .reveal h2,
    body.light-mode .reveal h3,
    body.light-mode .reveal h4,
    body.light-mode .reveal h5,
    body.light-mode .reveal h6 {
        color: #1a1a1a !important;
    }

    body.light-mode .reveal p,
    body.light-mode .reveal li,
    body.light-mode .reveal dt,
    body.light-mode .reveal dd {
        color: #333333 !important;
    }

    body.light-mode .reveal a {
        color: #0052cc !important;
    }

    /* ---- BOTH MODES - CUSTOM COMPONENTS ---- */

    /* Remove reveal.js slide background opacity effects */
    .reveal .slide-background {
        opacity: 1 !important;
        display: none !important;
    }

    /* Stat Boxes */
    .stat-box {
        background: #1a1a2e !important;
        border-left: 4px solid #42affa !important;
        color: #e0e0e0 !important;
        opacity: 1 !important;
    }
    
    .stat-box * {
        color: #e0e0e0 !important;
    }

    body.light-mode .stat-box {
        background: #ffffff !important;
        border-left: 4px solid #0052cc !important;
        color: #1a1a1a !important;
    }
    
    body.light-mode .stat-box * {
        color: #1a1a1a !important;
    }

    /* Tables */
    table {
        background: white !important;
    }

    th {
        background: #f0f0f0 !important;
        color: #000 !important;
        border-bottom: 2px solid #666 !important;
    }

    body.light-mode th {
        background: #f9f9f9 !important;
        color: #1a1a1a !important;
        border-bottom: 2px solid #ddd !important;
    }

    td {
        border-bottom: 1px solid #ccc !important;
        color: #333 !important;
    }

    body.light-mode td {
        border-bottom: 1px solid #e0e0e0 !important;
        color: #333 !important;
    }

    /* Buttons */
    .cta-button {
        background: #666 !important;
        color: white !important;
        border: none !important;
    }

    body.light-mode .cta-button {
        background: #333 !important;
        color: white !important;
    }

    /* Circle Metrics */
    .circle-metric {
        border: 1px solid #999 !important;
        background: #f9f9f9 !important;
    }

    body.light-mode .circle-metric {
        background: #ffffff !important;
        border: 1px solid #ddd !important;
    }

    .circle-number,
    .circle-title,
    .circle-desc {
        color: #333 !important;
    }

    body.light-mode .circle-number,
    body.light-mode .circle-title,
    body.light-mode .circle-desc {
        color: #1a1a1a !important;
    }

    /* Timeline */
    .timeline-dot {
        box-shadow: none !important;
    }

    /* Canvas/Charts */
    canvas {
        filter: none !important;
    }
    
    /* Chart.js Legend and Labels - Dark Mode */
    body:not(.light-mode) .chart-description {
        color: #e0e0e0 !important;
    }
    
    /* Chart.js Legend and Labels - Light Mode */
    body.light-mode .chart-description {
        color: #333333 !important;
    }
    
    /* Chart container - ensure text visibility */
    .chart-container {
        background: transparent !important;
    }
    
    body.light-mode .chart-container {
        background: transparent !important;
    }
}