/*
    ==========================================================
    PROJECT : SITE-GENERIQUE
    FILE    : css/hero-description.css
    AUTH    : Renaud
    CREATED : 30 novembre 2025
    UPDATED : 24 février 2026
    ==========================================================
*/

/**
*   @project        SITE-GENERIQUE
*   @description    Composant Description du Hero.
*                   Texte de présentation clair, centré, lisible sur fond
*                   image ou couleur.
*   
*   @file           css/hero-description.css
*
*   @see            includes/hero-description.php
*   @see            css/color-semantic.css
*   @see            css/fonts-semantic.css
*/


/* --- BLOCK --- */
.hero-description {
    /* PLACEMENT */
    margin: 0 0 1.5rem 0;
    max-width: 600px;
    line-height: 1.6;

    /* TEXTE */
    font-family: var(--font-hero-description);
    font-size: 1.2rem;
    font-weight: 300;
    color: var(--color-hero-description);
}


/* --- RESPONSIVE (Tablette < 1150px) --- */
@media (max-width: 1150px) {
    .hero-description {
        /* PLACEMENT */
        max-width: 500px;

        /* TEXTE */
        font-size: 1.1rem;
    }
}


/* --- RESPONSIVE (Mobile < 768px) --- */
@media (max-width: 768px) {
    .hero-description {
        /* TEXTE */
        font-size: 1rem;
        line-height: 1.5;
    }
}