/*
 * zkoss_popup_menu_fix.css
 * Patch global untuk popup submenu ZKoss 5.5.
 *
 * Beberapa theme lama mengatur menu/sidebar dengan selector global seperti
 * .z-menubar-ver div dan .z-menu-item-cnt. Saat ZK membuat submenu popup,
 * rule tersebut ikut membuat popup melebar sampai hampir seluruh layar.
 * File ini harus dimuat paling akhir melalui MyThemeProvider.
 */

.z-menu-popup,
.z-menupopup {
	width: auto !important;
	min-width: 220px !important;
	max-width: 360px !important;
	left: auto;
	right: auto;
	box-sizing: border-box !important;
	overflow: hidden !important;
	z-index: 88000 !important;
}

.z-menu-popup .z-menu-popup-cnt,
.z-menupopup .z-menupopup-cnt,
.z-menu-popup-cnt {
	width: auto !important;
	min-width: 220px !important;
	max-width: 360px !important;
	box-sizing: border-box !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.z-menu-popup-cnt .z-menu,
.z-menu-popup-cnt .z-menu-item,
.z-menu-popup-cnt .z-menu-body,
.z-menu-popup-cnt .z-menu-item-body,
.z-menu-popup-cnt .z-menu-inner-m,
.z-menu-popup-cnt .z-menu-item-inner-m,
.z-menu-popup-cnt .z-menu-cnt,
.z-menu-popup-cnt .z-menu-item-cnt,
.z-menu-popup-cnt .z-menu-btn,
.z-menu-popup-cnt .z-menu-item-btn,
.z-menu-popup-cnt span,
.z-menu-popup-cnt a,
.z-menu-popup-cnt div {
	width: auto !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.z-menu-popup-cnt .z-menu a.z-menu-cnt,
.z-menu-popup-cnt .z-menu-item a.z-menu-item-cnt,
.z-menu-popup-cnt .z-menu-btn,
.z-menu-popup-cnt .z-menu-item-btn {
	display: block !important;
	min-width: 220px !important;
	max-width: 360px !important;
	padding: 7px 30px 7px 12px !important;
	line-height: 1.3 !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	text-align: left !important;
}

.z-menu-popup-cnt .z-menu,
.z-menu-popup-cnt .z-menu-item {
	margin: 0 !important;
	padding: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

@media (max-width: 480px) {
	.z-menu-popup,
	.z-menupopup,
	.z-menu-popup .z-menu-popup-cnt,
	.z-menupopup .z-menupopup-cnt,
	.z-menu-popup-cnt {
		min-width: 210px !important;
		max-width: 92vw !important;
	}

	.z-menu-popup-cnt .z-menu a.z-menu-cnt,
	.z-menu-popup-cnt .z-menu-item a.z-menu-item-cnt,
	.z-menu-popup-cnt .z-menu-btn,
	.z-menu-popup-cnt .z-menu-item-btn {
		min-width: 210px !important;
		max-width: 92vw !important;
	}
}