/* ============================================
   TIME-BASED HERO IMAGE - LuxActivity
   Only swaps the background IMAGE of the homepage hero.
   The blue gradient overlay stays identical on all periods.
   ============================================ */

/* MORNING (6h - 12h) */
[data-period="morning"] .hero-bg {
    background: linear-gradient(to bottom, rgba(66, 126, 199, 0.7) 0%, rgba(66, 126, 199, 0.5) 50%, rgba(255, 255, 255, 1) 100%),
                url('/images/matin.png') center center / cover no-repeat !important;
}

/* AFTERNOON (12h - 18h) = default in hero-accueil.php, no override needed */

/* EVENING (18h - 21h) */
[data-period="evening"] .hero-bg {
    background: linear-gradient(to bottom, rgba(66, 126, 199, 0.7) 0%, rgba(66, 126, 199, 0.5) 50%, rgba(255, 255, 255, 1) 100%),
                url('/images/orange.png') center center / cover no-repeat !important;
}

/* NIGHT (21h - 6h) */
[data-period="night"] .hero-bg {
    background: linear-gradient(to bottom, rgba(66, 126, 199, 0.7) 0%, rgba(66, 126, 199, 0.5) 50%, rgba(255, 255, 255, 1) 100%),
                url('/images/fondhero.png') center center / cover no-repeat !important;
}