/**
 * Lebe Bewusst Breadcrumb Widget Styles
 *
 * @package LebeBewusst
 */

/* === BREADCRUMB CONTAINER === */
.lb-breadcrumb {
    font-size: 14px;
    line-height: 1.5;
    color: #666666;
}

/* === BREADCRUMB LIST === */
.lb-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

/* === BREADCRUMB ITEM === */
.lb-breadcrumb-item {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* === LINKS === */
.lb-breadcrumb a {
    color: #191970;
    text-decoration: none;
    transition: color 0.2s ease;
}

.lb-breadcrumb a:hover {
    color: #4B0082;
    text-decoration: underline;
}

/* === SEPARATOR === */
.lb-breadcrumb-sep {
    display: inline-block;
    margin: 0 8px;
    color: #999999;
    font-weight: 400;
}

/* === CURRENT PAGE === */
.lb-breadcrumb-current {
    color: #333333;
    font-weight: 500;
}

/* === SCHEMA.ORG HIDDEN META === */
.lb-breadcrumb meta {
    display: none;
}

/* === RESPONSIVE === */

/* Tablet */
@media (max-width: 1024px) {
    .lb-breadcrumb {
        font-size: 13px;
    }

    .lb-breadcrumb-sep {
        margin: 0 6px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .lb-breadcrumb {
        font-size: 12px;
    }

    .lb-breadcrumb-list {
        gap: 2px;
    }

    .lb-breadcrumb-sep {
        margin: 0 4px;
    }

    /* Auf kleinen Bildschirmen: Lange Texte umbrechen erlauben */
    .lb-breadcrumb-item {
        max-width: 100%;
    }

    .lb-breadcrumb a,
    .lb-breadcrumb-current {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .lb-breadcrumb {
        font-size: 11px;
    }

    .lb-breadcrumb-sep {
        margin: 0 3px;
    }

    .lb-breadcrumb a,
    .lb-breadcrumb-current {
        max-width: 100px;
    }

    /* Optional: Nur letzte 2 Items anzeigen */
    .lb-breadcrumb-compact .lb-breadcrumb-item:not(:nth-last-child(-n+2)) {
        display: none;
    }

    .lb-breadcrumb-compact .lb-breadcrumb-item:nth-last-child(2)::before {
        content: '...';
        margin-right: 4px;
        color: #999;
    }
}

/* === VARIANTEN === */

/* Mit Hintergrund */
.lb-breadcrumb.has-background {
    padding: 10px 15px;
    border-radius: 6px;
}

/* Zentriert */
.lb-breadcrumb.centered .lb-breadcrumb-list {
    justify-content: center;
}

/* Rechts ausgerichtet */
.lb-breadcrumb.right-aligned .lb-breadcrumb-list {
    justify-content: flex-end;
}

/* === DARK MODE SUPPORT === */
@media (prefers-color-scheme: dark) {
    .lb-breadcrumb {
        color: #aaaaaa;
    }

    .lb-breadcrumb a {
        color: #7B9CFF;
    }

    .lb-breadcrumb a:hover {
        color: #A0B4FF;
    }

    .lb-breadcrumb-sep {
        color: #666666;
    }

    .lb-breadcrumb-current {
        color: #dddddd;
    }
}

/* === PRINT STYLES === */
@media print {
    .lb-breadcrumb {
        font-size: 10pt;
        color: #000;
    }

    .lb-breadcrumb a {
        color: #000;
        text-decoration: none;
    }

    .lb-breadcrumb-sep {
        color: #666;
    }
}