/* We Got It Marketing - Instagram Feed als slider.
   Bewust buiten de plugin: een update van Smash Balloon overschrijft dit niet. */

#sb_instagram #sbi_images{
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:4px;
}
#sb_instagram #sbi_images::-webkit-scrollbar{ display:none; }

#sb_instagram #sbi_images .sbi_item{
  flex:0 0 25% !important;
  width:25% !important;
  max-width:25% !important;
  scroll-snap-align:start;
}
@media (max-width:1024px){
  #sb_instagram #sbi_images .sbi_item{ flex-basis:50% !important; width:50% !important; max-width:50% !important; }
}
@media (max-width:767px){
  /* iets minder dan vol beeld, zodat zichtbaar is dat er meer naast staat */
  #sb_instagram #sbi_images .sbi_item{ flex-basis:80% !important; width:80% !important; max-width:80% !important; }
}

/* 'Load More' hoort niet in een slider; de Follow-knop blijft staan */
#sb_instagram #sbi_load .sbi_load_btn{ display:none !important; }

.wgim-ig-wrap{ position:relative; }

.wgim-ig-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border-radius:50%;
  border:none; cursor:pointer; z-index:5; padding:0;
  background:#fff; color:#1a1a1a;
  box-shadow:0 2px 10px rgba(0,0,0,.22);
  display:flex; align-items:center; justify-content:center;
  font-size:24px; line-height:1;
  transition:opacity .2s ease, background .2s ease, box-shadow .2s ease;
}
.wgim-ig-nav:hover{ background:#f3f3f3; box-shadow:0 3px 14px rgba(0,0,0,.28); }
.wgim-ig-nav:focus-visible{ outline:2px solid #408bd1; outline-offset:2px; }
.wgim-ig-nav[disabled]{ opacity:0; pointer-events:none; }
/* binnen de slider, zodat ze niet tegen aangrenzende elementen aan botsen */
.wgim-ig-prev{ left:10px; }
.wgim-ig-next{ right:10px; }
@media (max-width:767px){
  .wgim-ig-nav{ width:36px; height:36px; font-size:20px; }
  .wgim-ig-prev{ left:6px; }
  .wgim-ig-next{ right:6px; }
}

@media (prefers-reduced-motion: reduce){
  #sb_instagram #sbi_images{ scroll-behavior:auto; }
  .wgim-ig-nav{ transition:none; }
}