/*
 * ==========================================================
 * HONFLEUR INSIDER
 * COMPOSANT UNIQUE ACTIONS LIEU
 *
 * Référence graphique : Santé & Urgences
 *
 * Disposition :
 * téléphone + actions sur une même ligne lorsque possible.
 * ==========================================================
 */


.rdh-place-actions-block {
  display: flex;

  flex-direction: row;
  align-items: center;
  justify-content: flex-end;

  flex-wrap: wrap;

  gap: 8px;

  box-sizing: border-box;

  width: 100%;

  margin-top: 6px;
  margin-bottom: 0;
}


.rdh-place-phone {
  margin: 0;

  color: #10235a;

  font-family: inherit;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;

  white-space: nowrap;
}


.rdh-place-actions {
  display: flex;

  flex-direction: row;
  align-items: center;
  justify-content: flex-end;

  flex-wrap: wrap;

  gap: 7px;

  margin: 0;
}


.rdh-place-call,
.rdh-place-guide {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  box-sizing: border-box;

  min-width: 92px;
  min-height: 40px;

  padding: 0 14px;

  border: 0;
  border-radius: 13px;

  font-family: inherit;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;

  text-align: center;
  text-decoration: none;

  white-space: nowrap;

  cursor: pointer;
}


.rdh-place-call {
  background: #eef3f8;
  color: #10235a;
}


.rdh-place-guide {
  background: #10235a;
  color: #ffffff;
}


/*
 * OÙ ON VA :
 * le composant reste directement sous le résumé,
 * sans créer de hauteur inutile.
 */

#rdh-go-destination-summary
+
.rdh-place-actions-block {
  margin-top: 5px;
  margin-bottom: 0;
}


/*
 * Sur les écrans réellement étroits,
 * le retour à la ligne reste autorisé,
 * mais les éléments demeurent alignés à droite.
 */

@media (max-width: 360px) {

  .rdh-place-actions-block {
    gap: 6px;
  }

  .rdh-place-call,
  .rdh-place-guide {
    min-width: 88px;
    padding: 0 12px;
  }

}