/**
 * EventHub Badges
 *
 * Status-Badges, Kategorien und Labels.
 *
 * @package EventHub
 * @since 1.0.0
 */

/* ==========================================================================
   BASE BADGE STYLES
   ========================================================================== */

.eventhub-badge {
    display: inline-block;
    padding: var(--eventhub-spacing-xs) var(--eventhub-spacing-sm);
    font-size: var(--eventhub-font-size-sm);
    font-weight: var(--eventhub-font-weight-semibold);
    line-height: 1;
    border-radius: var(--eventhub-border-radius);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* ==========================================================================
   STATUS BADGES
   ========================================================================== */

.eventhub-badge--cancelled {
    background-color: var(--eventhub-color-cancelled);
    color: var(--eventhub-color-text-light);
}

.eventhub-badge--postponed {
    background-color: var(--eventhub-color-postponed);
    color: var(--eventhub-color-text-light);
}

.eventhub-badge--soldout {
    background-color: var(--eventhub-color-soldout);
    color: var(--eventhub-color-text-light);
}

/* ==========================================================================
   FEATURE BADGES
   ========================================================================== */

.eventhub-badge--highlight {
    background-color: var(--eventhub-color-highlight);
    color: var(--eventhub-color-text-dark);
}

.eventhub-badge--featured {
    background-color: var(--eventhub-color-featured);
    color: var(--eventhub-color-text-light);
}

.eventhub-badge--free {
    background-color: var(--eventhub-color-free);
    color: var(--eventhub-color-text-light);
}

/* Klickbare Badges (Filter-Links). */
.eventhub-badge--link {
    cursor: pointer;
    text-decoration: none;
    transition: transform var(--eventhub-transition-fast),
        box-shadow var(--eventhub-transition-fast);
}

.eventhub-badge--link:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: inherit;
}

.eventhub-badge--link:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* ==========================================================================
   CATEGORY/TAG BADGES
   ========================================================================== */

.eventhub-badge--category,
.eventhub-badge--tag {
    background-color: var(--eventhub-color-bg-alt);
    color: var(--eventhub-color-text);
    font-weight: var(--eventhub-font-weight-medium);
    text-transform: none;
}