/* ══════════════════════════════════════════════════════════
   reviews-google.css — Original Permis
   Styles additionnels pour les avis Google Business Profile
   ──────────────────────────────────────────────────────────
   COMPOSANT ADDITIF — n'écrase aucune règle existante.
   Toutes les classes ci-dessous sont nouvelles
   (préfixe .greview- / .reviews-).
   Pour supprimer : retirer ce fichier + reviews-google.js
   et le <link> correspondant. Le carrousel et les
   .review-card existants continuent de fonctionner
   normalement (système de secours).
══════════════════════════════════════════════════════════ */

/* Bandeau récap (note moyenne + lien Google) au-dessus du carrousel */
.reviews-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .6rem 1rem;
    margin: -.5rem auto 1.8rem;
    max-width: var(--container-max);
    font-family: 'Outfit', sans-serif;
  }
  .reviews-summary-score {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 800;
    font-size: 1.05rem;
    color: #fff;
  }
  .reviews-summary-stars {
    color: var(--green-light, #52B788);
    font-size: 1rem;
    letter-spacing: .04em;
  }
  .reviews-summary-count {
    font-size: .85rem;
    color: rgba(255,255,255,.5);
  }
  .reviews-summary-link {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .8rem;
    font-weight: 700;
    color: var(--green-lighter, #95D5B2);
    text-decoration: none;
    border: 1px solid rgba(82,183,136,.28);
    border-radius: 999px;
    padding: .35em 1em;
    transition: all .2s var(--ease, ease);
  }
  .reviews-summary-link:hover {
    background: rgba(45,106,79,.18);
    color: #fff;
  }
  .reviews-summary-link svg { flex-shrink: 0; }
  
  /* Avatar photo de profil (remplace l'emoji quand une image est dispo) */
  .author-avatar-img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid rgba(45,106,79,.25);
  }
  
  /* Date de l'avis */
  .review-date {
    font-size: .7rem;
    color: rgba(255,255,255,.38);
    margin-left: auto;
    white-space: nowrap;
  }
  .review-author {
    /* l'élément existant est déjà flex; on permet juste à la date de s'aligner à droite */
    justify-content: space-between;
  }
  .review-author-info {
    display: flex;
    align-items: center;
    gap: .65rem;
  }
  
  /* Mini logo Google sur la carte */
  .review-source-badge {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .05em;
    color: rgba(255,255,255,.35);
    margin-top: .6rem;
  }
  
  /* État de chargement (skeleton discret) */
  .reviews-track.is-loading .review-card {
    opacity: .35;
    filter: blur(1px);
    transition: opacity .4s ease, filter .4s ease;
  }
  .reviews-track.is-loading::after {
    content: '';
  }
  
  /* Petite note "secours" si l'API est indisponible */
  .reviews-fallback-note {
    text-align: center;
    font-size: .75rem;
    color: rgba(255,255,255,.32);
    margin: 1.2rem auto 0;
  }
  
  @media (max-width: 600px) {
    .reviews-summary { margin-bottom: 1.2rem; }
  }