/* ============================================================
   Bloc Instagram / Réseaux sociaux
   ============================================================ */

.bloc-instagram {margin-bottom: 4rem;}
.bloc-instagram .instagram-header {align-items: center; gap: 1rem; flex-direction: column; margin-bottom: 3rem;}

.bloc-instagram .instagram-titre-wrap {align-items: center; position: relative;}
.bloc-instagram h2 { background-color: var(--couleur-principale); color: #fff; padding: 1rem 1.5rem; border-radius: .6rem;  margin: 0 auto; transform: rotate(-5deg); }
.bloc-instagram .instagram-fleche {width: 3rem; position: absolute; right: -5rem; bottom: -3rem; }
.bloc-instagram .instagram-reseaux {align-items: center; gap: 1.5rem; flex-wrap: wrap;  margin-top: 3rem;}
.bloc-instagram .instagram-reseau {align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; padding: .4rem; border-radius: .3rem; background-color: var(--couleur-secondaire); color: #fff; transition: var(--transition); }
.bloc-instagram .instagram-reseau svg {width: 100%; height: 100%; object-fit: contain; fill: #fff; }

/* --- Feed Instagram --- */
.bloc-instagram .instagram-feed {margin-top: 3rem;}
.bloc-instagram .eapps-instagram-feed-posts-item-template-tile {border-radius: 1rem;}


@media (hover: hover) {
    .instagram-reseau:hover, .instagram-reseau:focus {transform: scale(1.15) translateY(-.5rem); outline: none;}
    .instagram-reseau:hover {background-color: var(--couleur-principale);}
}

@media (max-width: 768px) {
    .bloc-instagram .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-link {margin: .5rem !important; border-radius: 1rem; overflow: hidden; width: auto !important;}


}
@media (min-width: 1025px) {
    .bloc-instagram {margin-bottom: 5rem;}
    .bloc-instagram .instagram-reseau {width: 4rem; height: 4rem; }
    .bloc-instagram .instagram-feed {margin-top: 6rem;}

}