/* Testimonials Grid (Erweitert) - Nur Hover + Animation, Rest ist Tailwind */

.tg-logo {
    max-width: 9rem; /* ~144px - verhindert dass breite Logos (DekaBank, E.ON etc.) dominieren */
    height: 3rem;    /* = h-12 */
    width: auto;
    object-fit: contain;
}

.tg-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.tg-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* Neutralisiert border-color-Umfärbung aus globalem .card-hover:hover
   (var(--pg-orange-500) ist nur in .produktgrid-section definiert → Fallback auf currentColor) */
.tg-card.card-hover:hover {
    border-color: rgb(229 231 235); /* entspricht Tailwind border-gray-200 */
}

@keyframes tg-fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.tg-card.tg-show {
    animation: tg-fadeInUp 0.6s ease-out forwards;
}

#loadMoreTestimonialsBtn.loading {
    pointer-events: none;
    opacity: 0.6;
}

#loadMoreTestimonialsBtn.loading::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: tg-spin 0.6s linear infinite;
    vertical-align: middle;
}

@keyframes tg-spin {
    to { transform: rotate(360deg); }
}