/**
 * @file
 * Testimonial Item component styles.
 * Matches person-card and bento-card design patterns.
 */

@layer components {
  /* Card base styles */
  .testimonial-item__card {
    display: flex;
    flex-direction: column;
  }

  /* Avatar image styling - enhanced with subtle hover effect */
  .testimonial-item__avatar img {
    @apply size-full object-cover;
    transition: transform 0.3s ease;
  }

  .testimonial-item__card:hover .testimonial-item__avatar img {
    transform: scale(1.05);
  }

  /* Quote text styling */
  .testimonial-item__quote p {
    line-height: 1.75;
  }

  /* Featured variant: larger text */
  .testimonial-item__card:has(.testimonial-item__quote .text-lg) .testimonial-item__quote p {
    line-height: 1.6;
  }

  /* Logo styling */
  .testimonial-item__logo img,
  .testimonial-item__logo-featured img {
    @apply h-full w-auto object-contain;
    filter: grayscale(0.3);
    transition: filter 0.3s ease;
  }

  .testimonial-item__logo:hover img,
  .testimonial-item__logo-featured:hover img {
    filter: grayscale(0);
  }

  /* Author section hover effect */
  .testimonial-item__author {
    transition: background-color 0.3s ease;
  }

  .testimonial-item__card:hover .testimonial-item__author {
    background-color: rgb(var(--color-neutral-50) / 0.8);
  }
}