/* Christmas Season Styles */
.christmas-season {
    --gold: #D4AF37;
    --christmas-red: #c00000;
    --christmas-green: #006400;
}

.christmas-season .navbar {
    background-color: rgba(0, 100, 0, 0.9);
    background-image: linear-gradient(rgba(0, 100, 0, 0.9), rgba(192, 0, 0, 0.9));
}

.christmas-season .btn-gold {
    background-color: var(--christmas-red);
    color: white;
}

.christmas-season .btn-gold:hover {
    background-color: #a00000;
    transform: scale(1.05);
}

.christmas-season .page-title {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.christmas-season .text-gold {
    color: var(--christmas-red);
}

/* New Year Season Styles */
.new-year-season {
    --gold: #FFD700;
    --new-year-gold: #FFD700;
    --new-year-silver: #C0C0C0;
}

.new-year-season .navbar {
    background-color: rgba(0, 0, 0, 0.9);
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(255, 215, 0, 0.2));
}

.new-year-season .btn-gold {
    background: linear-gradient(45deg, var(--new-year-gold), var(--new-year-silver));
    color: black;
    font-weight: bold;
}

.new-year-season .btn-gold:hover {
    background: linear-gradient(45deg, var(--new-year-silver), var(--new-year-gold));
    transform: scale(1.05);
}

.new-year-season .page-title {
    text-shadow: 2px 2px 4px rgba(255, 215, 0, 0.5);
}

/* Independence Day Styles */
.independence-day {
    --nigeria-green: #008751;
    --nigeria-white: #FFFFFF;
}

.independence-day .navbar {
    background-color: rgba(0, 135, 81, 0.9);
}

.independence-day .btn-gold {
    background-color: var(--nigeria-green);
    color: white;
}

.independence-day .btn-gold:hover {
    background-color: #006a40;
    transform: scale(1.05);
}

.independence-day .page-title {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Birthday Season Styles */
.birthday-season {
    --birthday-pink: #FF69B4;
    --birthday-blue: #1E90FF;
    --birthday-yellow: #FFD700;
}

.birthday-season .navbar {
    background: linear-gradient(90deg, var(--birthday-pink), var(--birthday-blue), var(--birthday-yellow));
    background-color: rgba(0, 0, 0, 0.9);
}

.birthday-season .btn-gold {
    background: linear-gradient(45deg, var(--birthday-pink), var(--birthday-yellow));
    color: white;
}

.birthday-season .btn-gold:hover {
    background: linear-gradient(45deg, var(--birthday-yellow), var(--birthday-pink));
    transform: scale(1.1);
}

.birthday-season .page-title {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    animation: color-change 3s infinite alternate;
}

@keyframes color-change {
    0% { color: var(--birthday-pink); }
    33% { color: var(--birthday-blue); }
    66% { color: var(--birthday-yellow); }
    100% { color: var(--gold); }
}

/* Responsive adjustments for seasonal elements */
@media (max-width: 768px) {
    .independence-day .navbar .nav-brand {
        margin-right: 40px;
    }
}