/* === MAIN CONTENT BACKGROUND IMAGE FIX === */

/* Variables - Desktop (1200px+) - Big Sidebar */
.main__content,
#main_content {
  --bg-overlay: rgba(0, 0, 0, 0.3) !important;
  --sidebar-width: 220px !important;
}

/* Variables - Desktop Small Sidebar (Daraltılmış) */
body:has(.sidebar--small) .main__content,
body:has(.sidebar--small) #main_content,
.sidebar--small ~ .main__content,
.sidebar--small ~ #main_content {
  --sidebar-width: 80px !important;
}

/* Main Content Background Image - Desktop */
.main__content,
#main_content {
  /*background-image: url("https://assets.monoworks.net/uploads/images/GAMBEN_BG2-1760553322732.png") !important;*/
  background-image: url("https://i.hizliresim.com/85qymuw.png") !important;
  background-position: 220px center !important;
  background-size: calc(100% - 220px) 100% !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  position: relative !important;
  /*background: #c7c7c7;*/
}

/* Optional: Dark Overlay for Better Content Readability
.main__content::before,
#main_content::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: var(--bg-overlay) !important;
  pointer-events: none !important;
  z-index: 0 !important;
} */

.main__content::before,
#main_content::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: var(--bg-overlay) !important; /* Mevcut overlay kullanılıyor */
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Ensure Content Stays Above Background */
.main__content > *,
#main_content > * {
  /*position: relative !important;
  z-index: 1 !important;*/
}

/* Desktop Small Sidebar - Background Position Update (Collapsed 80px) */
body:has(.sidebar.active) .main__content,
body:has(.sidebar.active) #main_content,
body:has(.sidebar--small) .main__content,
body:has(.sidebar--small) #main_content,
.sidebar--small ~ .main__content,
.sidebar--small ~ #main_content,
.sidebar.active ~ .main__content,
.sidebar.active ~ #main_content {
  --sidebar-width: 80px !important;
  background-position: 80px center !important;
  background-size: calc(100% - 80px) 100% !important;
}

/* Responsive - Tablet (768px - 1199px) - Sidebar 80px */
@media (min-width: 768px) and (max-width: 1199px) {
  .main__content,
  #main_content {
    --sidebar-width: 80px !important;
    background-attachment: scroll !important;
    background-position: 80px center !important;
    background-size: calc(100% - 80px) 100% !important;
  }
}

/* Responsive - Mobile (<768px) - Sidebar Overlay (Hidden) */
@media (max-width: 767px) {
  .main__content,
  #main_content {
    --sidebar-width: 0px !important;
    background-image: none !important; /* Mobil'de gizle - İleride farklı görsel eklenecek */
    background-attachment: scroll !important;
    background-position: left center !important;
    background-size: 100% 100% !important;
  }
  
  /* Overlay da kaldır (görsel yok) */
  .main__content::before,
  #main_content::before {
    display: none !important;
  }
}
.footer__list a {
    color: #ffffff !important;
}
.container p {
    color: #ffffff !important;
}
.footer__copyright {
    color: #fff !important;
}
.footer__contacts li {
    color: #fff !important;
}