/* ===================
   FluxMenu 프론트 (테마 비의존 최소 스타일)
   테마의 .dv-gnb__list / .dv-gnb__point 스타일을 그대로 활용하고,
   여기서는 뱃지·아이콘·2단 드롭다운만 보강한다.
   =================== */

/* 라벨/아이콘 */
.fluxmenu-ico {
	font-size: 16px;
	width: 16px;
	height: 16px;
	line-height: 1;
	vertical-align: -3px;
	margin-right: 4px;
}
.fluxmenu-label { vertical-align: middle; }

/* 뱃지 */
.fluxmenu-badge {
	display: inline-block;
	margin-left: 5px;
	padding: 1px 6px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
	background: #e6392e;
	border-radius: 999px;
	vertical-align: top;
	letter-spacing: .02em;
}

/* 2단 서브메뉴 드롭다운 — 가로 GNB(.dv-gnb__list) 안에서만 */
.dv-gnb__list .fluxmenu-has-children { position: relative; }
.dv-gnb__list .fluxmenu-has-children > .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	min-width: 180px;
	margin: 0;
	padding: 8px 0;
	list-style: none;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	box-shadow: 0 12px 28px rgba(0,0,0,.12);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s;
}
.dv-gnb__list .fluxmenu-has-children:hover > .sub-menu,
.dv-gnb__list .fluxmenu-has-children:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.dv-gnb__list .sub-menu li { display: block; }
.dv-gnb__list .sub-menu a {
	display: block;
	padding: 8px 18px;
	white-space: nowrap;
	color: #333;
	font-size: 14px;
	transition: background .15s ease, color .15s ease;
}
.dv-gnb__list .sub-menu a:hover,
.dv-gnb__list .sub-menu a:focus {
	background: #f6f6f6;
	color: #000;
}

/* 모바일 드로어 등 세로 목록에서는 서브메뉴를 인라인으로 펼침 */
@media (max-width: 1024px) {
	.dv-gnb__list .fluxmenu-has-children > .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: 0;
		padding: 0 0 0 14px;
		min-width: 0;
	}
}
