/* MediSpeak — enhancements (lot 2) : CTA du héro + bouton Écouter sur les cartes.
   Fichier additif, chargé après app.js. N'écrase rien d'existant. */
.ms-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.ms-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:13px 22px;min-height:48px;border-radius:999px;border:0;cursor:pointer;
  font-weight:800;font-size:1rem;line-height:1;text-decoration:none;
  font-family:inherit;transition:transform .08s ease,filter .15s ease}
.ms-btn:active{transform:translateY(1px)}
.ms-btn-primary{background:#ffffff;color:#163A5F;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.ms-btn-primary:hover{filter:brightness(.97)}
.ms-btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.ms-btn-ghost:hover{background:rgba(255,255,255,.22)}

.ms-card-play{display:inline-flex;align-items:center;gap:8px;margin-top:8px;
  padding:10px 18px;min-height:44px;border-radius:999px;border:0;cursor:pointer;
  background:#163A5F;color:#fff;font-weight:800;font-size:.92rem;font-family:inherit;
  box-shadow:0 6px 16px rgba(22,58,95,.22);transition:background .15s ease,transform .08s ease}
.ms-card-play:hover{background:#1f4e7a}
.ms-card-play:active{transform:translateY(1px)}
.ms-card-play.playing{background:#2f7fbf}
.ms-card-play .ms-ic{font-size:1rem;line-height:1}

/* Menu du haut : « Devenir bénévole » visible en permanence */
.header-nav{flex-wrap:wrap;justify-content:flex-end;gap:6px}
.nav-benevole{background:#25D366;color:#fff !important;font-weight:800}
.nav-benevole:hover{background:#1eb457;color:#fff !important}
@media(max-width:600px){
  .site-header{flex-wrap:wrap}
  .nav-benevole{font-size:.84rem;padding:8px 12px}
}