/**
 * /ai testimonial cards — all use light paper style (.bw-testimonial-db).
 * Shared layout: /testimonial-sales-page/css/testimonial-sales-page.css
 * Palette: /ai/css/colors.css
 */

body[data-ai-page="true"] #ai-prototype-root .ai-testimonial-embed-section {
  display: flex;
  justify-content: center;
  padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1rem, 3vw, 2rem);
}

body[data-ai-page="true"] #ai-prototype-root .ai-testimonial-embed-section .bw-inline-007 {
  width: 100%;
  max-width: 42rem;
}

body[data-ai-page="true"] #ai-prototype-root .ai-prev-courses-testimonials {
  width: 100%;
  max-width: 520px;
}

body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db__meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db__meta > * + * {
  margin-top: 0.125rem;
}

body[data-ai-page="true"] #ai-prototype-root .ai-prev-course-subtitle {
  margin: 0;
  font-size: var(--ai-font-normal);
  line-height: 1.35;
}

body[data-ai-page="true"] #ai-prototype-root .ai-prev-course-subtitle-label {
  color: var(--ai-color-light-muted) !important;
}

body[data-ai-page="true"] #ai-prototype-root .ai-prev-course-subtitle-course {
  color: var(--ai-color-light-accent) !important;
  font-weight: 600;
}

/* Card rhythm — avatar/name gap, quote separation, bottom breathing room */
body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db__header {
  gap: 1.125rem;
  padding-left: 0.375rem;
}

@media (min-width: 640px) {
  body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db__header {
    gap: 1.25rem;
  }
}

/* Light paper cards — all /ai testimonials */
body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db {
  gap: 1.375rem;
  padding-bottom: 1.75rem;
  --tsp-paper-base-a: color-mix(in srgb, var(--ai-color-accent) 10%, var(--ai-color-light-surface) 90%);
  --tsp-paper-base-b: color-mix(in srgb, var(--ai-color-accent) 12%, var(--ai-color-light-bg) 88%);
  background-color: color-mix(in srgb, var(--ai-color-accent) 8%, var(--ai-color-light-bg) 92%) !important;
  background-image:
    radial-gradient(ellipse 120% 70% at 50% -5%, color-mix(in srgb, var(--ai-color-light-surface) 65%, transparent), transparent 52%),
    repeating-linear-gradient(
      95deg,
      color-mix(in srgb, var(--ai-color-light-text) 4%, transparent) 0,
      transparent 0.5px,
      transparent 5px
    ),
    repeating-linear-gradient(
      8deg,
      transparent 0,
      transparent 6px,
      rgba(var(--ai-color-accent-rgb), 0.05) 6px,
      rgba(var(--ai-color-accent-rgb), 0.05) 6.5px,
      transparent 6.5px,
      transparent 14px
    ),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.35'/%3E%3C/svg%3E"),
    linear-gradient(155deg, var(--tsp-paper-base-a) 0%, var(--tsp-paper-base-b) 100%) !important;
  background-size: auto, auto, auto, 160px 160px, 100% 100% !important;
  background-blend-mode: normal, multiply, soft-light, overlay, normal !important;
  border-color: rgba(var(--ai-color-accent-rgb), 0.24) !important;
  box-shadow:
    0 10px 36px color-mix(in srgb, var(--ai-color-black) 22%, transparent),
    0 0 0 1px rgba(var(--ai-color-accent-rgb), 0.14),
    inset 0 1px 0 var(--ai-color-light-surface),
    inset 0 0 80px color-mix(in srgb, var(--ai-color-light-surface) 40%, transparent) !important;
}

@media (min-width: 640px) {
  body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db {
    gap: 1.5rem;
    padding-bottom: 1.875rem;
  }
}

body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db::before {
  color: color-mix(in srgb, var(--ai-color-accent) 28%, var(--ai-color-light-muted) 72%) !important;
  text-shadow:
    0 1px 0 var(--ai-color-light-surface),
    0 1px 3px color-mix(in srgb, var(--ai-color-black) 6%, transparent) !important;
}

body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db .bw-testimonial-db__avatar {
  border: 1px solid color-mix(in srgb, var(--ai-color-black) 10%, transparent) !important;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--ai-color-black) 14%, transparent) !important;
}

body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db .bw-testimonial-db__name {
  color: var(--ai-color-light-text) !important;
}

body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db .bw-testimonial-db__quote {
  color: var(--ai-color-light-muted) !important;
  padding-top: 0.125rem;
}

body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db .bw-testimonial-db__quote mark {
  background: color-mix(in srgb, var(--ai-color-accent) 20%, var(--ai-color-light-bg) 80%) !important;
  color: var(--ai-color-light-text) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ai-color-black) 8%, transparent) !important;
}

body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-reveal--in {
  opacity: 1;
  transform: none;
}