/* Pill « Pharmacies de garde » dans le bandeau « Aujourd'hui à Anyama ».
   Sélecteurs à double classe (.pill.pill-garde) pour l'emporter sur les règles
   .pill{} et .pill .val{} du thème, quel que soit l'ordre de chargement. */
.pill.pill-garde{min-width:auto;max-width:min(62vw,600px)}
.pill.pill-garde .lab .ag-pill-ic{margin:0 1px 0 -1px;color:#20A464;vertical-align:middle}

/* Une officine par ligne : évite toute confusion entre deux fiches. */
.pill.pill-garde .val{display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  font-family:inherit;font-weight:400;font-size:.82rem;line-height:1.35}
.pill.pill-garde .ag-pill-item{display:flex;align-items:center;gap:8px;white-space:nowrap}
.pill.pill-garde .ag-pill-nom{font-weight:500;color:#fff}
.pill.pill-garde .ag-pill-item .q{color:#9FC0C6;font-weight:400;font-size:.76rem}
.pill.pill-garde .ag-pill-badge{background:#20A464;color:#fff;font-family:'Space Mono',monospace;
  font-size:.56rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  padding:2px 7px;border-radius:999px;flex-shrink:0}

/* Numéro : bloc distinct, en chiffres espacés, jamais accolé au nom. */
.pill.pill-garde .ag-pill-tel{font-family:'Space Mono',monospace;font-weight:700;
  font-size:.78rem;letter-spacing:.02em;color:#CFE8ED;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:1px 8px;text-decoration:none}
.pill.pill-garde .ag-pill-tel:hover,.pill.pill-garde .ag-pill-tel:focus-visible{
  background:#20A464;border-color:#20A464;color:#fff}
.pill.pill-garde .ag-pill-dir{font-size:.72rem;font-weight:400;color:#9FC0C6;text-decoration:none;
  border-bottom:1px dotted rgba(255,255,255,.3)}
.pill.pill-garde .ag-pill-dir:hover{color:#fff}
.pill.pill-garde .ag-pill-all{margin-top:2px;font-weight:500;font-size:.76rem;
  color:#7FE0A8;text-decoration:none;white-space:nowrap}
.pill.pill-garde .ag-pill-all:hover{text-decoration:underline}
.pill.pill-garde .ag-pill-empty{font-family:'Space Mono',monospace;font-weight:400;color:#9FC0C6;font-size:.8rem}

/* Repli : titre + message sur une SEULE ligne. */
.pill.pill-garde-empty{flex-direction:row;align-items:center;gap:10px;flex-wrap:nowrap;max-width:none}
.pill.pill-garde-empty .lab{flex-shrink:0}
.pill.pill-garde-empty .ag-pill-empty{white-space:nowrap}

@media(max-width:600px){
  .pill.pill-garde{max-width:86vw}
  .pill.pill-garde .ag-pill-dir{display:none}
  .pill.pill-garde .ag-pill-item .q{display:none}
  .pill.pill-garde .ag-pill-item{gap:6px}
}
