/* ---------- True Wags–branded Testimonial Banner ---------- */
.testimonial-banner {
  --wags-purple: #6C3FA3;   /* deep purple */
  --wags-yellow: #FFD23F;   /* bright yellow */
  --wags-lavender: #D9A9F7; /* light lavender */
  --wags-white: #FFFFFF;

  --pattern-opacity: 0.25;
  --content-max: 68ch;

  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 2rem 1rem;   /* thinner top + bottom space */
  color: var(--wags-white);
  background: var(--wags-purple);
  isolation: isolate;
}

.testimonial-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.25; /* keep it subtle */
  z-index: -1;
  background-size: 80px 80px;  /* adjust tiling size */
  background-repeat: repeat;
}

.tb-inner {
  max-width: var(--content-max);
  text-align: center;
  line-height: 1.3;
  padding-inline: 0.25rem;
}

blockquote.tb-quote {
  margin: 0 auto;
  font-family: Georgia, Cambria, 'Times New Roman', Times, serif;
  font-weight: 400;
  font-size: clamp(1rem, 2.4vw, 1.6rem); /* 👈 reduced sizes */
  line-height: 1.5;                      /* better readability in thinner box */
  letter-spacing: 0.005em;               /* subtle tracking */
  max-width: 60ch;                       /* keeps lines from going too long */
  color: var(--wags-white);
}

.tb-attribution {
  margin-top: clamp(1.25rem, 3.2vw, 2.2rem);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  font-size: clamp(0.9rem, 1.5vw, 1.15rem);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--wags-yellow); /* highlight with yellow */
}

/* Optional hover or animation if used inside carousel */
.testimonial-banner:hover {
  background-color: #5a2f8f; /* slightly deeper purple */
}