/**
 * Chamathka Cab Service - the customer reviews carousel.
 * Snippet: "CCS Reviews Styles" | group: Reviews Section | type: css | run_at: wp_head
 * CCS_REVIEWS_CSS_MARKER
 *
 * The carousel itself is the shared primitive; only the card inside it is new.
 */

.ccs-review {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--50);
  height: 100%;
  margin: 0;
  padding: var(--wp--custom--card-padding);
  background-color: var(--wp--preset--color--base);
  border: var(--wp--custom--border-hairline) solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--card-radius);
  box-shadow: var(--wp--custom--shadow-md);
}

/* The quotation glyph is a filled shape rather than an outlined one. */
.ccs-review__mark {
  width: 30px;
  height: 30px;
  flex: none;
  fill: currentColor;
  stroke: none;
  color: var(--wp--preset--color--accent);
}

.ccs-review__text {
  flex: 1;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: var(--wp--preset--font-size--lg);
  letter-spacing: var(--wp--custom--tracking-tight);
  line-height: var(--wp--custom--leading-normal);
  color: var(--wp--preset--color--contrast);
}

.ccs-review__text p {
  margin: 0;
}

.ccs-review__author {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--30);
  padding-top: var(--wp--preset--spacing--40);
  border-top: var(--wp--custom--border-hairline) solid var(--wp--preset--color--line);
}

.ccs-review__initials {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: var(--wp--custom--radius-pill);
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--base);
  font-size: var(--wp--preset--font-size--sm);
  font-weight: var(--wp--custom--weight-bold);
  letter-spacing: var(--wp--custom--tracking-wide);
}

.ccs-review__name {
  display: block;
  font-size: var(--wp--preset--font-size--base);
  font-weight: var(--wp--custom--weight-semibold);
  font-style: normal;
  color: var(--wp--preset--color--contrast);
}

.ccs-review__place {
  display: block;
  font-size: var(--wp--preset--font-size--sm);
  font-style: normal;
  color: var(--wp--preset--color--muted);
}