/*
  kyc-badge.css — MadaPayExchange
  Badge "Compte vérifié" affiché dans le header quand le KYC du client
  est approuvé. Fichier indépendant, n'écrase aucune règle existante.
*/

.mp-kyc-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border-radius: 999px;
  background: var(--green-dim, #0a3d2c);
  color: var(--green, #00d97e);
  border: 1px solid rgba(0, 217, 126, 0.35);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
  flex: 0 0 auto;
  animation: mpKycFadeIn 0.25s ease;
}

.mp-kyc-badge svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
}

@keyframes mpKycFadeIn {
  from { opacity: 0; transform: translateY(-2px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Version compacte : icône seule, sans le texte (petits écrans) */
@media (max-width: 480px) {
  .mp-kyc-badge span.mp-kyc-badge__label {
    display: none;
  }
  .mp-kyc-badge {
    padding: 6px;
  }
}