/**
 * Quote block — themed card treatment.
 *
 * Gives core/quote a distinctive look that inherits the active variant's
 * aesthetics through design tokens: an elevated surface, an accent bar and
 * quote mark in the brand color, and the heading typeface. Everything swaps
 * automatically between light and dark theme modes via the variant tokens.
 *
 * @package Accommodate
 */

.wp-block-quote {
  position: relative;
  margin-block: var(--space-xl);
  margin-inline: 0;
  padding: var(--space-lg) var(--space-xl);
  padding-inline-start: calc(var(--space-2xl) + var(--space-lg));
  background: var(--color-surface-elevated);
  border-inline-start: 3px solid var(--color-primary);
  border-start-end-radius: var(--radius-md);
  border-end-end-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
  color: var(--color-text);
}

.wp-block-quote::before {
  content: "\201C";
  position: absolute;
  inset-block-start: var(--space-sm);
  inset-inline-start: var(--space-lg);
  font-family: var(--font-heading);
  font-size: 3rem;
  line-height: 1;
  color: var(--color-primary);
  opacity: 0.85;
}

.wp-block-quote p {
  margin-block-end: var(--space-md);
}

.wp-block-quote > :last-child {
  margin-block-end: 0;
}

.wp-block-quote cite,
.wp-block-quote footer {
  display: block;
  margin-block-start: var(--space-md);
  padding-inline-start: var(--space-md);
  border-inline-start: 2px solid var(--color-primary);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

/* Centered / right-aligned quotes: drop the side chrome and the quote mark. */
.wp-block-quote:where(.has-text-align-center, .has-text-align-right) {
  padding-inline-start: var(--space-xl);
}

.wp-block-quote:where(.has-text-align-center, .has-text-align-right)::before {
  display: none;
}

/* "Plain" style — quiet, borderless, still an elegant pull-quote. */
.wp-block-quote.is-style-plain {
  padding: var(--space-md) var(--space-lg);
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--color-text-light);
}

.wp-block-quote.is-style-plain::before {
  opacity: 0.5;
}

.wp-block-quote.is-style-plain cite,
.wp-block-quote.is-style-plain footer {
  margin-block-start: var(--space-sm);
  padding-inline-start: 0;
  border-inline-start: 0;
}