/** Shopify CDN: Minification failed

Line 20:14 Expected identifier but found whitespace
Line 20:16 Unexpected "{"
Line 20:25 Expected ":"
Line 20:51 Expected ":"
Line 21:17 Expected identifier but found whitespace
Line 21:19 Unexpected "{"
Line 21:28 Expected ":"
Line 21:57 Expected ":"

**/
/* ============================================================
   Testimonials Slider — OFW Shop
   File: assets/testimonials-slider.css
   ============================================================ */

/* ── SEZIONE ── */
.testimonials-section {
  padding-top: {{ section.settings.padding_top }}px;
  padding-bottom: {{ section.settings.padding_bottom }}px;
}

.testimonials-section {
  padding-top: 5.2rem;
  padding-bottom: 5.2rem;
}

/* ── HEADER ── */
.testimonials-section__header {
  text-align: center;
  margin-bottom: 3.5rem;
}

.testimonials-section__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 300;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #121212;
  margin: 0 0 0.6rem 0;
}

.testimonials-section__subtitle {
  font-size: 0.9rem;
  font-weight: 300;
  letter-spacing: 0.08em;
  color: rgba(18,18,18,0.50);
  text-transform: uppercase;
  margin: 0;
}

/* ── SLIDER WRAPPER ── */
.testimonials-slider {
  position: relative;
  overflow: hidden;
}

/* ── TRACK ── */
.testimonials-slider__track {
  display: flex;
  gap: 0;
  transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

/* ── SLIDE ── */
.testimonials-slider__slide {
  flex: 0 0 calc(100% / 3);   /* default 3 per view — JS sovrascrive */
  min-width: calc(100% / 3);
  padding: 0 0.8rem;
  box-sizing: border-box;
}

@media (max-width: 899px) {
  .testimonials-slider__slide {
    flex: 0 0 50%;
    min-width: 50%;
  }
}

@media (max-width: 599px) {
  .testimonials-slider__slide {
    flex: 0 0 100%;
    min-width: 100%;
  }
}

/* ── CARD ── */
.testimonials-card {
  background: rgba(255, 252, 247, 0.90);
  border: 1px solid rgba(196,161,137,0.22);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(160,120,96,0.09);
  transition: transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94),
              box-shadow 0.35s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.testimonials-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(160,120,96,0.16);
}

/* ── MEDIA (foto) ── */
.testimonials-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f0e6dc;
}

.testimonials-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);
}

.testimonials-card:hover .testimonials-card__img {
  transform: scale(1.04);
}

/* Icona virgolette */
.testimonials-card__quote-icon {
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  background: #c4a189;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* ── BODY ── */
.testimonials-card__body {
  padding: 1.6rem 1.8rem 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: linear-gradient(
    180deg,
    rgba(245,228,208,0.45) 0%,
    rgba(255,252,247,0.95) 100%
  );
}

/* ── STELLE ── */
.testimonials-card__stars {
  display: flex;
  gap: 2px;
  margin-bottom: 0.8rem;
}

.testimonials-card__star {
  font-size: 1.3rem;
  color: rgba(18,18,18,0.15);
  line-height: 1;
}

.testimonials-card__star--filled {
  color: #f5a623;
}

/* ── TITOLO RECENSIONE ── */
.testimonials-card__review-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #121212;
  margin: 0 0 0.7rem 0;
}

/* ── TESTO RECENSIONE ── */
.testimonials-card__review-text {
  font-size: 0.92rem;
  font-weight: 300;
  line-height: 1.65;
  color: rgba(18,18,18,0.65);
  letter-spacing: 0.01em;
  margin: 0 0 1.2rem 0;
  flex: 1;
}

/* ── NOME CLIENTE ── */
.testimonials-card__reviewer {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 1rem;
  color: #a07860;
  letter-spacing: 0.04em;
  margin: 0;
}

/* ── FRECCE ── */
.testimonials-slider__arrow {
  position: absolute;
  top: 38%;               /* allineato alla foto */
  transform: translateY(-50%);
  z-index: 2;
  width: 42px;
  height: 42px;
  background: rgba(255,252,247,0.92);
  border: 1px solid rgba(196,161,137,0.35);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #121212;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  transition: background 200ms ease,
              border-color 200ms ease,
              transform 200ms ease,
              box-shadow 200ms ease;
  padding: 0;
}

.testimonials-slider__arrow:hover {
  background: #c4a189;
  border-color: #c4a189;
  color: #ffffff;
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 4px 16px rgba(196,161,137,0.35);
}

.testimonials-slider__arrow:disabled {
  opacity: 0.30;
  cursor: default;
  pointer-events: none;
}

.testimonials-slider__arrow--prev { left: -16px; }
.testimonials-slider__arrow--next { right: -16px; }

@media (max-width: 749px) {
  .testimonials-slider__arrow--prev { left: 4px; }
  .testimonials-slider__arrow--next { right: 4px; }
}

/* ── DOTS ── */
.testimonials-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 2.5rem;
}

.testimonials-dots__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(196,161,137,0.30);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: background 250ms ease,
              transform  250ms ease,
              width      250ms ease;
}

.testimonials-dots__dot--active {
  background: #c4a189;
  width: 24px;
  border-radius: 4px;
  transform: none;
}

.testimonials-dots__dot:hover:not(.testimonials-dots__dot--active) {
  background: rgba(196,161,137,0.60);
  transform: scale(1.2);
}

/* ── PADDING SEZIONE (da settings) ── */
.section-testimonials-slider {
  padding-top: var(--spacing-sections-desktop);
  padding-bottom: var(--spacing-sections-desktop);
}