/**
 * "전체" 탭(SNS 피드) 전용 보강 스타일
 * - 카드 골격/여백은 klubo.css 의 view-card(.community-gallery--view) 를 그대로 상속한다.
 *   여기서는 view 스킨에는 없는 "소속 게시판 배지"와 유튜브 썸네일 재생 오버레이만 얹는다.
 * - 앱은 라이트 전용이므로 다크 토큰을 두지 않는다. 좌측 세로라인 강조/카드 재설계 없음. 8pt 그리드.
 */

/* 소속 게시판 배지(칩) — 헤더 닉네임 옆. 배경 칩으로 구분(세로라인 강조 금지) */
.community-gallery--all .view-card__header .name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.community-gallery--all .community-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 2px 8px;
    border-radius: 10px;
    background: #eef2f7;
    color: #475569;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.community-gallery--all .community-badge .emo {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
}

/* 유튜브 썸네일: 재생(▶) 오버레이 */
.community-gallery--all .view-card__thumb--youtube {
    position: relative;
}

.community-gallery--all .view-card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    pointer-events: none;
}

.community-gallery--all .view-card__play .emo {
    width: 20px;
    height: 20px;
}