/* ANY Digital — Podcast Quotes Shortcode (ACF Free / no Repeater) */

.ad-podcast-quotes {
  --ad-quote-accent: #1e3a5f;
  --ad-quote-fg: #111827;
  --ad-quote-muted: #6b7280;
  --ad-quote-bg: #f8fafc;
  --ad-quote-radius: 12px;
  --ad-quote-size: 1.05rem;
  --ad-quote-columns: 1;
  display: grid;
  gap: 1rem;
  margin: 1.5rem 0;
  color: var(--ad-quote-fg);
  grid-template-columns: 1fr;
}

.ad-podcast-quote {
  margin: 0;
  position: relative;
}

.ad-podcast-quote__text {
  margin: 0;
  quotes: none;
}

.ad-podcast-quote__text p {
  margin: 0;
  line-height: 1.55;
  font-size: var(--ad-quote-size);
}

.ad-podcast-quote__speaker {
  margin-top: 0.55rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--ad-quote-accent);
  font-style: normal;
}

.ad-podcast-quote__context {
  margin: 0.35rem 0 0;
  font-size: 0.8rem;
  color: var(--ad-quote-muted);
  line-height: 1.4;
}

.ad-podcast-quotes--minimal .ad-podcast-quote {
  padding: 0.35rem 0 0.35rem 1rem;
  border-left: 3px solid var(--ad-quote-accent);
}

.ad-podcast-quotes--card .ad-podcast-quote {
  padding: 1.1rem 1.25rem;
  background: var(--ad-quote-bg);
  border-radius: var(--ad-quote-radius);
  border: 1px solid color-mix(in srgb, var(--ad-quote-accent) 18%, transparent);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.ad-podcast-quotes--accent .ad-podcast-quote {
  padding: 1.15rem 1.25rem 1.15rem 1.4rem;
  background: var(--ad-quote-bg);
  border-radius: var(--ad-quote-radius);
  border-left: 5px solid var(--ad-quote-accent);
}

.ad-podcast-quotes--accent .ad-podcast-quote__text p::before {
  content: '\201C';
  color: var(--ad-quote-accent);
  font-size: 1.6rem;
  line-height: 0;
  margin-right: 0.15rem;
  vertical-align: -0.25rem;
}

.ad-podcast-quotes--bubble .ad-podcast-quote {
  padding: 1rem 1.2rem;
  background: var(--ad-quote-bg);
  border-radius: var(--ad-quote-radius);
  border-bottom-left-radius: calc(var(--ad-quote-radius) * 0.35);
}

.ad-podcast-quotes--bubble .ad-podcast-quote__text p {
  font-size: var(--ad-quote-size);
}

@media (min-width: 768px) {
  .ad-podcast-quotes--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}