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

/**
*   @project        SITE-GENERIQUE
*   @description    Composant Titre du Hero (H1).
*                   Texte clair centré avec text-shadow pour lisibilité
*                   sur fond image ou couleur.
*   
*   @file           css/hero-title.css
*
*   @see            includes/hero-title.php
*   @see            css/color-semantic.css
*   @see            css/fonts-semantic.css
*/


/* --- BLOCK --- */
.hero-title {
    /* PLACEMENT */
    margin: 0 0 1rem 0;
    line-height: 1.1;

    /* VISUEL */
    text-shadow: 0.2rem 0.2rem 4px var(--color-hero-title-shadow);

    /* TEXTE */
    font-family: var(--font-hero-title);
    font-size: 4rem;
    font-weight: 700;
    color: var(--color-hero-title);
}


/* --- RESPONSIVE (Tablette < 1150px) --- */
@media (max-width: 1150px) {
    .hero-title {
        /* TEXTE */
        font-size: 3rem;
    }
}


/* --- RESPONSIVE (Mobile < 768px) --- */
@media (max-width: 768px) {
    .hero-title {
        /* TEXTE */
        font-size: 2.2rem;
    }
}