/* Danmi v51 — mobile dark mode: remove every CSS background gradient */

@media (max-width: 760px) {
  html[data-theme="dark"],
  html[data-theme="dark"] body,
  body.dark-mode {
    background-image: none !important;
    background-color: #171321 !important;
  }

  /*
    모바일 다크모드에서는 모든 UI 요소와 가상 요소의
    CSS background-image를 끈다.
    linear/radial/conic-gradient가 background shorthand로 들어가 있어도
    background-image:none이 마지막에 적용되어 단색만 남는다.
  */
  html[data-theme="dark"] body *,
  html[data-theme="dark"] body *::before,
  html[data-theme="dark"] body *::after,
  body.dark-mode *,
  body.dark-mode *::before,
  body.dark-mode *::after {
    background-image: none !important;
  }

  /* 주요 바탕은 투명해지지 않도록 기존 다크 단색 계열로 확실히 고정 */
  html[data-theme="dark"] .app-shell,
  html[data-theme="dark"] .main-content,
  html[data-theme="dark"] .content-area,
  html[data-theme="dark"] #routePage,
  body.dark-mode .app-shell,
  body.dark-mode .main-content,
  body.dark-mode .content-area,
  body.dark-mode #routePage {
    background-image: none !important;
  }

  html[data-theme="dark"] .mobile-bottom-nav,
  body.dark-mode .mobile-bottom-nav {
    background-image: none !important;
    background-color: #1b1625 !important;
  }

  html[data-theme="dark"] .top-header,
  body.dark-mode .top-header {
    background-image: none !important;
    background-color: #1b1625 !important;
  }

  html[data-theme="dark"] .route-page-header,
  body.dark-mode .route-page-header {
    background-image: none !important;
  }

  /* 팝업/카드/입력창도 그라데이션 없이 기존 단색 배경만 사용 */
  html[data-theme="dark"] .member-panel,
  html[data-theme="dark"] .member-linkage-column,
  html[data-theme="dark"] .member-auth-column,
  html[data-theme="dark"] .admin-panel,
  html[data-theme="dark"] .admin-login-panel,
  html[data-theme="dark"] .full-view-panel,
  html[data-theme="dark"] .policy-panel,
  html[data-theme="dark"] .schedule-detail-dialog,
  html[data-theme="dark"] .song-lyrics-panel,
  body.dark-mode .member-panel,
  body.dark-mode .member-linkage-column,
  body.dark-mode .member-auth-column,
  body.dark-mode .admin-panel,
  body.dark-mode .admin-login-panel,
  body.dark-mode .full-view-panel,
  body.dark-mode .policy-panel,
  body.dark-mode .schedule-detail-dialog,
  body.dark-mode .song-lyrics-panel {
    background-image: none !important;
  }

  /* 버튼도 모바일 다크모드에서 그라데이션 제거 */
  html[data-theme="dark"] button,
  html[data-theme="dark"] input,
  html[data-theme="dark"] select,
  html[data-theme="dark"] textarea,
  body.dark-mode button,
  body.dark-mode input,
  body.dark-mode select,
  body.dark-mode textarea {
    background-image: none !important;
  }
}