/* Badge « Référencé sur dar-bnb » — demande client du 09/09/2026.
   Les styles etaient fournis en ligne dans le HTML : sortis ici pour qu'une
   retouche se fasse a un seul endroit, sur les trois pages a la fois.
   Charge par index.html, mentions-legales.html et politique-confidentialite.html,
   qui n'ont aucune autre feuille en commun. */

.unh-directory {
  display: flex;
  justify-content: center;
  padding: 22px 16px 0;
}

.unh-badge-darbnb {
  /* inline-flex + max-width : la pastille ne depasse jamais son conteneur. */
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
  font-family: inherit;
  font-size: 13px;
  line-height: 1.3;
  color: #222;
  text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease;
}

.unh-badge-darbnb:hover,
.unh-badge-darbnb:focus-visible {
  box-shadow: 0 2px 10px rgba(0, 0, 0, .14);
  transform: translateY(-1px);
}

.unh-badge-darbnb img {
  /* flex:0 0 18px empeche l'icone de se comprimer quand le texte passe a la ligne. */
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
}

.unh-badge-darbnb span {
  /* Sans min-width:0, le texte refuse de se couper et fait deborder la pastille
     sur mobile : c'est LA regle qui rend le retour a la ligne possible. */
  min-width: 0;
}

.unh-badge-darbnb strong {
  font-weight: 700;
}

/* Sous 380 px, la pastille prend toute la largeur disponible et le texte
   s'aligne en haut : sur trois lignes, une icone centree verticalement flotte. */
@media (max-width: 380px) {
  .unh-badge-darbnb {
    align-items: flex-start;
    padding: 10px 14px;
  }
  .unh-badge-darbnb img {
    margin-top: 1px;
  }
}

/* Le bouton WhatsApp flottant est fixe a 24 px du bas et mesure 56 px : en bas
   de page, sur mobile, il recouvrait la moitie droite de la pastille (mesure :
   56x52 px a 360 px de large). On degage la hauteur du bouton plus sa marge. */
@media (max-width: 767px) {
  .unh-directory {
    padding-bottom: 96px;
  }
}

/* ==========================================================================
   Section « Ils parlent de nous » — page d'accueil uniquement.
   Une seule reference pour l'instant : la carte est donc centree et posee
   seule, plutot que dans une grille qui sonnerait vide. Ajouter d'autres
   mentions = ajouter des .unh-presse-carte, la mise en page suit.
   ========================================================================== */
.unh-presse {
  /* Posee juste sous le hero, apres la vague dont le trace est rempli en
     --color-surface : elle reprend ce blanc pour que la vague s'ecoule dedans.
     Un fond different laisserait apparaitre la decoupe blanche de la vague.
     Rythme volontairement contenu : cette bande soutient le hero, elle ne doit
     pas lui disputer l'attention ni retarder l'arrivee sur « Nos secteurs ». */
  /* La vague qui precede porte margin-top: -7rem, ce qui remonte de 112 px tout
     ce qui suit. Elle-meme ne mesure que 30 px sous 640 px de large et 108 px
     au-dela : sans compensation, le titre passait DERRIERE le hero en mobile
     (mesure : -78 px de degagement a 390 px). Ce rembourrage haut rattrape le
     retrait ; l'espace reellement visible au-dessus du titre est d'environ 40 px. */
  padding: 122px 24px 56px;
  background: var(--color-surface, #fff);
}

@media (min-width: 1024px) {
  /* Au-dela, la vague fait 108 px et absorbe deja l'essentiel du retrait. */
  .unh-presse { padding-top: 48px; }
}

.unh-presse-header {
  max-width: 720px;
  margin: 0 auto 28px;
  text-align: center;
}

.unh-presse-title {
  margin: 0 0 14px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.15;
  color: var(--color-text-dark, #3D1A0E);
}

.unh-presse-subtitle {
  margin: 0;
  font-family: var(--font-outfit, inherit);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-text-medium, #7A4A2A);
}

.unh-presse-carte {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  padding: 34px 56px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .06);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .06);
  text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease;
}

.unh-presse-carte:hover,
.unh-presse-carte:focus-visible {
  box-shadow: 0 6px 22px rgba(0, 0, 0, .10);
  transform: translateY(-2px);
}

.unh-presse-carte img {
  width: auto;
  height: 72px;
  max-width: 100%;
}

.unh-presse-lien {
  font-family: var(--font-outfit, inherit);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary, #7B3020);
}

@media (max-width: 639px) {
  .unh-presse { padding: 122px 18px 44px; }
  .unh-presse-title { font-size: 26px; }
  .unh-presse-carte { padding: 24px 26px; }
  .unh-presse-carte img { height: 52px; }
}