/* ----------------------------------------------------------------------------- dancarousel styles */

.swiper-slide.banner {
  height: 100% !important;
  align-items: center;
  display: flex;
}

/* --------------------------------------------- danimgintro styles */

.dancarousel .banner .bar {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  line-height: 1em;
  background-color: rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  padding: 1vw !important;
  -webkit-transition: all 3s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -kthtml-transition: all 1s ease;
  transition: all 1s ease;
}

.dancarousel .slider.article .bar.active a {
  color: #fff;
}
.dancarousel .slider.article .bar.active {
  -moz-transform: translateX(0px) translateY(-20px);
  -webkit-transform: translateX(0px) translateY(-20px);
  -o-transform: translateX(0px) translateY(-20px);
  -ms-transform: translateX(0px) translateY(-20px);
  transform: translateX(0px) translateY(-20px);
  background-color: rgba(255, 255, 255, 0.4);
}
.dancarousel .slider.article .data {
  float: left;
}
.dancarousel .slider.article .prezzo {
  float: right;
}
/* --------------------------------------------- danimgintro styles END */

.dancarousel .autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
  opacity: 0.5;
}

.dancarousel .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

/* Layout Flexbox per lo stile "Immagine e Testo" */
.img_text_layout {
  display: flex;
  align-items: stretch; /* Assicura che le colonne abbiano la stessa altezza */
}

.img_text_layout .img {
  width: 40%;
  aspect-ratio: 1/1;
}
.img_text_layout .img img {
  width: 100%;
  height:100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.img_text_layout .text {
  padding: 1.5rem; /* Sostituisce la classe p-4 di Bootstrap */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 980px) {
  .img_text_layout {
     flex-wrap: wrap; /* Permette di andare a capo su schermi piccoli */
  
  }
  .img_text_layout > div {
    flex: 1 1 100%;
  }
}

/* Image Filters */
.swiper-slide.filter-duotone img {
  filter: grayscale(100%) contrast(120%);
  mix-blend-mode: multiply;
  display: block;
} 

.swiper-slide.filter-grayscale img {
  filter: grayscale(100%);
}

.swiper-slide.filter-sepia img {
  filter: sepia(100%);
}

.swiper-slide.filter-invert img {
  filter: invert(100%);
}

.swiper-slide.filter-blur img {
  filter: blur(5px);
}