/**
 * FAQ Frontend Styles — extrahiert aus Inline-<style>-Block in frontend.js
 *
 * A11y: prefers-reduced-motion respektiert (Lessons-Learned).
 *
 * @package    Weezelbau
 * @subpackage FAQ
 * @version    1.0.0
 */

@keyframes faqBadgePulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.badge-pulse {
    animation: faqBadgePulse 0.6s ease-in-out;
}

.faq-rating.rated .faq-vote-btn {
    opacity: 0.6;
    cursor: not-allowed;
}

.faq-rating-thanks {
    transition: color 0.3s ease, opacity 0.3s ease;
}

/* Accessibility: Focus-Stile */
.faq-vote-btn:focus-visible,
.accordion-button:focus-visible {
    outline: 2px solid #2271b1;
    outline-offset: 2px;
}

/* A11y: respect prefers-reduced-motion (WCAG 2.3.3) */
@media (prefers-reduced-motion: reduce) {
    .badge-pulse {
        animation: none;
    }
    .faq-rating-thanks {
        transition: none;
    }
}

/* Performance: Hardware-Beschleunigung fuer Animationen */
.accordion-collapse {
    will-change: height;
}

.toast {
    transform: translateZ(0);
}