/* 헤더/사이드 로고 이미지로 덮어쓰기 */
.logo.logo--wordmark,
.logo.logo--icon {
  background-image: url("/branding/logo_idea_long.png?v=1");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: auto; height: 28px; /* 필요시 조정 */
}

/* 내부 기본 SVG는 안 보이게 */
.logo.logo--wordmark use,
.logo.logo--icon use,
.logo.logo--icon img { display: none; }

:root, body, .ui    /* 스코프 넓게: 테마별 변수 덮어쓰기 */
{
  --logo: url("/branding/logo_idea_long.png?v=2"); /* 경로는 public/branding 기준 */
}

/* 2) 로고가 background로 그려지는 요소 강제 적용(버전마다 선택자 상이해 여럿 지정) */
.logo,
.logo.logo--wordmark,
.logo.logo--icon,
.ui__header__logo,
.column-link--logo
{
  background-image: var(--logo) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: left !important;
}

/* 3) 내장된 <svg><use>가 겹쳐 보이는 경우 숨김 */
.logo use,
.logo svg { display: none !important; }

/* 4) 크기 보정(원하시는 높이로 조절) */
.logo.logo--wordmark,
.logo.logo--icon,
.ui__header__logo,
.column-link--logo {
  height: 28px;      /* 필요 시 24~32px 범위로 조절 */
  width: auto;
}

.layout-single-column .ui__header__logo, .layout-single-column .column-link.column-link--logo {
width : 100%;
}

.admin-wrapper .sidebar > a {
width: 100%;
height : 200px;
background-image: url("/branding/logo_idea_long.png?v=2");
background-repeat : no-repeat;
background-position : center;
display:block;
}
.logo.logo--icon { display:none !important;}