/* Seasonal Themes - Minimal & Professional */

/* =========================================
   Base Seasonal Attributes
   ========================================= */
:root {
    --seasonal-accent: transparent;
    --seasonal-gradient: none;
}

/* =========================================
   Christmas Theme (Refined)
   ========================================= */
[data-season="christmas"] {
    --seasonal-primary: #d32f2f;
    --seasonal-secondary: #1b5e20;
    --seasonal-accent: #fbc02d;
}

/* Header Accent */
[data-season="christmas"] #header {
    border-bottom: 2px solid var(--seasonal-primary);
    background-image: linear-gradient(to right, rgba(211, 47, 47, 0.03), rgba(27, 94, 32, 0.03));
}

/* Logo Decoration */
[data-season="christmas"] .logo span::after {
    content: "🎄";
    font-size: 0.8em;
    margin-left: 5px;
    vertical-align: middle;
}

/* Sidebar Active Item */
[data-season="christmas"] .sidebar-nav .nav-link.active {
    background: rgba(211, 47, 47, 0.1) !important;
    color: var(--seasonal-primary) !important;
    border-right: 3px solid var(--seasonal-secondary);
}

/* =========================================
   New Year Theme (Refined)
   ========================================= */
[data-season="newyear"] {
    --seasonal-primary: #1565c0;
    --seasonal-accent: #ffd700;
}

/* Header Accent */
[data-season="newyear"] #header {
    border-bottom: 2px solid var(--seasonal-accent);
    background-image: linear-gradient(135deg, rgba(255, 215, 0, 0.04) 0%, rgba(21, 101, 192, 0.04) 100%);
}

/* Logo Decoration */
[data-season="newyear"] .logo span::after {
    content: "🎉";
    font-size: 0.8em;
    margin-left: 5px;
}

/* Sidebar Active Item */
[data-season="newyear"] .sidebar-nav .nav-link.active {
    background: rgba(255, 215, 0, 0.1) !important;
    color: #bfa505 !important;
    /* Darker Gold for text */
    border-right: 3px solid var(--seasonal-primary);
}

/* =========================================
   Monthly Themes
   ========================================= */
[data-season="january"] {
    --seasonal-accent: #81d4fa;
}

/* Icy Blue */
[data-season="february"] {
    --seasonal-accent: #f48fb1;
}

/* Pink */
[data-season="march"] {
    --seasonal-accent: #a5d6a7;
}

/* Spring Green */
[data-season="april"] {
    --seasonal-accent: #fff59d;
}

/* Soft Yellow */
[data-season="may"] {
    --seasonal-accent: #ffcc80;
}

/* Orange */
[data-season="june"] {
    --seasonal-accent: #80deea;
}

/* Cyan */
[data-season="july"] {
    --seasonal-accent: #ef9a9a;
}

/* Coral */
[data-season="august"] {
    --seasonal-accent: #ce93d8;
}

/* Purple */
[data-season="september"] {
    --seasonal-accent: #bcaaa4;
}

/* Brownish */
[data-season="october"] {
    --seasonal-accent: #ffab91;
}

/* Autumn */
[data-season="november"] {
    --seasonal-accent: #90a4ae;
}

/* Cool Grey */
[data-season="december"] {
    --seasonal-accent: #d32f2f;
}

/* Festive Red */

/* Apply Monthly Accents to Header */
[data-season]:not([data-season=""]) #header {
    border-bottom-color: var(--seasonal-accent, transparent);
}

/* =========================================
   Canvas Layer (Snow/Particles)
   ========================================= */
#seasonal-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.6;
    transition: opacity 0.5s ease;
}

/* Reduce glare in Dark Mode */
[data-theme="dark"] #seasonal-canvas {
    opacity: 0.25;
}

/* Burst Animation Layer */
.burst-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 10001;
    overflow: hidden;
}