/*
    ========================================
    HERO-DESCRIPTION.CSS
    Auteur                : Renaud
    Création              : 08 décembre 2025
    Dernière modification : 12 décembre 2025
    ========================================
*/
/**
*   @project   DEVENIR-ARTISAN.NET
*   Gère le style du paragraphe d'accroche (Tagline) sous le titre du Hero.
*
*   @file  css/hero-description.css
*
*   @see   includes/hero-description.php (Structure HTML)
*   @see   css/fonts-semantic.css        (Variable --font-hero-tagline)
*/

/* --- BLOCK : Hero Description --- */
.hero-description {
    /* PLACEMENT */
    display: block;
    max-width: 600px; /* Évite les lignes trop longues */
    margin-bottom: 2.5rem;

    /* TEXTE */
    font-family: var(--font-hero-tagline);
    font-size: 1.25rem;
    line-height: 1.6;
    color: var(--color-hero-description); /* Gris clair */
}

/* --- RESPONSIVE (Tablette & Mobile) --- */
@media (max-width: 991px) {
    .hero-description {
        /* PLACEMENT : Centrage du bloc */
        margin-left: auto;
        margin-right: auto;
    }
}

/* DEBUG */
/*
.hero-description { border: 1px solid cyan; }
*/