/* 바이탈 브랜드 로고 교체 — 헤더의 'VITAL'(Belleza 텍스트)을 정식 브랜드 로고 이미지로.
   받은 원본 로고(VT 모노그램 + VITAL + PLASTIC SURGERY)를 그대로 쓴다.
   히어로 헤더=흰 로고(어두운 히어로 위), 모바일·스티키 헤더=다크브라운 로고(아이보리 배경).
   텍스트는 화면에서만 숨기고(DOM에 남겨 스크린리더가 읽음), 레이아웃 위치는 건드리지 않는다. */

/* 히어로 헤더 워드마크(흰색, 어두운 히어로 위) */
a[data-name="VITAL"]{
  display:block !important;
  width:176px !important; height:54px !important; top:32px !important;
  /* 기본값은 다수인 하위 페이지(밝은 히어로)용 다크 로고. 홈처럼 어두운 히어로는 brand-logo.js가 흰 로고로 바꾼다. */
  background:url('/assets/brand/vital-logo-horizontal-brown.png') left center / contain no-repeat !important;
  text-indent:-9999px; overflow:hidden; white-space:nowrap;
}
/* JS가 어두운 히어로로 판단하면 흰 로고 */
a[data-name="VITAL"].brand-logo-white{
  background-image:url('/assets/brand/vital-logo-horizontal-white.png') !important;
}
/* 'PLASTIC SURGERY' 부제는 로고 이미지에 이미 포함 → 숨김 */
[data-name="PLASTIC SURGERY"]{ display:none !important; }

/* 모바일 헤더(아이보리 배경 → 다크 로고) */
.mobile-header > a{
  display:inline-block; width:132px; height:30px;
  background:url('/assets/brand/vital-logo-horizontal-brown.png') left center / contain no-repeat;
  text-indent:-9999px; overflow:hidden; white-space:nowrap;
}

/* 스크롤 시 나타나는 상단 고정 헤더(아이보리 배경 → 다크 로고) */
.vital-sticky-brand{
  display:inline-block; width:150px; height:34px; padding:0;
  background:url('/assets/brand/vital-logo-horizontal-brown.png') left center / contain no-repeat;
  text-indent:-9999px; overflow:hidden; white-space:nowrap;
}
.vital-sticky-brand span{ display:none; }

/* 원장(magma) 페이지 전용 헤더 워드마크 → 흰 로고(어두운 히어로 위). 거대 장식 푸터(.footer-wordmark)는 건드리지 않음 */
.doctor-editorial .wordmark{
  display:inline-block !important; width:104px; height:30px;
  background:url('/assets/brand/vital-logo-horizontal-white.png') left center / contain no-repeat;
  text-indent:-9999px; overflow:hidden; white-space:nowrap;
}