/**
 * Breadcrumbs Block - Static Styles v3.6.0
 *
 * Uses CSS custom properties for customization:
 * --boost-text-muted: link color
 * --boost-text: current item color
 * --boost-primary: link hover color
 *
 * @package Boost Theme Framework
 * @since 3.6.0
 */

/* /blocks/breadcrumbs/style.css */

/* =============================================================================
   BASE LAYOUT
   ============================================================================= */

.boost-breadcrumbs {
    margin: 0.75rem 0;
    padding: 0.75rem 0;
    font-family: inherit;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.boost-breadcrumbs *,
.boost-breadcrumbs *::before,
.boost-breadcrumbs *::after {
    box-sizing: inherit;
}

/* =============================================================================
   PREFIX
   ============================================================================= */

.boost-breadcrumbs__prefix {
    color: var(--boost-text-muted, #64748b);
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
}

/* =============================================================================
   LIST
   ============================================================================= */

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

/* =============================================================================
   ITEM
   ============================================================================= */

.boost-breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    gap: 0;
    line-height: 1.4;
}

/* =============================================================================
   LINK
   ============================================================================= */

.boost-breadcrumbs__link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--boost-text-muted, #64748b);
    text-decoration: none;
    transition: color 0.15s ease;
    white-space: nowrap;
}

.boost-breadcrumbs__link:hover,
.boost-breadcrumbs__link:focus-visible {
    color: var(--boost-primary, #3b82f6);
}

.boost-breadcrumbs__link:focus-visible {
    outline: 2px solid var(--boost-primary, #3b82f6);
    outline-offset: 2px;
    border-radius: 2px;
}

.boost-breadcrumbs__link svg {
    display: block;
    flex-shrink: 0;
}

/* =============================================================================
   CURRENT (last item)
   ============================================================================= */

.boost-breadcrumbs__current {
    display: inline-flex;
    align-items: center;
    color: var(--boost-text, inherit);
    font-weight: 500;
}

/* =============================================================================
   HOME LABEL (sr-only on icon mode, visible on non-icon)
   ============================================================================= */

.boost-breadcrumbs__home-label {
    margin-left: 0.25rem;
}

/* =============================================================================
   SEPARATOR
   ============================================================================= */

.boost-breadcrumbs__separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.4rem;
    color: var(--boost-border, #cbd5e1);
    flex-shrink: 0;
    line-height: 1;
}

.boost-breadcrumbs__separator svg {
    display: block;
}

.boost-breadcrumbs__sep-char {
    font-size: 0.85em;
    line-height: 1;
    user-select: none;
}

/* =============================================================================
   FONT SIZES
   ============================================================================= */

.boost-breadcrumbs--size-xs {
    font-size: 0.75rem;
}

.boost-breadcrumbs--size-xs .boost-breadcrumbs__separator svg,
.boost-breadcrumbs--size-xs .boost-breadcrumbs__link svg {
    width: 12px;
    height: 12px;
}

.boost-breadcrumbs--size-sm {
    font-size: 0.875rem;
}

.boost-breadcrumbs--size-sm .boost-breadcrumbs__separator svg,
.boost-breadcrumbs--size-sm .boost-breadcrumbs__link svg {
    width: 14px;
    height: 14px;
}

.boost-breadcrumbs--size-base {
    font-size: 1rem;
}

.boost-breadcrumbs--size-base .boost-breadcrumbs__separator svg,
.boost-breadcrumbs--size-base .boost-breadcrumbs__link svg {
    width: 16px;
    height: 16px;
}

.boost-breadcrumbs--size-lg {
    font-size: 1.125rem;
}

.boost-breadcrumbs--size-lg .boost-breadcrumbs__separator svg,
.boost-breadcrumbs--size-lg .boost-breadcrumbs__link svg {
    width: 18px;
    height: 18px;
}

/* Styled icon containers inside breadcrumbs inherit text size. */
.boost-breadcrumbs .boost-styled-icon {
    font-size: inherit;
    vertical-align: middle;
}

/* When using styled icons, don't apply font-size overrides on inner SVG. */
.boost-breadcrumbs .boost-styled-icon svg {
    width: var(--icon-size, 1em) !important;
    height: var(--icon-size, 1em) !important;
}

/* =============================================================================
   ALIGNMENT
   ============================================================================= */

.boost-breadcrumbs--align-left {
    justify-content: flex-start;
}

.boost-breadcrumbs--align-left .boost-breadcrumbs__list {
    justify-content: flex-start;
}

.boost-breadcrumbs--align-center {
    justify-content: center;
}

.boost-breadcrumbs--align-center .boost-breadcrumbs__list {
    justify-content: center;
}

.boost-breadcrumbs--align-right {
    justify-content: flex-end;
}

.boost-breadcrumbs--align-right .boost-breadcrumbs__list {
    justify-content: flex-end;
}

/* =============================================================================
   HIDE ON MOBILE — managed by visibility system
   ============================================================================= */

@media (max-width: 640px) {
    .boost-breadcrumbs--size-lg {
        font-size: 1rem;
    }

    .boost-breadcrumbs__separator {
        margin: 0 0.3rem;
    }
}