/* ============================================================
   DS Görünür Breadcrumb — components/breadcrumb.css
   ------------------------------------------------------------
   Standalone (DS scope GEREKLİ DEĞİL).
   section.breadcrumb.php partial'ı tarafından ilk render'da
   <link> ile yüklenir (static flag).
   ============================================================ */
.ds-breadcrumb {
    background: #FBF7F1;
    border-bottom: 1px solid rgba(17, 24, 39, 0.06);
    padding: 12px 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.ds-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.4;
    color: #6B7280;
}
.ds-breadcrumb-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.ds-breadcrumb-item a {
    color: #6B7280;
    text-decoration: none;
    font-weight: 500;
    transition: color .15s ease;
}
.ds-breadcrumb-item a:hover,
.ds-breadcrumb-item a:focus {
    color: #F26B1A;
    text-decoration: none;
}
.ds-breadcrumb-item.is-current > span {
    color: #111827;
    font-weight: 600;
}
.ds-breadcrumb-sep {
    font-size: 10px;
    color: #D1D5DB;
    line-height: 1;
}
@media (max-width: 575px) {
    .ds-breadcrumb { padding: 10px 0; }
    .ds-breadcrumb-list { font-size: 12px; gap: 6px; }
    .ds-breadcrumb-item { gap: 6px; }
    .ds-breadcrumb-sep { font-size: 9px; }

}