/* MOBİL İÇİN YATAY İKON MENÜ TASARIMI (Masaüstü korunur) */

/* Masaüstü Kuralları */
@media (min-width: 992px) {
    #sidebar .theme-brand {
        display: none !important;
    }
    
    /* Masaüstü Menü - Eşit Dağıtım ve Ortalama */
    #sidebar .menu-categories {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-evenly !important; /* Öğeler arasında eşit boşluk */
        align-items: center !important;
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    
    /* MENÜ ÖĞELERİ (LI) İÇİN KAPSAMLI TEMİZLİK */
    #sidebar .menu-categories li.menu {
        margin: 0 !important; /* Tüm margin'leri kaldır, flexbox space-evenly boşlukları yönetecek */
        border: none !important; /* Tüm kenarlıkları kaldır */
        border-right: none !important; 
        border-left: none !important;
        box-shadow: none !important; /* Gölge varsa kaldır */
        background-image: none !important; /* Arka plan resmi varsa kaldır */
        position: relative !important;
        flex: 0 0 auto !important; /* İçerik genişliğinde kal, büyüme/küçülme yok */
    }

    /* PSEUDO-ELEMENTLERİ (::before, ::after) YOK ET */
    #sidebar .menu-categories li.menu::after,
    #sidebar .menu-categories li.menu::before {
        content: none !important;
        display: none !important;
        border: none !important;
        background: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* LINK (A) ETİKETİ İÇİN TEMİZLİK */
    #sidebar .menu-categories li.menu > a {
        padding-left: 6px !important; /* Sağdaki boşluğun yarısı kadar soldan ekle */
        padding-right: 2px !important; /* Sağ boşluğu yarı yarıya azalt (4px -> 2px) */
        border: none !important;
        background-image: none !important;
    }

    /* LINK PSEUDO-ELEMENTLERİNİ YOK ET */
    #sidebar .menu-categories li.menu > a::after,
    #sidebar .menu-categories li.menu > a::before {
        content: none !important; /* Bootstrap dropdown oku vb. varsa kaldır */
        display: none !important;
    }

    /* DROPDOWN TOGGLE'DAN GELENLERİ TEMİZLE */
    #sidebar .menu-categories li.menu > a.dropdown-toggle::after {
        display: none !important;
    }
}

/* Brand Logo/Text Ayarları (Tüm Ekranlar için) */
.navbar .theme-brand {
    flex-wrap: nowrap !important;
    align-items: center !important;
    max-width: 200px !important; /* Maksimum genişlik sınırı */
}

.navbar .theme-text {
    white-space: nowrap !important; /* Alt satıra inmeyi engelle */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-left: 8px !important; /* Logo ile mesafe */
}

.navbar .theme-text a {
    font-size: 18px !important; /* Varsayılan boyut */
    transition: font-size 0.2s ease !important;
    white-space: nowrap !important;
}

/* Küçük ekranlarda yazı boyutunu küçült */
@media (max-width: 576px) {
    .navbar .theme-brand {
        max-width: 150px !important;
    }
    .navbar .theme-text a {
        font-size: 14px !important; /* Mobilde daha küçük font */
    }
    .navbar .logo-light, .navbar .logo-dark {
        height: 32px !important; /* Logoyu da biraz küçült */
        width: auto !important;
    }
}

/* Mobil Kuralları (991px ve altı) */
@media (max-width: 991px) {
    
    /* 1. Konteyner Sıfırlama (Fixed pozisyonun çalışması için şart) */
    .main-container, #container, body, html {
        transform: none !important;
        -webkit-transform: none !important;
        position: static !important;
        overflow: visible !important;
    }

    /* 2. Eski Sidebar Elemanlarını Gizle */
    .sidebarCollapse, 
    .overlay, 
    .shadow-bottom, 
    #nav-progress-sidebar,
    #sidebar .theme-brand,
    #sidebar .nav-logo {
        display: none !important;
        height: 0 !important;
        width: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* 3. Sidebar Wrapper (Dış Kap) - Üst Şerit */
    .sidebar-wrapper {
        position: fixed !important;
        top: 62px !important;
        left: 0 !important;
        width: 100vw !important;
        height: 60px !important;
        background-color: #0e1726 !important;
        z-index: 1029 !important; /* Dropdown'ların altında kalması için düşürüldü */
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border-bottom: 1px solid #1b2e4b !important;
        box-shadow: 0 4px 6px rgba(0,0,0,0.2) !important;
        overflow: hidden !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 4. Nav Elementi */
    .sidebar-wrapper nav#sidebar {
        height: 100% !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        overflow: hidden !important;
        flex: 1 !important;
    }

    /* 5. Liste (UL) - Yatay Kaydırma */
    .sidebar-wrapper nav#sidebar ul {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        list-style: none !important;
        -webkit-overflow-scrolling: touch;
        position: static !important;
    }
    
    .sidebar-wrapper nav#sidebar ul::-webkit-scrollbar {
        display: none !important;
    }

    /* 6. Liste Öğeleri (LI) - Kutu Yapısı */
    /* Class ismine bağımlılığı kaldırdım, direkt hiyerarşiden yakalıyorum */
    .sidebar-wrapper nav#sidebar ul li {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        margin: 0 4px !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        position: relative !important;
        background: transparent !important;
        border-radius: 8px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* 7. Linkler (A) */
    .sidebar-wrapper nav#sidebar ul li a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        text-decoration: none !important;
        background: transparent !important;
        color: #bfc9d4 !important;
        overflow: visible !important;
    }
    
    /* A içindeki DIV (İkon Taşıyıcı) */
    .sidebar-wrapper nav#sidebar ul li a > div {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 8. SVG İkonlar - Zorla Göster */
    .sidebar-wrapper nav#sidebar ul li svg {
        display: block !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        color: #bfc9d4 !important;
        stroke: #bfc9d4 !important;
        stroke-width: 2px !important;
        fill: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: none !important; /* Tıklamayı A etiketine bırak */
    }

    /* 9. Aktif ve Hover Durumları */
    .sidebar-wrapper nav#sidebar ul li.active > a,
    .sidebar-wrapper nav#sidebar ul li:hover > a {
        background-color: #4361ee !important;
        color: #fff !important;
        box-shadow: 0 4px 6px rgba(67, 97, 238, 0.4) !important;
        border-radius: 12px !important;
    }

    .sidebar-wrapper nav#sidebar ul li.active svg,
    .sidebar-wrapper nav#sidebar ul li:hover svg {
        color: #fff !important;
        stroke: #fff !important;
    }

    /* 10. Metinleri ve Ekstraları Gizle */
    .sidebar-wrapper nav#sidebar ul li span,
    .sidebar-wrapper nav#sidebar ul li .submenu,
    .sidebar-wrapper nav#sidebar ul li a div:nth-child(2) {
        display: none !important;
    }

    /* İçerik Alanını Ayarla */
    #content {
        margin-top: 130px !important;
        padding-top: 20px !important;
        z-index: 1 !important;
        position: relative !important;
    }
    
    /* Scroll Barlarını Gizle */
    .ps__rail-x, .ps__rail-y {
        display: none !important;
    }
}