/*
 * home.css — Homepage v3 (Stitch v3, 2026-04-27)
 *
 * Container .home-main + ambient gradient.
 * Tout le reste (hero-now, vibe-vote, cta-event, feed-*, stats-bar) est dans
 * /assets/css/blocks/*.css. Les anciennes règles (.home-hero, .hero-row,
 * .hero-live-box, .home-mood, .mood-box, .home-upcoming-section, .upc-card,
 * .home-grid, .home-card, .ded-box, .home-dedications) ont été purgées car
 * leurs blocs PHP source ont été supprimés.
 */

.home-main {
    padding: var(--s-4) var(--app-gutter) 48px;
    position: relative;
    overflow-x: hidden;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    box-sizing: border-box;
}
.home-main *, .home-main *::before, .home-main *::after { box-sizing: border-box; }
.home-main > section { margin-bottom: var(--s-5); }
.home-main > section:last-child { margin-bottom: 0; }

@media (min-width: 1025px) {
    .home-main { padding: var(--s-5) var(--s-5) var(--s-7); }
    .home-main > section { margin-bottom: var(--s-6); }
}

/* Ambient gradient en background, derrière le contenu */
.home-main::before {
    content: '';
    position: fixed; inset: 0;
    background:
        radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255,107,0,0.14), transparent 60%),
        radial-gradient(ellipse 80% 40% at 80% 100%, rgba(245,197,24,0.06), transparent 60%);
    pointer-events: none; z-index: 0;
}
.home-main > * { position: relative; z-index: 1; }