/**
 * PDF Reader Dark Mode Styles
 * Provides comfortable dark theme for extended reading
 * 
 * @package Sadaat_Quran_Academy
 */

/* Dark Mode - Main Container */
.sqa-pdf-wrapper.sqa-dark-mode {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

/* Dark Mode - Toolbar */
.sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-toolbar {
    background-color: #0d0d0d;
    border-color: #2a2a2a;
    color: #e0e0e0;
}

.sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-toolbar button {
    color: #b0b0b0;
}

.sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-toolbar button:hover {
    color: #10b981;
}

.sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-toolbar button.active,
.sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-toolbar button:hover {
    background-color: rgba(16, 185, 129, 0.1);
}

/* Dark Mode - Page Navigation */
.sqa-pdf-wrapper.sqa-dark-mode .page-nev {
    background-color: #1a1a1a;
    border-color: #2a2a2a;
}

.sqa-pdf-wrapper.sqa-dark-mode .page-nev input {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border-color: #3a3a3a;
}

.sqa-pdf-wrapper.sqa-dark-mode .page-nev input:focus {
    background-color: #333;
    border-color: #10b981;
}

.sqa-pdf-wrapper.sqa-dark-mode .page-nev span {
    color: #a0a0a0;
}

/* Dark Mode - Zoom Controls */
.sqa-pdf-wrapper.sqa-dark-mode .zoom-btn {
    background-color: #1a1a1a;
    border-color: #2a2a2a;
}

.sqa-pdf-wrapper.sqa-dark-mode .zoom-btn button:hover {
    color: #10b981;
}

/* Dark Mode - Download Button */
.sqa-pdf-wrapper.sqa-dark-mode .btn.btn-primary {
    background-color: #10b981;
}

.sqa-pdf-wrapper.sqa-dark-mode .btn.btn-primary:hover {
    background-color: #059669;
}

/* Dark Mode - Close Button */
.sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-close {
    color: #a0a0a0;
}

.sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-close:hover {
    color: #ef4444;
}

/* Dark Mode - Canvas/Viewport */
.sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-viewport {
    background-color: #0d0d0d;
}

/* Dark Mode - Canvas (PDF content with invert filter) */
.sqa-pdf-wrapper.sqa-dark-mode #sqa-pdf-canvas {
    filter: invert(0.9) hue-rotate(180deg);
    border-color: #2a2a2a;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
}

/* Dark Mode - Loader */
.sqa-pdf-wrapper.sqa-dark-mode #sqa-pdf-loader {
    background-color: rgba(0, 0, 0, 0.9);
    color: #10b981;
}

.sqa-pdf-wrapper.sqa-dark-mode #sqa-pdf-loader p {
    color: #a0a0a0;
}

/* Dark Mode - Title */
.sqa-pdf-wrapper.sqa-dark-mode #sqa-pdf-active-title {
    color: #e0e0e0;
}

.sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-toolbar span.w-3 {
    background-color: #10b981;
    animation: pulse-dark 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-dark {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

/* Dark Mode - Responsive adjustments */
@media (max-width: 768px) {
    .sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-toolbar {
        padding: 0.75rem;
    }

    .sqa-pdf-wrapper.sqa-dark-mode .zoom-btn {
        display: none;
    }

    .sqa-pdf-wrapper.sqa-dark-mode #sqa-pdf-canvas {
        max-width: 100%;
        height: auto;
    }
}

/* Smooth transitions for dark mode toggle */
.sqa-pdf-wrapper,
.sqa-pdf-wrapper * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Disable transitions for canvas to prevent performance issues */
.sqa-pdf-wrapper #sqa-pdf-canvas {
    transition: none;
}

/* High contrast mode support */
@media (prefers-contrast: more) {
    .sqa-pdf-wrapper.sqa-dark-mode {
        background-color: #000;
    }

    .sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-toolbar {
        background-color: #000;
        border-color: #fff;
    }

    .sqa-pdf-wrapper.sqa-dark-mode #sqa-pdf-canvas {
        filter: invert(1);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .sqa-pdf-wrapper,
    .sqa-pdf-wrapper * {
        transition: none !important;
        animation: none !important;
    }
}

/* Print mode - Force light mode for printing */
@media print {
    .sqa-pdf-wrapper.sqa-dark-mode {
        background-color: white;
        color: black;
    }

    .sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-toolbar,
    .sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-viewport {
        background-color: white;
    }

    .sqa-pdf-wrapper.sqa-dark-mode #sqa-pdf-canvas {
        filter: none;
    }

    .sqa-pdf-wrapper.sqa-dark-mode .sqa-pdf-toolbar {
        display: none;
    }
}