/* =========================================
   ASSETS/CSS/THEMES.CSS
   - Night Mode (P5 Theme)
   - NSFW Blur Effects
   ========================================= */

/* --- PERSONA 5 THEME VARIABLES (Override Core) --- */
body.night-mode {
    --bg-color: #0a0a0a;
    --main-accent: #ff0000;   /* P5 Red */
    --sub-accent: #ffffff;    /* P5 White */
    --card-bg: #1a1a1a;
    --text-color: #eeeeee;
    --header-color: #ff0000;
    --reply-bg: #252525;
    --border-color: #440000;
    --shadow: 0 4px 20px rgba(255, 0, 0, 0.3);
}

/* --- NIGHT MODE SPECIFICS --- */
body.night-mode .name { color: #4ade80; } /* Matrix Green for names */

/* Night Mode Home Page overrides */
body.night-mode .home-container { background-color: #2b2b2b; color: #ccc; border-color: #444; }
body.night-mode .ins-card { background: #333; border-color: #555; }

/* --- NSFW BLUR EFFECTS --- */
/* Apply heavy blur to all thumbnails in NSFW mode */
body.night-mode .thread-image,
body.night-mode .media-container img,
body.night-mode .file-placeholder {
    filter: blur(30px);
    transition: filter 0.3s ease, transform 0.3s ease;
    opacity: 0.7;
}

/* Reveal on Hover (PC) */
body.night-mode .thread-image:hover,
body.night-mode .media-container:hover img,
body.night-mode .media-container:hover .file-placeholder {
    filter: blur(0);
    opacity: 1;
    transform: scale(1.02);
}

/* Hide Play Button Overlay when blurred */
body.night-mode .media-container .play-overlay {
    opacity: 0;
    transition: opacity 0.3s ease;
}
body.night-mode .media-container:hover .play-overlay {
    opacity: 1;
}

/* IMPORTANT: Force Lightbox to be CLEAR (No Blur) */
#lightbox img, 
#lbVideo, 
#lbFrame {
    filter: blur(0) !important;
    opacity: 1 !important;
}