/* ============================================================
   EGBÉ YPÒ ÒRUN — Badges e categorias de evento
   ============================================================ */

/* ----------------------------------------------------------
   Categoria discreta — ponto colorido + rótulo
   Usada na Home e na Agenda como apoio visual de baixa prioridade
   ---------------------------------------------------------- */
.event-cat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.625rem;
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--text-muted);
}

.event-cat::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  flex-shrink: 0;
}

.event-cat--gira::before    { background: var(--color-green-dark); }
.event-cat--ajodun::before  { background: #c8860a; }
.event-cat--oficina::before { background: var(--color-purple); }
.event-cat--projeto::before { background: var(--color-brown); }
.event-cat--evento::before  { background: var(--color-green); }

.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 3px var(--space-3);
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  letter-spacing: 0.03em;
  border-radius: var(--radius-full);
  white-space: nowrap;
  line-height: 1.6;
}

.badge::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
  background-color: currentColor;
  flex-shrink: 0;
}

/* Gira — verde escuro */
.badge--gira {
  background-color: rgba(47, 148, 46, 0.15);
  color: var(--color-green-dark);
  border: 1px solid rgba(47, 148, 46, 0.3);
}

.section--dark .badge--gira {
  background-color: rgba(175, 207, 30, 0.12);
  color: var(--color-green);
  border-color: rgba(175, 207, 30, 0.3);
}

/* Ajọdun (festa) — dourado */
.badge--ajodun {
  background-color: rgba(248, 239, 27, 0.15);
  color: #7a6800;
  border: 1px solid rgba(248, 239, 27, 0.4);
}

.section--dark .badge--ajodun {
  background-color: rgba(248, 239, 27, 0.12);
  color: var(--color-yellow);
  border-color: rgba(248, 239, 27, 0.3);
}

/* Oficina — roxo */
.badge--oficina {
  background-color: rgba(116, 6, 130, 0.1);
  color: var(--color-purple);
  border: 1px solid rgba(116, 6, 130, 0.25);
}

.section--dark .badge--oficina {
  background-color: rgba(116, 6, 130, 0.15);
  color: #c060d0;
  border-color: rgba(116, 6, 130, 0.4);
}

/* Projeto — marrom/laranja */
.badge--projeto {
  background-color: rgba(122, 67, 31, 0.12);
  color: var(--color-brown);
  border: 1px solid rgba(122, 67, 31, 0.25);
}

.section--dark .badge--projeto {
  background-color: rgba(246, 240, 216, 0.08);
  color: rgba(246, 240, 216, 0.8);
  border-color: rgba(246, 240, 216, 0.2);
}

/* Evento Especial — destaque forte */
.badge--evento {
  background-color: var(--color-brown-dark);
  color: var(--color-green);
  border: 1px solid rgba(175, 207, 30, 0.4);
}

.section--dark .badge--evento {
  background-color: rgba(175, 207, 30, 0.15);
  color: var(--color-green);
  border-color: rgba(175, 207, 30, 0.35);
}