/* Burger Menu — hidden by default, enabled only inside the chosen range (inline CSS). */
.bm-trigger,
.bm-drawer,
.bm-overlay { display: none !important; }

/* Trigger in header — reset WoodMart button styles */
.whb-header .bm-trigger,
.bm-trigger {
	align-items: center;
	justify-content: center;
	width: 40px !important;
	height: 40px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 18px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #1a1a1a !important;
	line-height: 1 !important;
	cursor: pointer;
	flex-shrink: 0;
}
.bm-trigger svg { display: block; width: 26px; height: 26px; color: inherit; }
.whb-header .bm-trigger:hover { color: var(--bm-accent) !important; background: transparent !important; }
/* Reset WoodMart button styles on drawer buttons */
.bm-drawer .bm-close,
.bm-drawer .bm-toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #333 !important;
	line-height: 1 !important;
	font-size: 0 !important;
	flex-shrink: 0;
}
.bm-drawer .bm-close { width: 32px !important; height: 32px !important; }
.bm-drawer .bm-toggle { width: 36px !important; height: 44px !important; }
.bm-drawer .bm-close svg { display: block !important; width: 18px !important; height: 18px !important; flex-shrink: 0; }
.bm-drawer .bm-toggle svg { display: block !important; width: 14px !important; height: 14px !important; flex-shrink: 0; }
.bm-drawer .bm-close svg path,
.bm-drawer .bm-toggle svg path { stroke: currentColor !important; fill: none !important; }
.bm-drawer .bm-close:hover,
.bm-drawer .bm-toggle:hover { color: var(--bm-accent) !important; background: transparent !important; }

/* Overlay */
.bm-overlay {
	position: fixed;
	inset: 0;
	z-index: 99998;
	background: rgba(0, 0, 0, .45);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility .3s ease;
}
.bm-is-open .bm-overlay { opacity: 1; visibility: visible; }

/* Drawer */
.bm-drawer {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 99999;
	width: var(--bm-width, 300px);
	max-width: 85vw;
	background: #fff;
	overflow-y: auto;
	overscroll-behavior: contain;
	transform: translateX(-100%);
	visibility: hidden;
	transition: transform .3s ease, visibility .3s ease;
	box-shadow: 2px 0 16px rgba(0, 0, 0, .08);
}
.bm-is-open .bm-drawer { transform: translateX(0); visibility: visible; }
.bm-drawer:focus { outline: none; }

html.bm-lock, html.bm-lock body { overflow: hidden; }

/* Head */
.bm-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 16px 14px;
}
.bm-logo { display: inline-flex; line-height: 0; }
.bm-logo img { width: var(--bm-logo-w, 70px); max-width: 100%; height: auto; }
.bm-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #333;
	cursor: pointer;
}
.bm-close:hover { color: var(--bm-accent); }

/* Menu */
.bm-menu,
.bm-sub { list-style: none; margin: 0; padding: 0; }
.bm-menu { padding: 0 12px 24px; }

.bm-item { border-bottom: 1px solid #ececec; margin: 0; }
.bm-sub .bm-item:last-child { border-bottom: 0; }

.bm-row { display: flex; align-items: center; }

.bm-link {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 44px;
	padding: 8px 4px;
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
}
.bm-link:hover,
.bm-current > .bm-row > .bm-link { color: var(--bm-accent); }

.bm-highlight > .bm-row > .bm-link { color: var(--bm-accent); }

.bm-toggle { display: inline-flex; color: #333; flex-shrink: 0; }

.bm-toggle {
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.bm-toggle svg { transition: transform .2s ease; }
.bm-toggle[aria-expanded="true"] svg { transform: rotate(90deg); }
.bm-toggle:hover { color: var(--bm-accent); }

/* Sub-levels */
.bm-sub { padding: 0 0 6px 12px; }
.bm-sub .bm-link { font-weight: 400; font-size: 13px; min-height: 38px; color: #444; }
.bm-sub .bm-item { border-bottom-color: #f3f3f3; }

/* Focus */
.bm-trigger:focus-visible,
.bm-close:focus-visible,
.bm-toggle:focus-visible,
.bm-link:focus-visible {
	outline: 2px solid var(--bm-accent);
	outline-offset: 2px;
	border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.bm-drawer, .bm-overlay, .bm-toggle svg { transition: none; }
}

body.rtl .bm-drawer { left: auto; right: 0; transform: translateX(100%); }
body.rtl.bm-is-open .bm-drawer, .rtl .bm-is-open .bm-drawer { transform: translateX(0); }
body.rtl .whb-header .bm-trigger, body.rtl .bm-trigger { margin: 0 0 0 18px !important; }
body.rtl .bm-toggle svg { transform: scaleX(-1); }