/* ==========================================================================
   COMPOSANTS STANDARDS : BADGES & STATUTS
   ========================================================================== */

.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 3px 10px;
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  border-radius: var(--radius-full);
  line-height: 1.2;
  border: 1px solid transparent;
  white-space: nowrap;
}

.badge-dot {
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
  display: inline-block;
}

/* 1. Badges thématiques de marque */
.badge-brand {
  background: var(--badge-brand-bg, rgba(47, 74, 52, 0.1));
  color: var(--badge-brand-color, var(--color-brand-primary));
  border-color: rgba(47, 74, 52, 0.15);
}
.badge-brand .badge-dot {
  background: var(--color-brand-primary);
}

.badge-accent {
  background: var(--badge-accent-bg, rgba(200, 104, 50, 0.12));
  color: var(--badge-accent-color, var(--color-brand-secondary));
  border-color: rgba(200, 104, 50, 0.2);
}
.badge-accent .badge-dot {
  background: var(--color-brand-secondary);
}

/* 2. Badges Métier Agricole & Maraîcher */
.badge-bio {
  background: var(--color-success-bg);
  color: var(--color-success);
  border-color: rgba(47, 114, 68, 0.25);
}
.badge-bio .badge-dot {
  background: var(--color-success);
}

.badge-seed {
  background: #FDF4E7;
  color: #A54F20;
  border-color: rgba(165, 79, 32, 0.25);
}
.badge-seed .badge-dot {
  background: #C86832;
}

.badge-stock {
  background: #EBF4F9;
  color: var(--color-info);
  border-color: rgba(43, 98, 130, 0.25);
}
.badge-stock .badge-dot {
  background: var(--color-info);
}

/* 3. Badges d'état / feedback fonctionnels */
.badge-success {
  background: var(--color-success-bg);
  color: var(--color-success);
  border-color: rgba(47, 114, 68, 0.2);
}
.badge-success .badge-dot {
  background: var(--color-success);
}

.badge-warning {
  background: var(--color-warning-bg);
  color: var(--color-warning);
  border-color: rgba(201, 122, 30, 0.2);
}
.badge-warning .badge-dot {
  background: var(--color-warning);
}

.badge-danger {
  background: var(--color-danger-bg);
  color: var(--color-danger);
  border-color: rgba(178, 58, 46, 0.2);
}
.badge-danger .badge-dot {
  background: var(--color-danger);
}