/* Kayma düzeltme */
body, html {
    margin: 0;
    padding: 0;
}

/* Genel container */
.container {
    display: flex;
    flex-direction: row;
    min-height: 100vh;
}


/* Sidebar */
#sidebar-container {
    width: 250px;
    background-color: #1a1a1a;
    flex-shrink: 0;
}

/* Ana içerik */
.main-content {
    flex: 1;
    padding: 20px;
}

/* ------------------- */
/* Mobil uyumluluk */
/* ------------------- */
@media (max-width: 800px) {
    /* Container dikey yöne geçsin */
    .container {
        flex-direction: column;
        min-height: auto; /* Dikeyde tam ekran yüksekliği gerekmeyebilir */
    }

    /* Sidebar genişlik ve görünürlük ayarı */
    #sidebar-container {
        width: 100%;
        height: auto;
        order: -1; /* Sidebar üstte gösterilsin istersen */
        /* Eğer mobilde sidebar gizlenecekse: */
        /* display: none; */
    }

    /* Ana içerik padding küçült */
    .main-content {
        padding: 10px 15px;
        width: 100%;
    }
}