/* ============================================================
   상세 본문 서식 — 단일 소스
   관리자 CKEditor 편집 화면(.ck-content)과 상품 페이지 본문
   (.product-detail-wrap)이 같은 규칙을 읽게 해서 WYSIWYG 을 성립시킨다.

   로드처 (page-scoped — 전역 base.html 에 넣지 않는다):
     templates/dashboard/product_form.html  ← {{ form.media.css }} 뒤에
     templates/shop/product_detail.html

   ⚠️ 전역 로드 금지 이유
   블로그·공지·이벤트·룩북 상세도 class="ck-content" 를 달고 있지만 그쪽 서식은
   kcshop.css 의 .article-card__body 가 담당한다. 전역으로 올리면 동일 특이도(0,1,1)
   충돌에서 나중에 로드되는 이 파일이 이겨 그 페이지들 제목 크기가 통째로 바뀐다.
   확장하려면 해당 템플릿에서 이 파일을 명시적으로 추가할 것.

   ⚠️ .ck-content 는 대시보드 문맥이라 kcshop.css 의 색상 토큰(--color-ink 등)이 없다.
   반드시 var(..., 폴백) 형태로 쓸 것. --font-sans 는 tokens.css 로 옮겨 양쪽 공용.
   ============================================================ */

.ck-content,
.product-detail-wrap {
  font-family: var(--font-sans);
  font-size: var(--font-size-base, 16px);
  line-height: var(--line-height-base, 1.7);
  color: var(--color-ink, #3c3530);
}

/* ⚠️ 본문 크기·행간에 --text-base / --leading-* 를 쓰면 안 된다.
   product_detail.html 의 .pdp-scope 가 ≥992 에서 --text-base 를 1.15rem 으로
   재선언한다(스코프 토큰 오버라이드). 그 토큰을 쓰면 상품 페이지만 18.4px,
   대시보드 에디터는 16px 이 되어 정확히 고치려던 불일치가 되살아난다(실측 확인).
   --font-size-base 는 스토어프론트에서 16px(모바일 15px), 대시보드에는 없어
   폴백 16px — 양쪽이 같은 값으로 수렴한다. */

/* 제목 — 값은 상품 페이지의 기존 서식이 기준(시각적 변화 없음).
   margin-top 은 Bootstrap 이 0 으로 리셋하므로 여기서 명시해야 에디터도 같아진다.
   margin-bottom .5rem 은 Bootstrap 기본값과 동일 — 제목이 아래 본문과 붙어 읽힌다. */
.ck-content h1, .product-detail-wrap h1 { font-size: 2.0rem; font-weight: 700; margin: 1.8rem 0 .5rem; }
.ck-content h2, .product-detail-wrap h2 { font-size: 1.6rem; font-weight: 700; margin: 1.5rem 0 .5rem; }
.ck-content h3, .product-detail-wrap h3 { font-size: 1.3rem; font-weight: 600; margin: 1.2rem 0 .5rem; }
.ck-content h4, .product-detail-wrap h4 { font-size: 1.1rem; font-weight: 600; margin: 1.0rem 0 .5rem; }
.ck-content h5, .product-detail-wrap h5 { font-size: 1.0rem; font-weight: 600; margin: 0.8rem 0 .5rem; color: #475569; }

/* h1·h5 는 툴바에서 뺐지만(H1 은 상품명 전용, H5 는 본문과 같은 1rem 이라 단계로 무의미)
   기존 콘텐츠 17개 상품에 이미 들어 있어 서식은 계속 유지한다. */

/* 본문 첫 요소의 큰 위 여백 제거 — 카드 상단에 붙여 시작 */
.ck-content > :first-child,
.product-detail-wrap > :first-child { margin-top: 0; }

/* 카페24 edibot 인라인 폰트 무력화.
   detail_html 980곳에 font-family:"malgun gothic" 이 박혀 있는데 Windows 전용이라
   macOS·iOS·안드로이드에서는 제네릭 sans-serif 로 떨어져 기기마다 다르게 보인다.
   DB 를 건드리지 않고 한 줄로 되돌린다(원복도 이 블록 삭제뿐).
   fontFamily 는 툴바에 없으므로 운영자가 의도적으로 지정한 폰트를 덮을 일은 없다. */
.ck-content [style*="font-family"],
.product-detail-wrap [style*="font-family"] { font-family: var(--font-sans) !important; }