/* Conteneur principal */
.social_wall_container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 30px;
    grid-auto-flow: dense;
    padding: 0;
}

/* Chaque 6e élément prend plus de place */
.social_wall_container .social_wall_item:nth-child(6n+1) {
    grid-column-end: span 2;
    grid-row-end: span 2;
    align-content: center;
    align-items: center;
}

/* Style de chaque élément */
.social_wall_container .social_wall_item {
    padding-bottom: 125%;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

/* Positionnement de l'image et de l'overlay */
.social_wall_container .social_wall_item img,
.social_wall_item_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    margin: auto;
    height: -webkit-fill-available;
}

/* Overlay au survol */
.social_wall_item .social_wall_item_overlay {
    background: var(--overlay-background-color, var(--e-global-color-eac0328));
    z-index: 1;
    color: var(--overlay-text-color, var(--e-global-color-8b7710f));
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    column-gap: 10px;
    transition: .2s ease-in-out;
    opacity: 0;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 14px;
    font-weight: var(--e-global-typography-accent-font-weight);
}

/* Style des likes et des commentaires */
.social_wall_item_likes,
.social_wall_item_comments {
    display: flex;
    align-items: center;
    color: inherit;
    /* Utilise la couleur définie dans l'overlay */
}

/* Style des icônes SVG */
.social_wall_item_likes svg,
.social_wall_item_comments svg {
    width: 16px;
    height: auto;
    margin-right: 5px;
    fill: currentColor;
    /* Assure que la couleur du SVG suit la propriété 'color' */
}

/* Effet au survol pour afficher l'overlay */
body[data-elementor-device-mode='desktop'] .social_wall_item:hover .social_wall_item_overlay,
body[data-elementor-device-mode='laptop'] .social_wall_item:hover .social_wall_item_overlay {
    opacity: 1;
}

/* Ajustements pour les différents modes d'appareil */
body[data-elementor-device-mode='laptop'] .social_wall_container {
    grid-gap: 15px;
}

body[data-elementor-device-mode='mobile'] .social_wall_container {
    display: block;
}

body[data-elementor-device-mode='mobile'] .social_wall_container .social_wall_item {
    padding-bottom: inherit;
    display: inline-block;
    height: 56vw;
    width: calc(50% - 14px);
    margin: 5px 7px;
}

/* body[data-elementor-device-mode='mobile'] .social_wall_container .social_wall_item:nth-child(5n) {
    height: 118vw;
    width: calc(100% - 14px);
} */