/* KincsesZsák Menü – 3D-s barna gombos függőleges menü */
.kzg-menu{
	--kzm-tab-w:16px;
	--kzm-tab-h:52%;
	--kzm-tab-c:linear-gradient(180deg,#5d4029,#3a2718);
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:24px;
	padding-left:var(--kzm-tab-w,16px);
}

.kzg-menu-item{
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:14px;
	padding:16px 28px 16px 24px;
	border-radius:18px;
	text-decoration:none;
	color:#fff;
	background:linear-gradient(180deg,#8a6244 0%,#6b4630 55%,#5a3a26 100%);
	box-shadow:
		0 10px 18px rgba(70,45,25,.35),
		inset 0 2px 2px rgba(255,255,255,.18),
		inset 0 -3px 6px rgba(0,0,0,.22);
	transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
a.kzg-menu-item:hover{text-decoration:none;}
.kzg-menu-item:hover{
	transform:translateY(-2px);
	filter:brightness(1.06);
	box-shadow:
		0 15px 24px rgba(70,45,25,.42),
		inset 0 2px 2px rgba(255,255,255,.18),
		inset 0 -3px 6px rgba(0,0,0,.22);
}

/* left 3D tab */
.kzg-menu-item::before{
	content:"";
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:calc(-1 * var(--kzm-tab-w,16px));
	width:var(--kzm-tab-w,16px);
	height:var(--kzm-tab-h,52%);
	background:var(--kzm-tab-c,linear-gradient(180deg,#5d4029,#3a2718));
	border-radius:6px 0 0 6px;
	box-shadow:inset 0 1px 1px rgba(255,255,255,.10), 0 4px 7px rgba(60,38,20,.30);
	z-index:0;
}
/* hide tab when chosen */
.kzm-tab-off .kzg-menu-item::before{display:none;}

.kzg-menu-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	line-height:1;
	color:#fff;
	flex:0 0 auto;
}
.kzg-menu-icon i{line-height:1;}
.kzg-menu-icon svg{width:1em;height:1em;fill:currentColor;}
.kzg-menu-icon .kzg-emoji{font-size:1em;line-height:1;}

.kzg-menu-label{
	font-family:"Baloo 2",-apple-system,Segoe UI,Roboto,sans-serif;
	font-weight:700;
	font-size:24px;
	line-height:1.1;
	color:#fff;
	white-space:nowrap;
}

/* width modes (set via prefix_class on the widget wrapper) */
.kzm-w-auto .kzg-menu-item{width:auto;}
.kzm-w-full .kzg-menu-item{width:100%;}
/* fixed width comes from the Fix szélesség control */

.kzg-menu-empty{
	padding:20px;
	border:2px dashed #cdb38c;
	border-radius:12px;
	background:#f6ecd9;
	color:#7a6650;
	font-family:inherit;
}