/**
 * Çift şirket logosu: tema = dark → koyu zemin logosu, aksi halde açık zemin logosu.
 * (app.css / Tailwind hattında bu kurallar kaybolduğu için ayrı dosya; CoreUI’dan sonra yüklenir.)
 */

/* Logo alanı: üst header (4rem) ile aynı yükseklik; logo alanı doldurur, taşmaz.
   (.sidebar-brand-full/narrow display’ine dokunma — dar menü gizleme bozulmasın) */
#sidebar .sidebar-header {
    --sidebar-brand-header-height: calc(4rem + 1px);
    --sidebar-brand-logo-pad: 0.25rem;
    position: relative;
    justify-content: center;
    box-sizing: border-box;
    height: var(--sidebar-brand-header-height);
    min-height: var(--sidebar-brand-header-height);
    padding-top: var(--sidebar-brand-logo-pad);
    padding-bottom: var(--sidebar-brand-logo-pad);
}

#sidebar .sidebar-header .sidebar-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 0;
}

#sidebar .sidebar-header .btn-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-end: 0.35rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-end: 0;
    z-index: 2;
}

.sidebar-brand-full-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 100%;
    max-height: 100%;
}

/* Logo: header iç yüksekliğini doldurur, taşmaz */
#sidebar .sidebar-brand-full img,
#sidebar .sidebar-brand-narrow img {
    display: block;
    height: calc(var(--sidebar-brand-header-height) - (2 * var(--sidebar-brand-logo-pad)));
    max-height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

#sidebar .sidebar-brand-full img {
    max-width: min(100%, 12rem);
}

#sidebar .sidebar-brand-narrow img {
    max-width: calc(100% - 0.25rem);
}
#sidebar .sidebar-brand-full .sidebar-brand-logo--dark-bg,
#sidebar .sidebar-brand-narrow .sidebar-brand-logo--dark-bg {
    display: none !important;
}

#sidebar .sidebar-brand-full .sidebar-brand-logo--light-bg,
#sidebar .sidebar-brand-narrow .sidebar-brand-logo--light-bg {
    display: block !important;
}

html[data-coreui-theme='dark'] #sidebar .sidebar-brand-full .sidebar-brand-logo--dark-bg,
html[data-coreui-theme='dark'] #sidebar .sidebar-brand-narrow .sidebar-brand-logo--dark-bg {
    display: block !important;
}

html[data-coreui-theme='dark'] #sidebar .sidebar-brand-full .sidebar-brand-logo--light-bg,
html[data-coreui-theme='dark'] #sidebar .sidebar-brand-narrow .sidebar-brand-logo--light-bg {
    display: none !important;
}

/* Sadece menü koyu: html attribute (head’de set) — ilk boyamada flaş olmasın */
html[data-intranet-menu-dark='1'] #sidebar {
    --cui-body-color: rgba(255, 255, 255, 0.87);
    --cui-body-bg: #212631;
    --cui-emphasis-color: #fff;
    --cui-secondary-color: rgba(255, 255, 255, 0.6);
    --cui-secondary-bg: #323a49;
    --cui-tertiary-color: rgba(255, 255, 255, 0.38);
    --cui-tertiary-bg: rgb(41.5, 48, 61);
    --cui-border-color: #323a49;
}

html[data-intranet-menu-dark='1'] #sidebar .sidebar-toggler {
    filter: var(--cui-sidebar-toggler-white-filter);
}

/* Sadece menü koyu: koyu zemin logosu (.sidebar-dark veya head attribute) */
#sidebar.sidebar-dark .sidebar-brand-full .sidebar-brand-logo--dark-bg,
#sidebar.sidebar-dark .sidebar-brand-narrow .sidebar-brand-logo--dark-bg,
html[data-intranet-menu-dark='1'] #sidebar .sidebar-brand-full .sidebar-brand-logo--dark-bg,
html[data-intranet-menu-dark='1'] #sidebar .sidebar-brand-narrow .sidebar-brand-logo--dark-bg {
    display: block !important;
}

#sidebar.sidebar-dark .sidebar-brand-full .sidebar-brand-logo--light-bg,
#sidebar.sidebar-dark .sidebar-brand-narrow .sidebar-brand-logo--light-bg,
html[data-intranet-menu-dark='1'] #sidebar .sidebar-brand-full .sidebar-brand-logo--light-bg,
html[data-intranet-menu-dark='1'] #sidebar .sidebar-brand-narrow .sidebar-brand-logo--light-bg {
    display: none !important;
}

/* Seçili sol menü öğesi: ikon birincil tema rengi (CoreUI Navigation .active) */
#sidebar .sidebar-nav .nav-link.active .nav-icon {
    color: var(--cui-primary);
}

@media (hover: hover), (-ms-high-contrast: none) {
    #sidebar .sidebar-nav .nav-link.active:hover .nav-icon,
    #sidebar .sidebar-nav .nav-link.active:focus-visible .nav-icon {
        color: var(--cui-primary);
    }
}

/* Intranet: roadmap’te henüz tamamlanmayan menüler (tamamlanınca app.blade.php’de sidebar_status => complete) */
#sidebar .sidebar-nav .nav-item--sidebar-pending > .nav-link:not(.active) {
    opacity: 0.58;
}

@media (hover: hover), (-ms-high-contrast: none) {
    #sidebar .sidebar-nav .nav-item--sidebar-pending > .nav-link:not(.active):hover,
    #sidebar .sidebar-nav .nav-item--sidebar-pending > .nav-link:not(.active):focus-visible {
        opacity: 0.78;
    }
}

/* Sol menü: satır / bölüm aralıklarını sıkılaştır (ana + alt menü) */
#sidebar .sidebar-nav {
    --cui-sidebar-nav-padding-y: 0.15rem;
    --cui-sidebar-nav-padding-x: 0.35rem;
    --cui-sidebar-nav-gap: 0;
    --cui-sidebar-nav-link-padding-y: 0.2rem;
    --cui-sidebar-nav-link-padding-x: 0.7rem;
    --cui-sidebar-nav-link-icon-margin: 0.45rem;
    --cui-sidebar-nav-title-padding-y: 0.2rem;
    --cui-sidebar-nav-title-padding-x: 0.7rem;
    --cui-sidebar-nav-title-margin-top: 0.3rem;
    --cui-sidebar-nav-group-items-padding-y: 0;
}

/* Yönetim / İntranet / Rapor Paneli grup başlıkları: Title Case, menü satırlarıyla aynı punto, kalın; CoreUI uppercase kapalı */
#sidebar .sidebar-nav .nav-title {
    font-size: 1em;
    font-weight: 700;
    color: var(--cui-emphasis-color);
    text-transform: none;
}

/* CoreUI .compact alt menüde padding-y'yi tekrar büyütüyor; aynı sıkı değere sabitle */
#sidebar .sidebar-nav.compact .nav-link,
#sidebar .sidebar-nav .compact .nav-link {
    --cui-sidebar-nav-link-padding-y: 0.18rem;
}

/* Alt menü: sağa girinti + ana menüyle aynı SVG ikon hizası */
#sidebar .sidebar-nav .nav-group-items {
    padding-inline-start: 0.85rem;
}

#sidebar .sidebar-nav .nav-group-items .nav-link {
    -webkit-padding-start: calc(var(--cui-sidebar-nav-link-padding-x) + var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin));
    padding-inline-start: calc(var(--cui-sidebar-nav-link-padding-x) + var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin));
}

#sidebar .sidebar-nav .nav-group-items .nav-icon {
    -webkit-margin-start: calc(-1 * (var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)));
    margin-inline-start: calc(-1 * (var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)));
    flex-shrink: 0;
}

/* Sistem > Tanımlar: iç alt menü bir kademe daha içeride */
#sidebar .sidebar-nav .nav-group-items .nav-group-items {
    padding-inline-start: 0.85rem;
}
