/* Hamburger menü stil ayarları */

/* Mobil menü temel düzeltmeleri */
.mean-container .mean-bar {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #1d232c !important; /* AppBar arka plan rengi */
}

/* Hamburger butonun önceliği */
.sidebar__toggle {
    z-index: 1001 !important;
    display: block !important;
    margin-left: 5px !important;
}

/* Hamburger buton boyutu */
.sidebar__toggle i {
    font-size: 18px !important;
    display: block !important;
}

/* Mobil menü yüksekliği */
.mean-container .mean-nav {
    margin-top: 50px; /* Üst çubuğun altında başlaması için */
    max-height: calc(100vh - 50px); /* Ekrana sığması için */
    overflow-y: auto; /* Kaydırılabilir olması için */
}

/* Mobil menü linklerinin rengini beyaz olarak ayarla */
.mean-container .mean-nav ul li a {
    color: #ffffff !important;
    padding: 12px 5% !important; /* Link alanlarını büyüt */
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; /* Daha ince ayırıcı çizgiler */
}

/* Kırmızı hover efektini koru */
.mean-container .mean-nav ul li a:hover {
    color: #ff0808 !important;
    background-color: rgba(255, 255, 255, 0.05) !important; /* Hover için hafif arkaplan */
}

/* Alt menü renkleri */
.mean-container .mean-nav ul li li a {
    background: #10141a !important;
    color: #ffffff !important;
    padding-left: 10% !important; /* Alt menü girinti */
}

/* Alt menü hover */
.mean-container .mean-nav ul li li a:hover {
    color: #ff0808 !important;
}

/* Genişleme butonları */
.mean-container .mean-nav ul li a.mean-expand {
    height: 24px !important;
    padding: 12px !important;
    font-size: 18px !important;
    background: transparent !important;
    color: #ffffff !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Logo ve header alanı düzeltmeleri */
.header-1 .header-logo img {
    max-height: 70px !important; /* Mobilde logo boyutu */
}

/* Mobil appbar yüksekliği - tamamen değiştirildi */
@media screen and (max-width: 768px) {
    .header-1 {
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        padding: 0 !important;
        overflow: visible !important;
        position: fixed !important; /* Her zaman sabit pozisyonda */
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1050;
        background: #1d232c !important;
    }

    /* Header sticky düzeltmesi */
    .header-1.sticky-header {
        background: #1d232c !important;
    }

    /* Sayfaların üst kısmında boşluk bırakma */
    body {
        padding-top: 60px !important;
    }

    /* Mobilde ikonları küçült */
    .header-1 .sidebar__toggle i {
        font-size: 16px !important;
    }

    /* Hamburger buton arkaplan ve görünürlük */
    .header-1 .sidebar__toggle {
        background: rgba(255,255,255,0.05) !important;
        border-radius: 4px !important;
        height: 30px !important;
        width: 30px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Logo ve içerik hizalaması */
    .header-1 .header-logo {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .header-1 .header-main {
        display: flex;
        align-items: center;
        height: 100%;
    }

    /* Menü üst kenar aralığını düzelt */
    .mean-container .mean-nav {
        margin-top: 60px !important;
    }

    /* Header akışını optimize et */
    .header-right {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }
}