/* Deux boutons pour envoyer une photo ou un document (demande de Pierre, 27.10.2026) : « Photographier » et « Ajouter depuis la galerie ».
   Feuille a part (style.css n'est pas touche). Couleurs de la charte B2 du portail, cibles de 52 px, angles droits. */

.ep-cache, input.ep-cache, input[type=file].ep-cache, .ep-bloc input.ep-cache {
  position: absolute !important; left: 0 !important; top: 0 !important; width: 1px !important; height: 1px !important; min-height: 0 !important; max-width: 1px !important;
  margin: -1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important;
  clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap; opacity: 0 !important; }
/* (27.10.2026, controle maladie) : sans ce poids et sans left/top, les champs d'aide gardaient la largeur d'un champ (390 px) decalee par la marge de la page :
   la page devenait plus large que l'ecran (421 px sur un telephone de 390 px) et se dezoomait. */

.ep-bloc { margin: 8px 0 0; }
.ep-boutons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ep-bouton { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 52px; margin: 0; padding: 8px 14px;
  font: inherit; font-size: 16px; font-weight: 700; line-height: 1.2; text-align: center; text-transform: none; letter-spacing: 0; cursor: pointer; border-radius: 0;
  border: 1.5px solid var(--ch-bleu-doc, #12305E); background: var(--ch-bleu-doc, #12305E); color: var(--ch-blanc, #FFFFFF); }
.ep-bouton.ep-galerie { background: var(--ch-blanc, #FFFFFF); color: var(--ch-bleu-doc, #12305E); }
.ep-bouton:hover { border-color: var(--ch-nuit, #0A1630); }
.ep-bouton:focus-visible, .ep-retirer:focus-visible { outline: 3px solid var(--ch-bleu-texte, #2E6BAE); outline-offset: 2px; }
.ep-bouton svg { flex: none; width: 22px; height: 22px; }
/* un seul bouton (le champ n'accepte pas les images, ou pas d'appareil) : pleine largeur */
.ep-boutons:has(> .ep-bouton:only-child) { grid-template-columns: 1fr; }

.ep-liste { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 8px; }
.ep-ligne { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 6px 6px 14px; min-height: 52px;
  background: var(--ch-neige, #F4F8FC); border: 1px solid var(--ch-bordure, #CBD6E4); box-shadow: inset 3px 0 0 var(--ch-bleu-doc, #12305E); }
.ep-nom { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; font-size: 16px; font-weight: 600; color: var(--ch-encre, #101E38); }
.ep-retirer { flex: none; width: auto !important; margin: 0 !important; min-height: 44px; margin: 0; padding: 0 14px; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; border-radius: 0;
  background: var(--ch-blanc, #FFFFFF); color: var(--ch-rouge, #A12B2B); border: 1.5px solid var(--ch-bordure, #CBD6E4); }
.ep-vide { margin: 8px 0 0; font-size: 15px; color: var(--ch-brume, #4E6285); }

/* l'ancien bouton « Photo » de la zone fichier et son nom sont remplaces par ce bloc */
.ep-zone { margin: 0; }

@media (max-width: 480px) {
  .ep-boutons { grid-template-columns: 1fr; }
}