/*
Theme Name: Kadence Child
Template: kadence
Version: 1.0
*/

.formations-grid {
    display: grid; 
    gap: 30px; 
    margin: 20px 0;
}

.formation-image-cover {
    width: 100%;
    object-fit: cover;
}

.formation-image-header {
    width: 100%; 
    height: 400px !important; 
    object-fit: cover; border-radius: 8px;
}

/* 🖥️ Desktop */
@media (min-width: 1024px) {
    .formations-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .formation-image-cover {
        height: 250px !important;
    }
}

/* 📱 Tablette */
@media (min-width: 768px) and (max-width: 1023px) {
    .formations-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .formation-image-cover {
        height: 200px !important;
    }
}

/* 📱 Mobile */
@media (max-width: 767px) {
    .formations-grid {
        grid-template-columns: 1fr;
    }

    .formation-image-cover {
        height: 175px !important;
    }
    
    .formation-image-header {
        height: 175px !important; 
    }
}