/* ==================================================
   새 정적 로고 사용
   - 기존 /packs, /assets 빌드 로고는 화면에서 숨김
   - PNG는 /public/theme-ui/logos/ 에 업로드한 파일
   ================================================== */


/* ── 1. PC 가로 로고: wordmark ── */

/* 기존 빌드 이미지 숨김 */
.navigation-panel__logo .logo--wordmark {
  display: none !important;
}

/* 밝음 테마 */
body:not(.theme-theme-ui-dark) .navigation-panel__logo .column-link--logo {
  width: 220px !important;
  height: 66px !important;
  min-height: 66px !important;
  padding: 0 !important;
  background: url('/theme-ui/logos/wordmark_light.png?v=1')
    center / contain no-repeat !important;
}

/* 어두움 테마 */
body.theme-theme-ui-dark .navigation-panel__logo .column-link--logo {
  width: 220px !important;
  height: 66px !important;
  min-height: 66px !important;
  padding: 0 !important;
  background: url('/theme-ui/logos/wordmark_dark.png?v=1')
    center / contain no-repeat !important;
}


/* ── 2. 모바일 로고: m_logo ── */

/* 기존 빌드 이미지 숨김 */
.ui__header__logo .logo--icon {
  display: none !important;
}

/* 밝음 테마 */
body:not(.theme-theme-ui-dark) .ui__header__logo {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  padding: 0 !important;
  background: url('/theme-ui/logos/m_logo_light.png?v=1')
    center / contain no-repeat !important;
}

/* 어두움 테마 */
body.theme-theme-ui-dark .ui__header__logo {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  padding: 0 !important;
  background: url('/theme-ui/logos/m_logo_dark.png?v=1')
    center / contain no-repeat !important;
}


/* ── 3. 세로/심볼 로고: logo ──
   logo--icon은 모바일에도 쓰이므로,
   .ui__header__logo 내부는 제외합니다.
*/

/* 기존 빌드 이미지 대신 새 세로 로고 표시 */
body:not(.theme-theme-ui-dark) .logo--icon:not(.ui__header__logo .logo--icon) {
  content: url('/theme-ui/logos/logo_light.png?v=1') !important;
}

body.theme-theme-ui-dark .logo--icon:not(.ui__header__logo .logo--icon) {
  content: url('/theme-ui/logos/logo_dark.png?v=1') !important;
}