/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template/simple-sidebar)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

body {
  overflow-x: hidden;
  background-color: #f8f9fa; 
}

/* Ana Sarmalayıcı */
#wrapper {
  display: flex; 
}

/* Yan Menü (Sidebar) Ayarları */
#sidebar-wrapper {
  min-height: 100vh;
  width: 15rem;
  margin-left: -15rem; /* Başlangıçta gizli */
  transition: margin .25s ease-out;
  background-color: #343a40; 
  color: white;
  position: fixed; 
  z-index: 1030; 
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#sidebar-wrapper .list-group-item {
    background-color: #343a40;
    color: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 0;
    padding: 1rem 1.25rem;
    transition: background-color 0.2s;
}

#sidebar-wrapper .list-group-item:hover,
#sidebar-wrapper .list-group-item.active {
    background-color: #495057;
    color: white;
}

/* İçerik Alanı Ayarları */
#page-content-wrapper {
    /* Genel ayarlarda min-width: 100% korundu */
    min-width: 100%; 
    padding: 1rem;
    
    /* 🔥 Hata Çözümü: Kullanıcının istediği margin-left: 10rem kuralı mobil görünümde/geçişlerde sorun çıkardığı için kaldırıldı. Masaüstü için aşağıda düzeltiliyor. */
    margin-left: 0; 
    padding-left: 1rem;
}

/* Geçiş Durumu (Menü Açık/Kapalı) */
#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

/* Yalnızca Masaüstü Görünümü (768px ve üzeri) */
@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0; /* Menü görünür */
  }

  /* 🔥 KRİTİK DÜZELTME: Menü 15rem olduğu için, içeriği 15rem + 1rem (boşluk) kadar sağa itiyoruz. */
  #page-content-wrapper {
    min-width: 0;
    width: 100%;
    
    /* Masaüstünde, sabit menüye yer açmak için içeriği sağa it */
    margin-left: 15rem; /* Menü genişliği kadar */
    padding-left: 1rem; /* Başlık ve içerik için boşluk */
  }
}

/* Login Sayfası Ayarları */
#login-container {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #343a40; 
}
.login-card {
    width: 100%;
    max-width: 400px;
}


/* KULLANICI İÇERİK OPTİMİZASYONLARI */

/* İlanlar filtreleme kartı ve ana içerik kartı için max-width */
.card {
    max-width: 1100px;
    margin-left: auto; /* Sola hizalama için kaldırılmıştı, isteğe göre tekrar eklenebilir veya kaldırılabilir. */
    margin-right: auto;
}

/* Tablo hücrelerinin tek satırda kalmasını sağlar */
.nowrap-cell {
    white-space: nowrap;
}