/* Empiler les colonnes du footer en responsive */
.responsive-stack {
display: flex;
flex-wrap: wrap !important; /* Permet aux colonnes de passer à la ligne */
gap: 20px; /* Espace entre les colonnes */
}
.responsive-stack > .wp-block-column {
flex: 1 1 33.33%; /* Colonnes côte à côte par défaut */
}
/* Mode tablette : Colonnes sur deux lignes */
@media screen and (max-width: 768px) {
.responsive-stack > .wp-block-column {
flex: 1 1 50% !important; /* Colonnes prennent 50% */
}
}
/* Mode mobile : Colonnes empilées */
@media screen and (max-width: 480px) {
.responsive-stack > .wp-block-column {
flex: 1 1 100% !important; /* Colonnes prennent 100% */
}
}