/* TempleChan Shared Theme Styles */

/* ===== CRT DISABLED MODE ===== */
body.crt-disabled::before,
body.crt-disabled::after,
html.crt-disabled body::before,
html.crt-disabled body::after {
    display: none !important;
}

/* ===== DARK MODE THEME ===== */
body.dark-mode,
html.dark-mode body {
    --background: var(--vga-black);
    --foreground: var(--vga-light-gray);
    --card: #111111;
    --card-foreground: var(--vga-light-gray);
    --popover: #111111;
    --popover-foreground: var(--vga-light-gray);
    --border: var(--vga-dark-gray);
    --muted: var(--vga-dark-gray);
    --muted-foreground: var(--vga-light-gray);
    --shadow: 4px 4px 0px 0px var(--vga-dark-gray);
    --shadow-sm: 2px 2px 0px 0px var(--vga-dark-gray);
    --shadow-lg: 6px 6px 0px 0px var(--vga-dark-gray);
    background: var(--vga-black) !important;
    color: var(--vga-light-gray);
}

/* Dark mode menu bar */
body.dark-mode .menu-bar {
    background: #222222;
    border-color: var(--vga-dark-gray);
}

body.dark-mode .menu-item {
    color: var(--vga-white);
}

body.dark-mode .menu-item:hover {
    background: var(--vga-blue);
    color: var(--vga-white);
}

body.dark-mode .menu-dropdown {
    background: #222222;
    border-color: var(--vga-dark-gray);
}

body.dark-mode .menu-dropdown-item {
    color: var(--vga-white);
}

body.dark-mode .menu-dropdown-item:hover {
    background: var(--vga-blue);
}

/* Dark mode nav toolbar */
body.dark-mode .nav-toolbar {
    background: #1a1a1a;
    border-color: var(--vga-dark-gray);
}

body.dark-mode .nav-toolbar a,
body.dark-mode .nav-toolbar button {
    color: var(--vga-white);
}

/* Dark mode status bar */
body.dark-mode .status-bar {
    background: #111111;
    border-color: var(--vga-dark-gray);
    color: var(--vga-light-gray);
}

/* Dark mode context menu */
body.dark-mode .context-menu {
    background: #222222;
    border-color: var(--vga-dark-gray);
}

body.dark-mode .context-menu-item {
    color: var(--vga-white);
}

body.dark-mode .context-menu-item:hover {
    background: var(--vga-blue);
    color: var(--vga-white);
}

/* Dark mode CRT adjustments - lighter scanlines */
body.dark-mode:not(.crt-disabled)::before {
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(255, 255, 255, 0.02) 2px,
        rgba(255, 255, 255, 0.02) 4px
    ) !important;
}

body.dark-mode:not(.crt-disabled)::after {
    background: radial-gradient(
        ellipse at center,
        transparent 0%,
        transparent 60%,
        rgba(0, 0, 0, 0.3) 100%
    ) !important;
}

/* Dark mode general elements */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background: #1a1a1a;
    color: var(--vga-light-gray);
    border-color: var(--vga-dark-gray);
}

body.dark-mode .game-container,
body.dark-mode .content-box,
body.dark-mode .dialog,
body.dark-mode .window {
    background: #111111;
    border-color: var(--vga-dark-gray);
}

/* Dark mode quote preview */
body.dark-mode .quote-preview {
    background: #111111;
    border-color: var(--vga-dark-gray);
}

body.dark-mode .quote-preview .preview-header {
    background: var(--vga-blue);
    border-color: var(--vga-dark-gray);
}

body.dark-mode .quote-preview .preview-body {
    color: var(--vga-light-gray);
}

/* Dark mode lightbox */
body.dark-mode .lightbox {
    background: rgba(0, 0, 0, 0.95);
}