@charset "utf-8";
/* ============================================================================
 * ERUMENB /common/css2/components/icons.css
 * ----------------------------------------------------------------------------
 * Version : v1-r06
 * Updated : 2026-03-28 06:45 KST
 * Purpose : 공통 아이콘/배지 스타일 최종본
 * ----------------------------------------------------------------------------
 * [r06]
 * - 첨부 색상 기준으로 book badge 팔레트 전체 재정비
 * - icon-book-bullet 링크 색상 상속 충돌 유지 보정
 * - old bullet 혼용 마크업까지 동일 색상으로 보강
 * - border-radius 2px 기준 유지
 * ============================================================================ */

/* ==========================================================================
 * 0. reset
 * ========================================================================== */

.bullet,
.icon-bullet,
.icon-ext-bullet,
.icon-book-bullet,
.icon-data-bullet,
[class^="ico-"],
[class*=" ico-"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    box-sizing: border-box;
}

.bullet-list,
.icon-bullet-list,
.icon-ext-bullet-list,
.icon-book-bullet-list,
.icon-data-bullet-list,
.book-bullet-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bullet-list > li,
.icon-bullet-list > li,
.icon-ext-bullet-list > li,
.icon-book-bullet-list > li,
.icon-data-bullet-list > li,
.book-bullet-list > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ==========================================================================
 * 1. anchor normalize
 * ========================================================================== */

a.bullet,
a.icon-bullet,
a.icon-ext-bullet,
a.icon-data-bullet,
a[class^="ico-"],
a[class*=" ico-"],
a .bullet,
a .icon-bullet,
a .icon-ext-bullet,
a .icon-data-bullet,
a [class^="ico-"],
a [class*=" ico-"] {
    color: inherit;
    text-decoration: none;
}

a.icon-book-bullet,
a .icon-book-bullet {
    text-decoration: none;
}

/* ==========================================================================
 * 2. generic bullet / icon bullet
 * ========================================================================== */

.bullet,
.icon-bullet,
.icon-ext-bullet,
.icon-data-bullet,
[class^="ico-"],
[class*=" ico-"] {
    gap: 4px;
    min-height: 20px;
    padding: 1px 7px;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

/* ==========================================================================
 * 3. book bullet base
 * ========================================================================== */

.icon-book-bullet,
a.icon-book-bullet,
a .icon-book-bullet {
    gap: 0;
    width: auto;
    min-width: 0;
    min-height: 22px;
    padding: 1px 7px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: 2px;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
    text-decoration: none;
}

.book-bullet-list .icon-book-bullet,
.book-bullet-list a.icon-book-bullet,
.book-bullet-list a .icon-book-bullet,
.icon-book-bullet-list .icon-book-bullet,
.icon-book-bullet-list a.icon-book-bullet,
.icon-book-bullet-list a .icon-book-bullet {
    margin: 0;
}

/* ==========================================================================
 * 4. book bullet variants
 * 첨부 기준 팔레트 적용
 * ========================================================================== */

.icon-book-new,
a.icon-book-bullet.icon-book-new,
a .icon-book-bullet.icon-book-new {
    background: #cc0066;
    border-color: #cc0066;
    color: #ffffff;
}

.icon-book-hit,
a.icon-book-bullet.icon-book-hit,
a .icon-book-bullet.icon-book-hit {
    background: #990033;
    border-color: #990033;
    color: #ffffff;
}

.icon-book-ebs,
a.icon-book-bullet.icon-book-ebs,
a .icon-book-bullet.icon-book-ebs {
    background: #996600;
    border-color: #996600;
    color: #ffffff;
}

.icon-book-revision,
a.icon-book-bullet.icon-book-revision,
a .icon-book-bullet.icon-book-revision {
    background: #0033cc;
    border-color: #0033cc;
    color: #ffffff;
}

.icon-book-new-pub,
a.icon-book-bullet.icon-book-new-pub,
a .icon-book-bullet.icon-book-new-pub {
    background: #d200d2;
    border-color: #d200d2;
    color: #ffffff;
}

.icon-book-update,
a.icon-book-bullet.icon-book-update,
a .icon-book-bullet.icon-book-update {
    background: #0033cc;
    border-color: #0033cc;
    color: #ffffff;
}

.icon-book-recommend,
a.icon-book-bullet.icon-book-recommend,
a .icon-book-bullet.icon-book-recommend {
    background: #6600cc;
    border-color: #6600cc;
    color: #ffffff;
}

.icon-book-mbest,
a.icon-book-bullet.icon-book-mbest,
a .icon-book-bullet.icon-book-mbest {
    background: #269b26;
    border-color: #269b26;
    color: #ffffff;
}

.icon-book-work,
a.icon-book-bullet.icon-book-work,
a .icon-book-bullet.icon-book-work {
    background: #cc00ff;
    border-color: #cc00ff;
    color: #ffffff;
}

.icon-book-speed,
a.icon-book-bullet.icon-book-speed,
a .icon-book-bullet.icon-book-speed {
    background: #cc0066;
    border-color: #cc0066;
    color: #ffffff;
}

.icon-book-basic,
a.icon-book-bullet.icon-book-basic,
a .icon-book-bullet.icon-book-basic {
    background: #0033ff;
    border-color: #0033ff;
    color: #ffffff;
}

/* ==========================================================================
 * 5. optional neutral variants
 * ========================================================================== */

.icon-book-outline,
a.icon-book-bullet.icon-book-outline,
a .icon-book-bullet.icon-book-outline {
    background: #ffffff;
    border-color: #9aa7bd;
    color: #355078;
}

.icon-book-muted,
a.icon-book-bullet.icon-book-muted,
a .icon-book-bullet.icon-book-muted {
    background: #eef3fa;
    border-color: #d6dfec;
    color: #355078;
}

/* ==========================================================================
 * 6. spacing helpers in content blocks
 * ========================================================================== */

.book-series-card__icons,
.book-title-icons,
.book-tab-badges,
.book-badges,
.book-desc-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.book-series-card__icons .icon-book-bullet,
.book-title-icons .icon-book-bullet,
.book-tab-badges .icon-book-bullet,
.book-badges .icon-book-bullet,
.book-desc-icons .icon-book-bullet {
    margin: 0;
}

/* ==========================================================================
 * 7. safety: old bullet class mixed with book badge
 * ========================================================================== */

.bullet.icon-book-bullet,
a.bullet.icon-book-bullet,
a .bullet.icon-book-bullet {
    min-height: 22px;
    padding: 1px 7px;
    border-radius: 2px;
    font-size: 11px;
    line-height: 1.45;
}

.bullet.icon-book-new,
a.bullet.icon-book-new,
a .bullet.icon-book-new {
    background: #cc0066;
    border-color: #cc0066;
    color: #ffffff;
}

.bullet.icon-book-hit,
a.bullet.icon-book-hit,
a .bullet.icon-book-hit {
    background: #990033;
    border-color: #990033;
    color: #ffffff;
}

.bullet.icon-book-ebs,
a.bullet.icon-book-ebs,
a .bullet.icon-book-ebs {
    background: #996600;
    border-color: #996600;
    color: #ffffff;
}

.bullet.icon-book-revision,
a.bullet.icon-book-revision,
a .bullet.icon-book-revision {
    background: #0033cc;
    border-color: #0033cc;
    color: #ffffff;
}

.bullet.icon-book-new-pub,
a.bullet.icon-book-new-pub,
a .bullet.icon-book-new-pub {
    background: #d200d2;
    border-color: #d200d2;
    color: #ffffff;
}

.bullet.icon-book-update,
a.bullet.icon-book-update,
a .bullet.icon-book-update {
    background: #0033cc;
    border-color: #0033cc;
    color: #ffffff;
}

.bullet.icon-book-recommend,
a.bullet.icon-book-recommend,
a .bullet.icon-book-recommend {
    background: #6600cc;
    border-color: #6600cc;
    color: #ffffff;
}

.bullet.icon-book-mbest,
a.bullet.icon-book-mbest,
a .bullet.icon-book-mbest {
    background: #269b26;
    border-color: #269b26;
    color: #ffffff;
}

.bullet.icon-book-work,
a.bullet.icon-book-work,
a .bullet.icon-book-work {
    background: #cc00ff;
    border-color: #cc00ff;
    color: #ffffff;
}

.bullet.icon-book-speed,
a.bullet.icon-book-speed,
a .bullet.icon-book-speed {
    background: #cc0066;
    border-color: #cc0066;
    color: #ffffff;
}

.bullet.icon-book-basic,
a.bullet.icon-book-basic,
a .bullet.icon-book-basic {
    background: #0033ff;
    border-color: #0033ff;
    color: #ffffff;
}