#breadcrumb {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 10px 0;
    font-size: 14px;
}
#breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
    color: #aaa; /* Bu artık sadece 'current' öğeyi etkiler, linkleri değil */
    vertical-align: middle;
}

/* --- Ayırıcı Stilleri --- */
#breadcrumb li.separator {
    color: #aaa; /* Bu, renk ayarından dinamik olarak ezilebilir */
    margin: 0 2px;
}
/* Orijinal SVG Ayırıcı (Varsayılan) */
#breadcrumb li.separator.svg-separator {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    margin: 0 2px;
    /* background-image kuralı buradan kaldırıldı (2. isteğiniz) */
    /* Artık PHP tarafından inline style olarak basılıyor */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/* İkon Font Ayırıcıları (Bootstrap, Material, Custom) */
#breadcrumb li.separator .material-symbols-outlined,
#breadcrumb li.separator i {
    font-size: 1.4em;
    vertical-align: middle;
}
/* Karakter Ayırıcı */
#breadcrumb li.separator span {
    vertical-align: middle;
}

/* --- ESKİ :before Stilleri KALDIRILDI (2. İsteğiniz) --- */


/* Link Stilleri (Artık renk ayarından dinamik olarak ezilebilir) */
#breadcrumb li a {
    color: #fff; /* Varsayılan */
    text-decoration: none;
    padding: 5px 8px;
    margin: 0;
    background: transparent;
    border-radius: 4px;
    transition: background 0.3s ease, color 0.3s ease;
    display: inline-block;
    vertical-align: middle;
}
#breadcrumb li a:hover {
    background: var(--fs-color-primary, #0275d8); /* Varsayılan */
    color: #fff; /* Varsayılan */
}
#breadcrumb li.current span {
    color: #fff; /* Bu, link olmayan mevcut sayfanın rengidir */
    font-weight: normal;
    padding: 5px 8px;
    display: inline-block;
    vertical-align: middle;
}