/* ============================================================
   PREMIUM BADGE · v90.25.18
   Styling du badge "Premium" / "Fondateur" affiché à côté
   des liens d'accès au compte (Mon Espace / Mon Compte).
   ============================================================ */

.sg-premium-badge {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.12em 0.55em;
  font-family: var(--mono, "Courier New", monospace);
  font-size: 0.62rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #0B1020;
  background: linear-gradient(135deg, #F0CC8C 0%, var(--r-gold) 50%, #C49D5A 100%);
  border-radius: 0;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.4;
  box-shadow: 0 0 0 1px rgba(212, 162, 74, 0.4), 0 0 8px rgba(212, 162, 74, 0.25);
  position: relative;
  top: -1px;
}

/* Variante Cercle Fondateur : finition or plus marquée */
body.is-fondateur .sg-premium-badge {
  background: linear-gradient(135deg, #F8DDA0 0%, #D4A24A 50%, #8E6620 100%);
  color: var(--lx-ink, #FFF8E7);
  box-shadow: 0 0 0 1px #D4A24A, 0 0 10px rgba(212, 162, 74, 0.4);
}

/* Mode dans le side-menu (sgm) : taille un peu plus grande, position adaptée */
.sgm-account .sg-premium-badge {
  margin-left: 0.6rem;
  font-size: 0.66rem;
}

/* Mode mobile : on garde visible mais on serre */
@media (max-width: 720px) {
  .sg-premium-badge {
    font-size: 0.58rem;
    margin-left: 0.4rem;
    padding: 0.1em 0.45em;
    letter-spacing: 0.14em;
  }
}

/* Empêche le badge de casser le layout des nav-links flex */
.nav-links .sg-premium-badge,
.nav-right .sg-premium-badge {
  display: inline-block;
}

/* Accessibilité : focus sur le parent doit englober le badge */
a:focus-visible .sg-premium-badge {
  outline: 2px solid var(--accent-bright, var(--r-gold));
  outline-offset: 2px;
}