/* =============================================================================
   STELLA BADGES
   Ruban diagonal dans le coin d'un module Divi — repose sur ::before,
   pas d'injection JS (évite tout conflit de spécificité/ordre du DOM).
   ============================================================================= */

/* --- Usage dans Divi Builder ---
   Sur le module concerné, onglet Avancé (ou Attributs en Divi 5) :
   - Classes CSS : stella-badge
   - Attribut personnalisé : data-badge-texte = "Complet"  (le texte affiché)

   Couleur (optionnel) : ajouter une classe modificatrice en plus de
   stella-badge dans le champ Classes CSS — voir plus bas. */

.stella-badge {
  --badge-couleur:       #FF4300; /* spritz par défaut */
  --badge-couleur-texte: #FFF3DE;
  --badge-largeur:       160px;
  --badge-taille-texte:  14px;
  --badge-angle:         45deg;
  --badge-top:           10px;
  --badge-right:         -40px;

  position: relative !important;
  overflow: hidden !important;
}

.stella-badge::before {
  content: attr(data-badge-texte);
  position: absolute;
  top: var(--badge-top);
  right: var(--badge-right);
  width: var(--badge-largeur);
  transform: rotate(var(--badge-angle));
  padding: 8px 0px 8px 3px;
  background: var(--badge-couleur);
  color: var(--badge-couleur-texte);
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-size: var(--badge-taille-texte);
  letter-spacing: 2px;
  line-height: 1.25;
  white-space: normal;
  word-break: keep-all;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  z-index: 10;
  pointer-events: none;
}

/* --- Modificateurs de couleur — à ajouter en plus de stella-badge
   dans le champ Classes CSS de Divi (ex. "stella-badge stella-badge-basilic") --- */
.stella-badge-basilic    { --badge-couleur: var(--stella-basilic); }
.stella-badge-terracoda  { --badge-couleur: var(--stella-terrecuite); }
.stella-badge-noir       { --badge-couleur: #000000; }