/*
    ==========================================================
    PROJECT : SITE-GENERIQUE
    FILE    : css/main-h1.css
    AUTH    : Renaud
    CREATED : 26 février 2026
    UPDATED : 26 février 2026
    ==========================================================
*/

/**
*   @project        SITE-GENERIQUE
*   @description    Style du titre H1 dans le Main.
*                   Affiché uniquement quand $h1_location === 'main'.
*
*   @file           css/main-h1.css
*
*   @see            includes/main-h1.php
*/


/* --- BLOCK : Main H1 --- */
.main-h1 {
    /* PLACEMENT */
    margin: 0 0 2rem 0;
    padding-bottom: 0.75rem;

    /* VISUEL */
    border-bottom: 3px solid var(--color-blue-090);

    /* TEXTE */
    font-family: var(--font-family-sans);
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 700;
    color: var(--color-grey-060);
    text-align: center;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 768px) {
    .main-h1 {
        /* PLACEMENT */
        margin-bottom: 1.5rem;
    }
}