/* Spécifique à la page Accueil : contenu de la nouvelle active sous le carrousel.
   Le carrousel 3D lui-même est stylé par le CSS générique planet-carousel.css. */

/* Titre héros : nom centré ; sous-titre une ligne dessous, à la moitié de la
   taille du nom (0.5em suit la taille fluide du display-6). */
.accueil-hero-sub {
    display: block;
    font-size: 0.5em;
}

/* Portrait : affiché seulement hors de la scène 3D (repli si le carrousel ne se
   charge pas, ou page sans nouvelles) ; dans la scène il remplace la planète. */
.accueil-hero-img {
    max-width: min(60%, 260px);
    height: auto;
}

/* Le carrousel ouvre la page (le titre héros est plus bas, sous la carte de la
   nouvelle active) : pas de marge haute. La hauteur fluide vient du module
   (planet-carousel.css). */
#accueil-menu.planet-carousel {
    margin-top: 0;
}

/* Bouton de repli actif (visible seulement si le carrousel 3D ne se charge pas). */
#accueil-fallback .accueil-niouse-btn.active {
    background-color: #fff;
    color: #000;
}

/* Section de contenu : marge de défilement pour ne pas coller à la navbar. */
.accueil-niouse {
    scroll-margin-top: 1rem;
}

/* Grand écran : la page vit dans un container-fluid, donc la col-10 suit la
   largeur de l'écran ; on plafonne la carte de la nouvelle active pour qu'elle
   ne s'étire pas démesurément. */
.accueil-niouse .card {
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
}

/* Liens du texte riche (CKEditor) lisibles sur la carte sombre. */
.accueil-niouse .card-body a {
    color: #6ea8fe;
}