/* === 레벨 배지 시스템 (lv-badge) === */
/* 새 CSS 클래스만 정의. 기존 클래스 수정 없음. */

/*
 * .lv-badge-wrap: 프로필 + 배지를 감싸는 컨테이너
 * 기존 프로필 이미지 자리에 1:1로 대체됨.
 * display: inline-block으로 기존 inline 흐름 유지.
 */
.lv-badge-wrap {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
	/* width는 inline style로 프로필 크기에 맞게 지정 */
}

/*
 * 프로필 이미지: wrapper 안에서 block, 원형
 */
.lv-badge-wrap .lv-profile-img {
	display: block;
	border-radius: 50%;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/*
 * 배지 SVG: 프로필 중앙에 겹침
 *
 * SVG는 2배 해상도(76px 기준)로 제작됨.
 * width: 142%는 SVG viewBox(108)와 프로필(76)의 비율 = 108/76 ≈ 1.42
 * 이렇게 하면 SVG 내부의 프로필 영역이 실제 프로필과 정확히 일치.
 */
.lv-badge-wrap .lv-badge-svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -46.64%);
	width: 142%;
	height: auto;
	z-index: 5;
	pointer-events: none;
	border-radius: 0 !important;
}

/* === 사이드바 프로필 + 채팅 배지 오버레이 === */
/* lv-badge-wrap 사용 시, 기존 하단 아이콘용 여백 제거 */
.bc-profile-avatar-wrap:has(.lv-badge-wrap) {
	padding-bottom: 0;
}
.bc-chat-avatar-wrap:has(.lv-badge-wrap) {
	padding-bottom: 0;
}