/* ==========================================================
   MEDHELP — MESSAGES PARTAGÉS (POPUP UTILISATEUR)

   Fichier CSS partagé (même principe que page-transition.css) :
   chargé sur toutes les pages utilisateur normales, indépendant
   du CSS propre à chaque page. Auto-suffisant — ne dépend
   d'aucune variable définie ailleurs.

   Affiche les annonces MedHelp publiées depuis l'Admin
   (Page 24 → Messages) sous forme de modale overlay.
========================================================== */

.medhelp-message-modal {
  position: fixed;
  inset: 0;
  z-index: 4000;

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

  padding: 24px;
}

.medhelp-message-modal.is-open {
  display: flex;
}

.medhelp-message-modal__overlay {
  position: absolute;
  inset: 0;

  background: rgba(20, 22, 26, 0.46);
}

.medhelp-message-dialog {
  position: relative;
  z-index: 1;

  width: min(90vw, 400px);

  padding: 28px 22px 22px;

  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 26px;

  background: #ffffff;

  box-shadow:
    0 18px 48px rgba(20, 22, 26, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);

  text-align: center;
}

.medhelp-message-dialog__logo {
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 auto 14px;

  object-fit: contain;
}

.medhelp-message-dialog__title {
  margin: 0 0 10px;

  font-size: 19px;
  font-weight: 800;
  color: #161616;
}

.medhelp-message-dialog__body {
  margin: 0 0 20px;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #3a3a3a;

  white-space: pre-line;
}

/*
  Ombre extérieure harmonisée avec la matière du bouton
  drapeau approuvé (.language-card__circle, app/css/
  01_splash.css) : même direction/couleurs, déjà utilisée
  telle quelle sur .medhelp-success-dialog__button.
*/
.medhelp-message-dialog__close {
  width: 100%;

  padding: 12px 16px;

  border: 0;
  border-radius: 999px;

  background: #c8003d;
  color: #ffffff;

  box-shadow:
    -7px -7px 14px rgba(255, 255, 255, 1),
     8px  8px 15px rgba(13, 39, 80, 0.34);

  font-size: 14px;
  font-weight: 700;
  font-family: inherit;

  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}