/* ==============================================
   background-fix.css
   전체 페이지 배경색 통일 패치
   Header와 동일: var(--grey-900) = #292929
   ============================================== */

html,
body,
.app-layout,
.app-main,
.app-sidebar,
.page-container,
.sport-background,
.casino-background,
.casino-section-container,
.stats-section-container,
.slot-section,
.withdrawal-section,
.bottom-bg,
.event-section,
.playsafe-section,
.partner-section,
.site-footer {
  background-color: var(--grey-900) !important;
}

/* sport-background 의사요소도 통일 */
.sport-background::before,
.bottom-bg::before {
  background-color: var(--grey-900) !important;
  /* 배경 이미지는 home.css가 제어하므로 여기선 색만 덮어씀 */
}

/* glass container는 투명 유지 */
.sports-glass-container {
  background: rgba(255, 255, 255, 0.02) !important;
}

/* casino 데코 오브젝트는 배경 영향 없음 */
.casino-deco-obj {
  background: transparent !important;
}

/* ==============================================
   Sidebar collapse/expand (최우선 적용)
   body.sidebar-collapsed 클래스 토글로 제어
   ============================================== */
@media screen and (min-width: 769px) {
  body.sidebar-collapsed .app-sidebar {
    width: 72px !important;
    overflow-x: hidden !important;
  }
  body.sidebar-collapsed .app-main {
    margin-left: 72px !important;
  }
  body.sidebar-collapsed .nav-item span,
  body.sidebar-collapsed .sidebar-section-title,
  body.sidebar-collapsed .notice-list,
  body.sidebar-collapsed .rank-list-viewport,
  body.sidebar-collapsed .sidebar-withdraw-viewport,
  body.sidebar-collapsed .btn-sidebar-more {
    display: none !important;
  }
  body.sidebar-collapsed .nav-item {
    justify-content: center !important;
  }
}