/**
 * Shared breadcrumb styles — LTR defaults with [dir=rtl] overrides.
 */

.ha-breadcrumb .breadcrumb {
    --bs-breadcrumb-divider-color: #9ca3af;
    --bs-breadcrumb-item-active-color: #6b7280;
    font-size: 0.875rem;
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
}

.ha-breadcrumb--section {
    background-color: var(--bs-light, #f8f9fa);
}

.ha-breadcrumb--section .breadcrumb {
    margin-bottom: 0;
}

.ha-breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

.ha-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    padding-right: 0.5rem;
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--bs-breadcrumb-divider-color);
    float: none;
}

.ha-breadcrumb .breadcrumb-item a {
    color: #495057;
    text-decoration: none;
    transition: color 0.2s ease;
}

.ha-breadcrumb .breadcrumb-item a:hover {
    color: var(--primary-color, #6366f1);
    text-decoration: underline;
}

.ha-breadcrumb .breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color);
    font-weight: 500;
}

/* Page header: breadcrumb row + title + action buttons */
.ha-page-header {
    margin-bottom: 1.25rem;
}

.ha-page-header__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 0.75rem;
}

.ha-page-header__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.ha-page-header__title {
    margin-bottom: 0;
}

/* Public pages: keep breadcrumb clear of the sticky navbar */
.public-panel .ha-breadcrumb:not(.ha-breadcrumb--section) {
    margin-top: 1rem;
}

.products-show-page .ha-breadcrumb {
    margin-bottom: 0.5rem;
}

.page-header .breadcrumb:not(.ha-breadcrumb .breadcrumb) {
    margin-bottom: 0.5rem;
}

[dir="rtl"] .ha-breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
    padding-right: 0.5rem;
}

[dir="rtl"] .ha-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0;
    padding-left: 0.5rem;
    float: none;
}

[dir="rtl"] .ha-breadcrumb .breadcrumb-item.active,
[dir="rtl"] .ha-breadcrumb .breadcrumb-item a {
    text-align: right;
}

[dir="rtl"] .ha-page-header__top {
    flex-direction: row-reverse;
}

[dir="rtl"] .ha-page-header__actions {
    justify-content: flex-start;
}

[dir="ltr"] .ha-page-header__actions {
    justify-content: flex-end;
}

@media (max-width: 991.98px) {
    .ha-page-header__top {
        flex-direction: column;
        align-items: stretch;
    }

    [dir="rtl"] .ha-page-header__top {
        flex-direction: column;
        align-items: stretch;
    }

    .ha-page-header__actions {
        justify-content: flex-start;
    }
}