/* 경희미르애한의원 — 테넌트 커스텀 CSS
 * core:pull 이 건드리지 않는 보호 경로(public/local/).
 * BaseLayout 이 이 파일 존재 시 모든 페이지 <head> 에 <link> 로 로드한다.
 */

/* ── 모바일 햄버거(사이드) 메뉴: 대분류 제목 ↔ 하위 항목 위계 대비 강화 ──
 * 기본값: 대분류 제목은 text-xs(12px) font-black slate-400 uppercase tracking-widest 로
 *         하위 항목(text-sm 14px)보다 오히려 작아 구분이 잘 안 됐다.
 * 조정: 대분류 제목은 크고 진하게(본문색), 하위 항목은 얇고 작게 유지.
 */
#mobile-menu-drawer .flex-grow .uppercase.tracking-widest {
  font-size: 1.35rem;        /* 12px → 약 22px */
  font-weight: 800;
  color: #5a2d1a;            /* 진한 밤색 계열 */
  letter-spacing: -0.01em;   /* 한글엔 넓은 자간이 오히려 산만 */
  line-height: 1.25;
  padding-top: 1.2rem;
  padding-bottom: 0.5rem;
  margin-top: 0.4rem;
  border-top: 1px solid var(--border-subtle);
}

/* 첫 대분류는 위 구분선·여백 제거 */
#mobile-menu-drawer .flex-grow > div:first-child .uppercase.tracking-widest {
  padding-top: 0.25rem;
  margin-top: 0;
  border-top: 0;
}

/* 하위 메뉴 항목(전체 보기 포함)은 얇고 작게 유지 — 대분류와 확실히 대비 */
#mobile-menu-drawer .flex-grow a {
  font-size: 0.875rem;       /* 14px */
  font-weight: 400;
  color: var(--text-muted);
}
