/*
 * style.css
 *
 * NOT: Bu sadece CSS çatışmasını gidermek için temel yapısal stilleri içerir.
 * Temanızın diğer tüm görsel stillerini (renkler, fontlar vb.) bu dosyaya eklemelisiniz.
 */

/* ================================================= */
/* 1. Global Yapılandırma ve Temizleme */
/* ================================================= */
body {
    overflow-x: hidden; /* Yatay kaymayı engelle */
    margin: 0;
    padding: 0;
    background-color: #f4f5f8; /* Hafif gri arka plan (Admin Paneli Standardı) */
}

/* Tüm Sayfa Kapsayıcısı */
#global-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* ================================================= */
/* 2. Sidebar Konumlandırma */
/* ================================================= */
.iq-sidebar {
    position: fixed; /* Sidebar'ı sabitler */
    top: 0;
    left: 0;
    width: 250px; /* Sabit genişlik */
    height: 100vh; /* Tam ekran yüksekliği */
    background: #343a40; /* Koyu arka plan */
    color: #f8f9fa;
    z-index: 1030; /* Navbar'dan yüksek olsun */
    transition: all 0.3s ease;
}

/* ================================================= */
/* 3. Ana İçerik Alanı (Content Page) Konumlandırma */
/* ================================================= */
#content-page {
    position: relative;
    /* KRİTİK ÇÖZÜM: Sidebar genişliği kadar soldan boşluk bırak */
    margin-left: 250px; 
    padding: 20px;
    min-height: 100vh; /* En az ekran yüksekliği kadar olsun */
    width: auto;
}

/* ================================================= */
/* 4. Form İçindeki Kutu Düzeni (ilan-ekle.ejs için) */
/* ================================================= */
.iq-card {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background: #ffffff;
    margin-bottom: 20px;
}
.iq-card-body {
    padding: 20px;
}
/* Form elementlerini içeren satırların düzgün hizalanması */
.form-group.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-md-3, .col-md-4, .col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
}
/* Sidebar'ın diğer elementlerin altında kalmasını engeller */
.sidebar, #sidebar-wrapper {
    z-index: 9999 !important; /* En üst katmana taşır */
    position: relative;
    pointer-events: auto !important; /* Tıklama olaylarını zorunlu aktif eder */
}

/* Eğer menü bir 'content-page' içinde kalıyorsa taşmaları engeller */
.content-page {
    z-index: 1;
    overflow-x: hidden; /* Yan menünün üzerine taşmasını engeller */
}
/* Diğer tema stilleri buraya eklenmeli... */