/* ==================================================================
   OPM Avis Google - badge de preuve sociale : note, nombre d'avis,
   lien vers la fiche. Variante « barre » pour le bandeau bleu.
   ================================================================== */
.opm-avis{
  display:inline-flex;align-items:center;gap:9px;
  padding:7px 14px;border:1px solid #E7DDD0;border-radius:999px;background:#FFFFFF;
  font-family:'Bricolage Grotesque',system-ui,-apple-system,Segoe UI,sans-serif;
  font-weight:700;font-size:13.5px;line-height:1.1;color:#1B2229;text-decoration:none;
  transition:border-color .2s ease,background-color .2s ease;
}
.opm-avis:hover{border-color:#C96A00;background:#FFF6EA}
.opm-avis b{font-weight:800;font-size:15px;color:#0D1218}
.opm-avis-etoiles{
  flex:none;width:86px;height:15px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='15' viewBox='0 0 17 15'%3E%3Cpath fill='%23F5A623' d='M8.5 1.6l1.8 3.7 4.1.6-3 2.9.7 4.1-3.6-1.9-3.6 1.9.7-4.1-3-2.9 4.1-.6z'/%3E%3C/svg%3E") repeat-x left center;
}
.opm-avis-g{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:50%;background:#FFFFFF;border:1px solid #E7DDD0;
  font-family:Arial,system-ui,sans-serif;font-weight:700;font-size:13px;color:#4285F4;
}
.opm-avis-txt{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.opm-avis-txt span{font-weight:600;color:#5A6672}

/* --- variante bandeau bleu : texte blanc, fond transparent --- */
.opm-avis--barre{
  padding:4px 12px 4px 4px;gap:8px;
  background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);
  color:#FFFFFF;font-size:13px;
}
.opm-avis--barre:hover{background:rgba(255,255,255,.2);border-color:#FFFFFF}
.opm-avis--barre b{color:#FFFFFF;font-size:14px}
.opm-avis--barre .opm-avis-txt span{color:rgba(255,255,255,.85)}
.opm-avis--barre .opm-avis-g{width:20px;height:20px;font-size:12px;border-color:transparent}
.opm-avis--barre .opm-avis-etoiles{width:69px;height:12px;background-size:14px 12px}

/* --- pied de page --- */
.opm-avis--pied{margin:0 0 18px}

@media (max-width:420px){
  .opm-avis--barre .opm-avis-txt span{display:none}
}