/* 
===========================
    Bloc Équipe
===========================
*/

.wp-block-healththeme-equipe {
    margin: 32px 0;
}

/* Titre de l'équipe */


/* Conteneur principal de l'équipe */
.equipe-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 48px;
    row-gap: 32px;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
}

.equipe-titre {
    margin-bottom: 60px;
}



/* Responsive design pour tablettes */
@media (max-width: 1024px) {


    .equipe-container {
        gap: 24px;
    }
}

/* Responsive design pour mobiles */
@media (max-width: 768px) {
    .equipe-container .equipe-personne-item {
        flex: 1 1 100%;
        max-width: 500px;
    }

    .equipe-container {
        gap: 20px;
    }


}

/* Styles spécifiques pour les cartes de personne dans l'équipe */
.equipe-personne-item {
    width: 100%;
    margin: 0;
    max-width: 500px;
    min-width: 400px;
    flex: 1;
}

/* Adaptation des cartes personne pour l'équipe */
.equipe-personne-item .carte-personne-container {
    background: transparent;
    border: none;
    box-shadow: none;
    transition: all 0.3s ease;
    padding: 0;
}

.equipe-personne-item .carte-personne-container:hover {
    transform: translateY(-2px);
}

/* Assurer la cohérence des styles des cartes */
.equipe-container .carte-personne-photo {
    width: 120px;
    height: 120px;
}

.equipe-container .carte-personne-nom {
    margin-bottom: 8px;
}

.equipe-container .carte-personne-role {
    margin: 0;
}

/* Styles pour petits écrans */
@media (max-width: 480px) {
    .wp-block-healththeme-equipe {
        margin: 24px 0;
    }



    .equipe-container {
        gap: 16px;
    }

    .equipe-container .carte-personne-photo {
        width: 100px;
        height: 100px;
    }




}