/**
 * @file
 * WMD Solutions Base Theme - Testimonial component styles.
 *
 * Used for both the Swiper testimonial carousel and full node pages.
 * Override variables in your subtheme CSS.
 *
 * --testimonial-image-size: 120px (carousel) / 180px (full page)
 * --testimonial-font-size: 1rem (carousel) / 1.15rem (full page)
 */

/* ======================================================
   SHARED TESTIMONIAL STYLES
   ====================================================== */

.wmd-testimonial,
.wmd-testimonial-full {
  text-align: center;
}

/* Circular image */
.wmd-testimonial__image,
.wmd-testimonial-full__image {
  margin: 0 auto 1.25rem;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--color-accent);
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.wmd-testimonial__image img,
.wmd-testimonial-full__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Quote text */
.wmd-testimonial__quote,
.wmd-testimonial-full__quote {
  font-style: italic;
  line-height: 1.75;
  color: var(--color-text);
  margin-bottom: 1rem;
  position: relative;
  padding: 0 1rem;
}

/* Decorative open quote */
.wmd-testimonial__quote::before,
.wmd-testimonial-full__quote::before {
  content: '\201C';
  font-size: 4rem;
  line-height: 0;
  color: var(--color-accent);
  opacity: 0.25;
  position: absolute;
  top: 1rem;
  left: -0.25rem;
  font-family: Georgia, serif;
  pointer-events: none;
}

/* Author name */
.wmd-testimonial__name,
.wmd-testimonial-full__name {
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-accent);
}

/* ======================================================
   CAROUSEL SIZE (smaller image)
   ====================================================== */

.wmd-testimonial__image {
  width: var(--testimonial-image-size, 110px);
  height: var(--testimonial-image-size, 110px);
}

.wmd-testimonial__quote {
  font-size: 1rem;
}

/* ======================================================
   FULL NODE PAGE SIZE (larger image)
   ====================================================== */

.wmd-testimonial-full {
  max-width: 680px;
  margin: 2rem auto;
}

.wmd-testimonial-full__image {
  width: 180px;
  height: 180px;
  border-width: 4px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

.wmd-testimonial-full__quote {
  font-size: 1.15rem;
}