/* ===== TestimonialItem — child card for Testimonials carousel =====
 * White card with subtle border + shadow, snap-scroll-ready fixed width.
 * Stars use font-size for sizing. Colors via kombos tokens only. */

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item {
  /* Snap-scroll sizing: mobile gets near-full-width cards */
  flex: 0 0 auto;
  width: min(85vw, 22rem);
  scroll-snap-align: start;

  /* Card visual */
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  background: var(--kombos-white);
  border: 1px solid var(--kombos-gray-200);
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  min-height: 14rem;
  box-sizing: border-box;
}

/* ── Stars ── */
.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__stars {
  display: flex;
  gap: 0.125rem;
  font-size: 1.125rem; /* controls star icon size via 1em width/height */
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__star--filled {
  color: var(--kombos-accent);
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__star--outline {
  color: var(--kombos-gray-300);
}

/* ── Review image (customer photo attached to review) ── */
.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__review-img-wrap {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--kombos-gray-200);
  flex-shrink: 0;
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__review-img {
  width: 100%;
  height: 9rem;
  object-fit: cover;
  display: block;
}

/* ── Quote ── */
.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__quote {
  flex: 1;
  color: var(--kombos-gray-700);
  margin: 0;
}

/* Reset any margins injected by richtext paragraphs */
.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__quote p:first-child {
  margin-top: 0;
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__quote p:last-child {
  margin-bottom: 0;
}

/* ── Author block ── */
.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__author {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--kombos-gray-100);
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__avatar {
  flex: 0 0 auto;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  object-fit: cover;
  background: var(--kombos-gray-100);
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__author-text {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__author-name {
  color: var(--kombos-gray-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__author-title {
  color: var(--kombos-gray-500);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===== Tablet (>=768px) ===== */
@media (min-width: 768px) {
  .cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item {
    width: 22rem;
  }
}

/* ── Top row (stars + verified badge) ── */
.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* ── Verified badge ── */
.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__verified {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1875rem 0.5rem;
  background: var(--kombos-success-bg);
  color: var(--kombos-success);
  border-radius: 999px;
  white-space: nowrap;
  flex-shrink: 0;
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__verified-icon {
  font-size: 0.75rem;
}

/* ── Linked product row ── */
.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  border: 1px solid var(--kombos-gray-200);
  border-radius: 6px;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, background 0.15s ease;
  min-width: 0;
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__product:hover {
  border-color: var(--kombos-gray-500);
  background: var(--kombos-gray-100);
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__product-name {
  color: var(--kombos-gray-900);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}

.cc_4vBO1nbhag_u5ttnpDSbH .kombos-testimonial-item__product-price {
  color: var(--kombos-gray-700);
  flex-shrink: 0;
  white-space: nowrap;
}