/**
 * Styles pour le bloc Hero Éditable
 * @package GrimTheme
 */

.hero-block {
    /* Styles de base pour le hero */
    position: relative;
    width: 100%;
}

.hero-block video {
    /* Assurer une bonne qualité vidéo */
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.hero-block img {
    /* Assurer une bonne qualité d'image */
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Animations pour les boutons */
.hero-block a {
    text-decoration: none;
}

.hero-block a:hover {
    text-decoration: none;
}

/* Responsive pour les éléments de réassurance */
@media (max-width: 768px) {
    .hero-block .flex-wrap {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .hero-block h1 {
        font-size: 2rem;
        line-height: 1.2;
    }
    
    .hero-block p {
        font-size: 1rem;
    }
}

/* Mode édition Gutenberg */
.wp-block-editor .hero-block {
    min-height: 300px;
}