/**
 * EventHub Breadcrumb Styles
 *
 * Dezente Breadcrumb-Navigation für alle EventHub-Seiten.
 * Theme-kompatibel durch inherit und CSS-Variablen.
 *
 * @package EventHub
 * @since 1.0.0
 */

/* ==========================================================================
   BREADCRUMB NAVIGATION
   ========================================================================== */

.eventhub-breadcrumb {
    margin-bottom: var(--eventhub-spacing-md);
    font-size: var(--eventhub-font-size-sm);
    color: var(--eventhub-color-text-muted);
    font-family: var(--eventhub-font-family);
    line-height: var(--eventhub-line-height);
}

.eventhub-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.eventhub-breadcrumb__item {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* Links erben Theme-Styling */
.eventhub-breadcrumb__link {
    color: inherit;
    text-decoration: none;
    transition: color var(--eventhub-transition-fast);
}

.eventhub-breadcrumb__link:hover,
.eventhub-breadcrumb__link:focus {
    color: var(--eventhub-color-primary);
    text-decoration: underline;
}

/* Separator (›) */
.eventhub-breadcrumb__separator {
    display: inline-block;
    margin: 0 var(--eventhub-spacing-sm);
    color: var(--eventhub-color-text-muted);
    opacity: 0.6;
    font-weight: normal;
}

/* Aktuelle Seite (letztes Item) */
.eventhub-breadcrumb__current {
    color: var(--eventhub-color-text);
    font-weight: var(--eventhub-font-weight-medium);
}

/* Item-Modifier für aktuelle Seite */
.eventhub-breadcrumb__item--current {
    /* Keine zusätzlichen Styles nötig */
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 576px) {
    .eventhub-breadcrumb {
        font-size: var(--eventhub-font-size-xs);
    }

    .eventhub-breadcrumb__separator {
        margin: 0 var(--eventhub-spacing-xs);
    }
}

/* ==========================================================================
   PRINT
   ========================================================================== */

@media print {
    .eventhub-breadcrumb {
        display: none;
    }
}