/* ============================================================
   FICHIER : assets/css/pages/testimonianze.css
   Styles de la page testimonianze.php
   (les cartes .testimonial-*, .filter-pill et .fleet-empty-state
   sont définies dans global.css)
   ============================================================ */

.page-banner-testimonials { padding: 130px 0 70px; }

.testimonials-average {
    display: inline-flex; align-items: center; gap: 20px; justify-content: center; margin-top: 30px;
    background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18);
    padding: 16px 32px; border-radius: 60px; backdrop-filter: blur(6px);
    animation: fadeInUp .7s ease .2s both;
}
.average-score { font-size: 2.6rem; font-weight: 800; color: var(--accent-gold); line-height: 1; }
.average-stars { color: var(--accent-gold); margin-bottom: 4px; letter-spacing: 2px; }
.average-stars .star-empty { color: rgba(255,255,255,.3); }
.testimonials-average p { color: rgba(202,240,248,.85); font-size: .88rem; margin: 0; text-align: left; }

.testimonials-filter-bar { display: flex; justify-content: center; gap: 12px; margin-bottom: 44px; flex-wrap: wrap; }
.testimonials-filter-bar .filter-pill { background: var(--white); box-shadow: var(--shadow-soft); }
.testimonials-filter-bar .filter-pill:hover,
.testimonials-filter-bar .filter-pill.active { background: linear-gradient(135deg, var(--ocean-teal), var(--ocean-navy)); }

@media (max-width: 576px) {
    .page-banner-testimonials { padding-bottom: 50px; }
    .testimonials-average { padding: 12px 22px; gap: 14px; }
    .average-score { font-size: 2rem; }
    .testimonials-filter-bar { gap: 8px; margin-bottom: 30px; }
    .testimonials-filter-bar .filter-pill { padding: 9px 16px; font-size: .84rem; }
}