/*
    ========================================
    HERO-CTA.CSS
    Auteur                : Renaud
    Création              : 08 décembre 2025
    Dernière modification : 12 décembre 2025
    ========================================
*/
/**
*   @project   DEVENIR-ARTISAN.NET
*   Gère le positionnement du bouton d'action principal et la mention de garantie.
*
*   @file  css/hero-cta.css**   @see   includes/hero-cta.php (Structure HTML)
*
*   @see   includes/hero-cta.php (Structure HTML)
*   @see   css/buttons-cta.css   (Style visuel du bouton .buttons-cta)
*/

/* --- BLOCK : Hero CTA --- */
.hero-cta {
    /* PLACEMENT */
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Aligné à gauche par défaut (Desktop) */
    margin-top: 1rem;
}

/* --- ELEMENT : Guarantee (Rassurance) --- */
.hero-cta__guarantee {
    /* PLACEMENT */
    display: flex;
    align-items: center;
    gap: 0.5rem; 
    margin-top: 1.25rem;
    margin-left: 1.5rem;

    /* TEXTE */
    font-size: 0.9rem;
    color: var(--color-hero-description);
}

/* --- RESPONSIVE --- */
/* TABLETTE & MOBILE (Breakpoint 991px) */
@media (max-width: 991px) {
    
    .hero-cta {
        /* PLACEMENT : Centrage */
        align-items: center; 
    }
    
    .hero-cta__guarantee {
        /* PLACEMENT : Centrage */
        justify-content: center;
    }
}

/* DEBUG */
/*
.hero-cta { border: 1px solid green; }
*/