/* Kategori ikonları: paneldeki `ikon` alanından gelen yerel Bootstrap Icons. */
.category-icon {
    flex: 0 0 auto;
    width: 1.15em;
    color: var(--brand);
    font-size: .95em;
    line-height: 1;
    text-align: center;
}

.nav-item > a { padding-inline: 10px; font-size: 14px; }
.nav-item > a::after { left: 10px; right: 10px; }
.nav-item > a > .category-icon { color: var(--muted); font-size: 13px; transition: color .2s; }
.nav-item > a:hover > .category-icon,
.nav-item:focus-within > a > .category-icon { color: var(--brand); }

.mega-head strong { display: flex; align-items: flex-start; gap: 10px; }
.mega-head strong .category-icon { margin-top: 2px; font-size: 20px; }
.mega-list a { display: flex; align-items: center; gap: 9px; }
.mega-list .category-icon { color: var(--muted); font-size: 14px; transition: color .2s; }
.mega-list a:hover .category-icon { color: var(--brand); }

.mobile-category-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--brand-soft);
    font-size: 16px;
}
.mobile-subtree a { display: flex; align-items: center; gap: 9px; }
.mobile-subtree .category-icon { font-size: 13px; }

.category-card-name { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.category-card-name .category-icon { font-size: 14px; }
.tab-nav button .category-icon { margin-right: 5px; color: currentColor; }

.aside-list .category-icon { width: 18px; color: var(--brand); font-size: 14px; }