/* Sol menü yerleşimi (desktop) */
@media (min-width: 961px) {
  #header.section {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh !important;
    width: 280px;
    z-index: 1000;
    overflow-y: auto !important;
    overflow-x: hidden;
    background: #2f3540;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
  }

  #header .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
  }

  #header .navbar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #header .navbar-section,
  #header .logo,
  #header .desktop-menu {
    width: 100% !important;
  }

  #header .logo {
    padding: 14px 16px 6px;
  }

  #header .desktop-menu {
    display: block !important;
    padding: 6px 10px 16px;
    overflow: visible !important;
  }

  #header .dropmenu,
  #header .dropmenu > ul,
  #header .dropmenu ul,
  #header .dropmenu li {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #header .dropmenu li {
    margin-bottom: 2px;
  }

  #header .dropmenu a {
    display: block !important;
    width: 100% !important;
    padding: 9px 12px;
    color: #f1f5f9 !important;
    border-radius: 6px;
    text-decoration: none;
    line-height: 1.35;
  }

  #header .dropmenu li.active > a,
  #header .dropmenu a:hover {
    background: rgba(255, 255, 255, 0.14);
  }

  #header .dropmenu ul ul {
    margin: 4px 0 10px 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  #page-wrapper {
    margin-left: 280px !important;
  }

  /* Üst menü ofsetini kaldır (sidebar modunda içerik yukarıdan başlasın) */
  .header-fixed #body-wrapper {
    padding-top: 0 !important;
  }

  #body-wrapper .container {
    padding-top: 1rem !important;
  }

  #start {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .mobile-menu,
  .mobile-container {
    display: none !important;
  }
}

/* Mobil üst bar: beyaz logonun kaybolmaması için koyu zemin */
@media (max-width: 960px) {
  #header.section {
    background: #2f3540 !important;
  }

  #header .logo {
    padding: 10px 14px;
  }

  #header .navbar-brand img {
    max-height: 34px;
    width: auto;
  }
}

/* HOTFIX: mobil üst barı zorla koyu yap */
@media (max-width: 960px) {
  body #header,
  body #header.section,
  body.header-fixed #header,
  body.header-fixed.header-animated #header,
  body.header-fixed.header-animated #header.scrolled,
  body .mobile-menu {
    background: #2f3540 !important;
    background-color: #2f3540 !important;
  }
}