@charset "UTF-8";
/* ============================================================
 * 섹션 헤더 (등급 그룹 구분)
 * 네임스페이스: .bk-section-header
 * 사용 예: <li class="bk-section-header is-premium">💎 프리미엄<span class="bk-section-count">2</span></li>
 * ============================================================ */
.bk-section-header {
  padding: 13px var(--bk-space-lg) 9px;
  font-size: 12px;
  font-weight: 700;
  color: #555;
  letter-spacing: 0.3px;
  background: var(--bk-color-section-bg);
  border-bottom: 1px solid var(--bk-color-border-soft);
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
}
.bk-section-header .bk-section-count {
  margin-left: auto;
  font-size: 11px;
  font-weight: 500;
  color: var(--bk-color-text-meta);
}
.bk-section-header.is-premium { color: var(--bk-color-premium); }
.bk-section-header.is-gold    { color: var(--bk-color-gold-text); }
.bk-section-header.is-plus    { color: var(--bk-color-plus-1); }

/* ============================================================
 * 2026-04-20: 섹션 헤더에 등급별 옅은 배경 복원
 * 상위 등급 아이템이 적어(프리미엄 2 / 골드 2 / 플러스 1) 노이즈 X
 * ============================================================ */
.bk-section-header.is-premium {
  background: #fbecef;
  color: var(--bk-color-premium);
}
.bk-section-header.is-gold {
  background: #fff8e1;
  color: var(--bk-color-gold-text);
}
.bk-section-header.is-plus {
  background: #edf7ef;
  color: var(--bk-color-plus-1);
}