/**
 * Badges Google + trophée (pilules).
 * Rendez-vous + services : ≤600px. Landings home-hero-split : ≤991px (téléphone + tablette avant colonnes md).
 */
@media (max-width: 600px) {
  /* ── Rendez-vous : deux pilules dans .rdv-hero-badges-row ── */
  body.rdv-page .rdv-hero-badges-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  body.rdv-page .rdv-hero-badges-row .hero-google-badge,
  body.rdv-page .rdv-hero-badges-row .rdv-trophy-card {
    margin-top: 0 !important;
    width: auto;
    max-width: calc(100vw - 44px);
    align-self: center;
    box-sizing: border-box;
  }
  body.rdv-page .rdv-hero-badges-row .hero-google-badge-inner {
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
  }
  body.rdv-page .rdv-hero-badges-row .hero-google-badge-text {
    flex-basis: auto;
    text-align: left;
    white-space: nowrap;
    font-size: clamp(11px, 3.1vw, 14px);
  }
  body.rdv-page .rdv-hero-intro {
    margin-bottom: 28px;
  }

  /* ── Pages services : .google-badge-wrap + .hero-google-badge (alignement à gauche comme l’inline d’origine) ── */
  .page .hero .hero-left .google-badge-wrap .hero-google-badge {
    max-width: calc(100vw - 44px);
    width: auto;
    box-sizing: border-box;
  }
  .page .hero .hero-left .google-badge-wrap .hero-google-badge .hero-google-badge-inner {
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .page .hero .hero-left .google-badge-wrap .hero-google-badge .hero-google-badge-text {
    flex-basis: auto;
    text-align: left;
    white-space: nowrap;
    font-size: clamp(11px, 3.1vw, 14px);
  }
}

/* Landings home-hero-split : téléphone + tablette (empilement sm, avant breakpoint md 992px) */
@media (max-width: 991px) {
  #fh5co-home.home-hero-split .text-inner .home-hero-text-inner .hero-google-badge {
    width: auto;
    max-width: min(100%, calc(100vw - 44px));
    box-sizing: border-box;
  }
  #fh5co-home.home-hero-split .text-inner .home-hero-text-inner .hero-google-badge .hero-google-badge-inner {
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: center;
  }
  #fh5co-home.home-hero-split .text-inner .home-hero-text-inner .hero-google-badge .hero-google-badge-text {
    flex-basis: auto;
    text-align: left;
    white-space: nowrap;
    font-size: clamp(11px, 2.4vw, 14px);
  }
}