/**
 * 파일명: helpdesk-info.css
 * 경로: helpdesk/assets/css/helpdesk-info.css
 * 설명: 정보(FAQ) 게시판 전용 스타일 — Solapi Design System v3.0
 */

/* ======================================== 카테고리 뱃지 ======================================== */
.badge-category {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 9px; border-radius: var(--hc-radius-full, 9999px);
    font-size: 10px; font-weight: 700;
}
.badge-category.category-howto    { background: var(--hc-info-light,    rgba(59,130,246,.10));  color: var(--hc-info,    #3B82F6); }
.badge-category.category-payment  { background: var(--hc-warning-light, rgba(245,158,11,.10)); color: var(--hc-warning, #F59E0B); }
.badge-category.category-refund   { background: var(--hc-success-light, rgba(16,185,129,.10));  color: var(--hc-success, #10B981); }
.badge-category.category-technical{ background: var(--hc-info-light,    rgba(59,130,246,.10));  color: var(--hc-info,    #3B82F6); }

/* FAQ 분류 필: 마크업은 helpdesk-common.css .helpdesk-board-cat-nav__track .helpdesk-category-btn */

/* ======================================== 좋아요 버튼 ======================================== */
.helpdesk-like-btn {
    padding: 5px 10px;
    background: var(--hc-bg-tertiary, #F4F5FB);
    border: 1.5px solid var(--hc-border, #E2E4F0);
    border-radius: var(--hc-radius-md, 10px);
    cursor: pointer; transition: all var(--hc-transition-fast, 150ms ease);
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 13px; color: var(--hc-text-secondary, #555577);
    font-family: var(--hc-font-family);
}
.helpdesk-like-btn:hover {
    border-color: var(--hc-accent, #4541FF);
    color: var(--hc-accent, #4541FF);
    background: var(--hc-accent-glow, rgba(69,65,255,.10));
}
.helpdesk-like-btn.liked {
    background: var(--hc-accent-glow, rgba(69,65,255,.13));
    border-color: var(--hc-accent, #4541FF);
    color: var(--hc-accent, #4541FF);
}
.helpdesk-like-btn i { font-size: 14px; color: inherit !important; }