/* Rawana — Proof section: metrics + two opposing review marquees. */

.rwn-proof {
  position: relative;
  border-top: var(--wp--custom--border-width) solid var(--wp--custom--border-top-light);
  background-color: var(--wp--preset--color--surface-one);
  background-image: var(--wp--custom--gradient-surface-top), var(--wp--custom--gradient-aurora);
  overflow: hidden;
}

/* ---- Metrics ---- */

.rwn-metrics {
  display: grid;
  gap: var(--wp--preset--spacing--60);
  list-style: none;
  margin: var(--wp--preset--spacing--70) 0 0;
  padding: var(--wp--preset--spacing--60) 0 0;
  border-top: var(--wp--custom--border-width) solid var(--wp--custom--border-hairline);
}

@media (min-width: 760px) {
  .rwn-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--wp--preset--spacing--70);
  }
}

.rwn-metric {
  display: grid;
  gap: var(--wp--preset--spacing--10);
}

.rwn-metric__figure {
  font-size: var(--wp--preset--font-size--xxxxl);
  font-weight: var(--wp--custom--weight-light);
  letter-spacing: var(--wp--custom--tracking-tighter);
  line-height: 1;
}

.rwn-metric__label {
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--xxs);
  letter-spacing: var(--wp--custom--tracking-widest);
  text-transform: uppercase;
  color: var(--wp--preset--color--dim);
}

.rwn-metric__note {
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--muted);
}

/* ---- Marquee ---- */

.rwn-marquee {
  position: relative;
  display: grid;
  gap: var(--wp--preset--spacing--50);
  padding-block: var(--wp--preset--spacing--60);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.rwn-marquee__row {
  display: flex;
  gap: var(--wp--preset--spacing--50);
  width: max-content;
}

.rwn-marquee__row > * { flex: none; }

.rwn-marquee__row--left  { animation: rwn-marquee-left  72s linear infinite; }
.rwn-marquee__row--right { animation: rwn-marquee-right 84s linear infinite; }

.rwn-marquee:hover .rwn-marquee__row,
.rwn-marquee:focus-within .rwn-marquee__row { animation-play-state: paused; }

@keyframes rwn-marquee-left  { to { transform: translate3d(-50%, 0, 0); } }
@keyframes rwn-marquee-right {
  from { transform: translate3d(-50%, 0, 0); }
  to   { transform: translate3d(0, 0, 0); }
}

/* Without the JS clone the row is only half a loop wide, so never animate it. */
.rwn-marquee__row:not([data-marquee-cloned="yes"]) { animation: none; }

@media (prefers-reduced-motion: reduce) {
  .rwn-marquee {
    mask-image: none;
    -webkit-mask-image: none;
    overflow-x: auto;
  }
  .rwn-marquee__row { animation: none; }
}

/* The editor preview has no scroll context — keep the rows readable and static. */
.editor-styles-wrapper .rwn-marquee { overflow-x: auto; }
.editor-styles-wrapper .rwn-marquee__row { animation: none; }

/* ---- Review card ---- */

.rwn-review {
  width: min(84vw, 400px);
  display: grid;
  gap: var(--wp--preset--spacing--40);
  align-content: start;
  white-space: normal;
}

.rwn-review__quote {
  margin: 0;
  font-size: var(--wp--preset--font-size--sm);
  line-height: var(--wp--custom--leading-relaxed);
  color: var(--wp--preset--color--muted);
}

.rwn-review__quote::before { content: "\201C"; color: var(--wp--preset--color--accent); }
.rwn-review__quote::after  { content: "\201D"; color: var(--wp--preset--color--accent); }

.rwn-review__foot {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  border-top: var(--wp--custom--border-width) solid var(--wp--custom--border-hairline);
  padding-top: var(--wp--preset--spacing--20);
}

.rwn-review__avatar {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: none;
  border-radius: 50%;
  border: var(--wp--custom--border-width) solid var(--wp--custom--border-accent);
  background: var(--wp--custom--accent-wash);
  color: var(--wp--preset--color--accent);
  font-size: var(--wp--preset--font-size--xs);
  font-weight: var(--wp--custom--weight-semibold);
}

.rwn-review__who {
  min-width: 0;
}

.rwn-review__name {
  font-size: var(--wp--preset--font-size--sm);
  font-weight: var(--wp--custom--weight-medium);
}

.rwn-review__source {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 10px;
  color: var(--wp--preset--color--dim);
  letter-spacing: var(--wp--custom--tracking-wide);
}

.rwn-review__stars {
  margin-left: auto;
  display: flex;
  gap: 2px;
  color: var(--wp--preset--color--accent);
}

.rwn-review__stars svg { width: 12px; height: 12px; }