/* ==========================================================================
   Dharniya — Testimonials Marquee
   ========================================================================== */

.dp-testimonials {
  padding: 64px 24px !important;
  background: #fdfcfb !important;
  font-family: 'Manrope', sans-serif !important;
  overflow: hidden !important;
}

.dp-testimonials-head {
  text-align: center !important;
  margin: 0 0 40px !important;
}

.dp-testimonials-stars {
  display: flex !important;
  justify-content: center !important;
  gap: 4px !important;
  margin-bottom: 14px !important;
}
.dp-testimonials-stars .dp-star {
  fill: #e7e2de !important;
}
.dp-testimonials-stars .dp-star.is-filled {
  fill: #d4a017 !important;
}

.dp-testimonials-title {
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  margin: 0 !important;
}

/* ---------- Marquee mechanics ---------- */
.dp-marquee {
  width: 100% !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%) !important;
  mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%) !important;
}

.dp-marquee-track {
  display: flex !important;
  align-items: stretch !important;
  gap: 24px !important;
  width: max-content !important;
  will-change: transform !important;
}

.dp-marquee:hover .dp-marquee-track {
  /* Pausing is now handled in JS (dp-testimonials.js) via mouseenter/leave. */
}

/* ---------- Card ---------- */
.dp-testimonial-card {
  flex: 0 0 auto !important;
  width: 340px !important;
  background: #fff !important;
  border: 1px solid #e7e2de !important;
  border-radius: 6px !important;
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

.dp-testimonial-stars {
  display: flex !important;
  gap: 3px !important;
}
.dp-testimonial-stars .dp-star {
  fill: #e7e2de !important;
}
.dp-testimonial-stars .dp-star.is-filled {
  fill: #461310 !important;
}

.dp-testimonial-quote {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #1a1a1a !important;
  font-style: italic !important;
  margin: 0 !important;
  flex: 1 !important;
}

.dp-testimonial-author {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  border-top: 1px solid #f0ece9 !important;
  padding-top: 12px !important;
}
.dp-testimonial-name {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}
.dp-testimonial-city {
  font-size: 12px !important;
  color: #6b6b6b !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 767px) {
  .dp-testimonials {
    padding: 48px 16px !important;
  }
  .dp-testimonials-title {
    font-size: 32px !important;
    font-weight: 600 !important;
  }
  .dp-testimonial-card {
    width: 260px !important;
    padding: 22px !important;
  }
  .dp-testimonial-quote {
    font-size: 14px !important;
  }
}

/* Respect reduced-motion preference — dp-testimonials.js checks this and
   switches to a plain scrollable row instead of animating. */
@media (prefers-reduced-motion: reduce) {
  .dp-marquee {
    overflow-x: auto !important;
  }
}