/* 
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-loop-product-element .elementor-flip-box.is-touch {
  overflow: hidden;
}

.stwb-loop-product-element .elementor-flip-box.is-touch .elementor-flip-box__layer {
  position: absolute;
  top: 0; bottom: 0; left: 0;
  width: 100%;
  opacity: 1 !important;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.stwb-loop-product-element .elementor-flip-box.is-touch .elementor-flip-box__front {
  transform: translateX(0);
  z-index: 1;
}

.stwb-loop-product-element .elementor-flip-box.is-touch .elementor-flip-box__back {
  transform: translateX(100%);
  z-index: 1;
}

.stwb-loop-product-element .elementor-flip-box.is-touch.flipped .elementor-flip-box__front {
  transform: translateX(-100%);
}

.stwb-loop-product-element .elementor-flip-box.is-touch.flipped .elementor-flip-box__back {
  transform: translateX(0);
}

.flip-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 8px;
}

.flip-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  transition: background 0.2s;
}

.flip-dot.active {
  background: rgba(0, 0, 0, 0.7);
}