/* Woolab WPBakery Card Slider (Mobile First) */
.wwcs{
  --wwcs-gap: 16px;
  --wwcs-radius: 18px;
  --wwcs-pad: 16px;
  --wwcs-shadow: 1;
}

.wwcs *{ box-sizing:border-box; }

.wwcs-viewport{
  padding: 12px 12px 22px; /* bottom space to avoid shadow clipping */
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-padding: 12px;
}

.wwcs-track{
  display:flex;
  gap: var(--wwcs-gap);
  align-items: stretch;
  will-change: transform;
}

.wwcs-slide{
  flex: 0 0 86%;
  max-width: 86%;
  scroll-snap-align: center;
  background: var(--wwcs-bg, #ffffff);
  border-radius: var(--wwcs-radius);
  padding: var(--wwcs-pad);
  position: relative;
  overflow: visible; /* IMPORTANT: do not clip shadow */
  box-shadow: none;
}

.wwcs[style*="--wwcs-shadow:1"] .wwcs-slide{
  /* shadow più compatta (meno diffusa) */
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

/* Mobile: extra bottom space + slightly softer shadow to avoid abrupt clipping */
@media (max-width: 767px){
  .wwcs-viewport{
    padding-bottom: 40px; /* more room for shadow */
  }
  .wwcs[style*="--wwcs-shadow:1"] .wwcs-slide{
    /* mobile: ombra ancora più compatta per evitare tagli */
    box-shadow: 0 6px 14px rgba(0,0,0,.18);
  }
}

.wwcs-inner{
  display:flex;
  flex-direction:column;
  align-items: stretch;
}

.wwcs-media{
  width: 100%;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin: 0 0 12px 0;
}

.wwcs-media img.wwcs-img{
  width: var(--wwcs-imgw, 50px) !important;
  height: var(--wwcs-imgh, 50px) !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: var(--wwcs-fit, contain) !important;
  display:block !important;
  margin: 0 auto !important;
}

.wwcs-title{
  font-family: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  text-transform: uppercase !important;
  font-size: 35px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  margin: 0 0 10px 0 !important;
  color: var(--wwcs-title, #111) !important;
  text-align: center !important;
}

.wwcs-text, .wwcs-text p{
  font-family: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  color: var(--wwcs-text, #333) !important;
}

/* Desktop: show 3 cards visible (still mobile-first styles) */
@media (min-width: 768px){
  .wwcs-viewport{
    overflow-x: visible; /* we move track with scroll */
    scroll-snap-type: none;
  }
  .wwcs-slide{
    flex: 0 0 calc((100% - (var(--wwcs-gap) * 2)) / 3);
    max-width: calc((100% - (var(--wwcs-gap) * 2)) / 3);
  }
}

/* v1.3.3 ultra-thin shadow */
.wwcs[style*="--wwcs-shadow:1"] .wwcs-slide{
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
@media (max-width:767px){
  .wwcs[style*="--wwcs-shadow:1"] .wwcs-slide{
    box-shadow: 0 1px 4px rgba(0,0,0,.14);
  }
}



.wwcs[style*="--wwcs-shadow:1"] .wwcs-slide{
  box-shadow: 0 2px 5px rgba(0,0,0,.10) !important;
}
@media (max-width: 767px){
  .wwcs[style*="--wwcs-shadow:1"] .wwcs-slide{
    box-shadow: 0 1px 3px rgba(0,0,0,.10) !important;
  }
}

.wwcs-title{
  text-align: center !important;
  font-size: 28px !important;
  font-weight: 600 !important;
}
@media (max-width: 767px){
  .wwcs-title{
    font-size: 24px !important;
  }
}


/* ===== v1.3.5 mobile shadow + smaller centered titles ===== */

/* Titolo più piccolo e centrato */
.wwcs-title{
  text-align: center !important;
  font-size: 24px !important;
  font-weight: 600 !important;
}
@media (max-width: 767px){
  .wwcs-title{
    font-size: 20px !important;
  }
}

/* Ombra sempre visibile (anche su device reali) */
.wwcs[style*="--wwcs-shadow:1"] .wwcs-slide{
  box-shadow: 0 3px 8px rgba(0,0,0,.18) !important;
}

/* Mobile: ombra corta ma contrastata */

}


/* ===== v1.3.7 fix: keep horizontal scroll on mobile (no overflow:visible), keep shadow visible ===== */
@media (max-width: 767px){
  /* Ensure horizontal scrolling remains enabled */
  .wwcs-viewport{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 18px; /* room for shadow */
  }
  /* Slight but visible shadow that won't be clipped much */
  .wwcs[style*="--wwcs-shadow:1"] .wwcs-slide{
    box-shadow: 0 2px 6px rgba(0,0,0,.18) !important;
  }
}