/* LOT V2-a — Hub d'accueil (landing maquette).
 * Le gros du style vient de footlab.css (hero, blocks, cat-grid, steps,
 * freegate, offer-teaser, cta…) chargé par partials/maquette-base.
 * Ici : conteneur plein-bleed du <main>, wrapper des sections absorbées
 * (ex domestic-body, stylées par home-domestic.css) et micro-ajustements. */

/* <main> plein-bleed : chaque section maquette gère sa largeur via .wrap. */
.landing-main {
    max-width: none;
    margin: 0;
    padding: 0;
}

/* Conteneur des sections absorbées (ticker, résultats, performances, actus…)
 * — reproduit l'ancien .shell de home-domestic.css. */
.landing-main .legacy-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Le héro maquette est plein écran ; on garde une hauteur généreuse mais
 * bornée pour ne pas noyer le contenu réel sous la ligne de flottaison. */
.landing-hero {
    min-height: min(92vh, 900px);
}

/* Fallback canvas : si le canvas ne peut pas peindre (contexte refusé),
 * la couche .hero-map garde un voile radial discret — jamais de héro vide. */
.landing-hero .hero-map {
    background:
        radial-gradient(circle at 30% 35%, color-mix(in oklab, var(--primary) 7%, transparent), transparent 55%),
        radial-gradient(circle at 75% 60%, color-mix(in oklab, var(--gold) 5%, transparent), transparent 50%);
}

/* Chips compétition non cliquables (coming soon) du hub. */
.landing-main .cat-chip[data-nopage] {
    cursor: default;
    opacity: 0.55;
}
.landing-main .cat-chip[data-nopage]:hover {
    transform: none;
}

/* Les sections absorbées n'ont plus le padding-bottom global de l'ancien
 * .shell : on rend l'espacement par section. */
.landing-main .legacy-wrap .section {
    margin-bottom: 40px;
}

/* Le footer public (centré, autonome) respire au-dessus du bas de page. */
.landing-main .public-footer {
    padding: 24px 20px 40px;
}

/* i18n longues (ES/PT) : les stats héro passent à la ligne proprement. */
.landing-main .hero-stats {
    flex-wrap: wrap;
    row-gap: 8px;
}

/* Mobile : les widgets desktop du héro sont masqués par footlab.css ;
 * on resserre le héro pour éviter un vide sous le countdown. */
@media (max-width: 767px) {
    .landing-hero {
        min-height: 0;
        padding-bottom: 32px;
    }
}