/* ==========================================
   활동배지 전용 보조 스타일
   퍼블리싱 공통 CSS(styles-scroll-wrap.css)에 배지 클래스 포함됨
   이 파일은 공통 CSS에 없는 배지 전용 요소만 정의
   ========================================== */

/* 에디터 배지 칩 (에딧샵 홈, 에디터소개 팝업, 전시설정 홈 등) */
.badge-chip {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    margin-left: 6px;
    vertical-align: middle;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#heroSection.badge-hero-shell {
    min-height: 19.25rem;
}

#heroSection .badge-info--placeholder {
    visibility: hidden;
}

#heroSection .badge-info--placeholder .badge-info__img {
    background: transparent;
}

#heroSection .badge-info__img[data-badg-no],
#heroSection .badge-info__img[data-badg-no] * {
    cursor: pointer;
}

.badge-tab .nav-tabs .nav-link .badge-tab__label {
    position: relative;
}

#accmTabCnt.badge-tab__count:empty,
#mthTabCnt.badge-tab__count:empty {
    display: none;
}

.badge-list__item > button {
    display: block;
    position: relative;
    width: 100%;
}

.badge-list__img .ico-new {
    position: absolute;
    right: 0.125rem;
    top: 0.3125rem;
    z-index: 1;
}

.wrap.bizhome:not(.badge-ui-ready) .badge-list__img .ico-new,
.wrap.bizhome:not(.badge-ui-ready) .badge-list__img .badge-list__represent,
.wrap.bizhome:not(.badge-ui-ready) .badge-tab .nav-tabs .nav-link.active-dot .badge-tab__label::after {
    opacity: 0;
}

.wrap.bizhome .badge-list__img .ico-new,
.wrap.bizhome .badge-list__img .badge-list__represent,
.wrap.bizhome .badge-tab .nav-tabs .nav-link.active-dot .badge-tab__label::after {
    transition: opacity .12s ease;
}