/* 
Theme Name: Streamweb x Elementor
Description: Motyw łączący funkcjonalności buildera elementor z autorskimi rozwiązaniami streamweb.
Author: streamweb.pl
Author URI: https://streamweb.pl/
Template: hello-elementor
Version: 3.4.0
Text Domain: hello-elementor-child
*/

/* Add your custom styles here */

.stwb-acf-gallery {
    width: 100%;
  }
  
  /* === MAIN IMAGE === */
  .stwb-acf-gallery__images img {
    display: none;
    width: 100%;
  }
  
  .stwb-acf-gallery__images img.is-active {
    display: block;
  }
  
  .stwb-acf-gallery__main {
    position: relative;
  }
  
  /* === NAV === */
  .stwb-acf-gallery__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    background: #fff;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .stwb-acf-gallery__nav--prev { left: 16px; }
  .stwb-acf-gallery__nav--next { right: 16px; }
  
  /* === THUMBS === */
  .stwb-acf-gallery__thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
  }
  
  .stwb-acf-gallery__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .5;
    cursor: pointer;
    transition: opacity .2s ease;
  }
  
  .stwb-acf-gallery__thumb.is-active {
    opacity: 1;
    outline: 2px solid #000;
  }
  .stwb-acf-gallery img{
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center center;
    width: 100%;
  }