/**
 * Breadcrumb Component CSS.
 * Tum stiller CSS degiskenleri ile kontrol edilir — fonts.php'den override edilir.
 * Katman 1 (CSS fallback) burada, Katman 2 (admin panel) fonts.php'de :root{} icinde.
 *
 * @package Necox
 * @since   2.67.0
 */

/* ── Ana Wrapper ── */
.necox-breadcrumb {
    font-family: var(--necox-bc-font, inherit);
    font-size: var(--necox-bc-size, 13px);
    font-weight: var(--necox-bc-weight, 500);
    line-height: 1.5;
    background: var(--necox-bc-bg, transparent);
    padding: var(--necox-bc-padding, 10px 0);
    border-radius: var(--necox-bc-radius, 0px);
    border-width: var(--necox-bc-border-width, 0px);
    border-style: solid;
    border-color: var(--necox-bc-border-color, transparent);
    max-width: var(--necox-bc-max-width, none);
    margin: 0 auto;
    box-shadow: var(--necox-bc-shadow, none);
}

/* ── Liste ── */
.necox-breadcrumb__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--necox-bc-gap, 6px);
}

/* ── Oge ── */
.necox-breadcrumb__item {
    display: flex;
    align-items: center;
    gap: var(--necox-bc-gap, 6px);
}

/* ── Link ── */
.necox-breadcrumb__link {
    color: var(--necox-bc-link-color, var(--necox-primary));
    text-decoration: none;
    transition: color 0.15s ease;
}

.necox-breadcrumb__link:hover {
    color: var(--necox-bc-link-hover, var(--necox-primary-hover));
    text-decoration: none;
}

.necox-breadcrumb__link:visited {
    color: var(--necox-bc-link-color, var(--necox-primary));
}

/* ── Aktif (son oge) ── */
.necox-breadcrumb__item--current .necox-breadcrumb__text {
    color: var(--necox-bc-current-color, var(--necox-text));
    font-weight: var(--necox-bc-current-weight, 600);
}

/* ── Ayirici ── */
.necox-breadcrumb__sep {
    color: var(--necox-bc-sep-color, var(--necox-muted));
    font-size: var(--necox-bc-sep-size, 12px);
    user-select: none;
    flex-shrink: 0;
}

/* ── Glass efekti (cam) ── */
.necox-breadcrumb--glass {
    backdrop-filter: var(--necox-bc-glass-blur, blur(12px));
    -webkit-backdrop-filter: var(--necox-bc-glass-blur, blur(12px));
    background: var(--necox-bc-glass-bg, rgba(255,255,255,0.2));
}

/* ── Responsive ── */
@media (max-width: 767px) {
    .necox-breadcrumb {
        font-size: var(--necox-bc-size-mobile, 11px);
        padding: var(--necox-bc-padding-mobile, 8px 0);
    }

    .necox-breadcrumb__sep {
        font-size: var(--necox-bc-sep-size-mobile, 10px);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .necox-breadcrumb {
        font-size: var(--necox-bc-size-tablet, 12px);
    }
}