/**
 * Laila Love mobile drawer — black + powder pink.
 * Beat WoodMart + Elementor kit with high specificity.
 */

:root {
	--leila-m-bg: #000000;
	--leila-m-pink: #f4c2c2;
	--leila-m-pink-hot: #ffd6dc;
	--leila-m-line: rgba(244, 194, 194, 0.2);
	--leila-m-hover: rgba(244, 194, 194, 0.1);
}

body .mobile-nav.wd-side-hidden-nav,
body .mobile-nav.wd-side-hidden,
body.elementor-kit-13655 .mobile-nav.wd-side-hidden-nav,
body.elementor-kit-13655 .mobile-nav.wd-side-hidden,
.wd-page-wrapper .mobile-nav {
	background: var(--leila-m-bg) !important;
	background-color: var(--leila-m-bg) !important;
	background-image: none !important;
	color: var(--leila-m-pink) !important;
	width: min(88vw, 22rem) !important;
	max-width: 22rem !important;
	box-shadow: 8px 0 40px rgba(0, 0, 0, 0.55) !important;
	font-family: Assistant, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Header bar */
body .mobile-nav .wd-heading,
body.elementor-kit-13655 .mobile-nav .wd-heading {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 1rem !important;
	min-height: 4.25rem !important;
	padding: 1rem 1.25rem 1rem 1.5rem !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--leila-m-line) !important;
	background: #000 !important;
	background-image: none !important;
	position: relative !important;
}

/* Brand mark in header */
body .mobile-nav .wd-heading::before {
	content: "Laila Love";
	font-family: "New York", Iowan Old Style, Palatino Linotype, Palatino, Georgia, serif !important;
	font-size: 1.35rem !important;
	font-weight: 400 !important;
	letter-spacing: 0.02em !important;
	color: var(--leila-m-pink) !important;
	line-height: 1.2 !important;
	flex: 1 1 auto;
}

body .mobile-nav .wd-heading .title,
body .mobile-nav .wd-heading .wd-nav-heading,
body .mobile-nav .wd-heading .wd-nav-title,
body .mobile-nav .wd-heading > .site-title,
body .mobile-nav .wd-heading > span:not(.close-side-widget) {
	display: none !important;
}

/* CLOSE control */
body .mobile-nav .wd-heading .close-side-widget,
body .mobile-nav .wd-heading .wd-action-btn,
body .mobile-nav .close-side-widget {
	margin: 0 0 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
}

body .mobile-nav .wd-heading .close-side-widget a,
body .mobile-nav .wd-heading a,
body .mobile-nav .close-side-widget a,
body.elementor-kit-13655 .mobile-nav .wd-heading a,
body.elementor-kit-13655 .mobile-nav .close-side-widget a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 2rem !important;
	padding: 0.35rem 0.15rem !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--leila-m-pink) !important;
	font-family: Assistant, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	opacity: 0.95;
}

body .mobile-nav .wd-heading .close-side-widget a:hover,
body .mobile-nav .close-side-widget a:hover {
	color: #fff !important;
	opacity: 1;
}

/* Hide WoodMart cross icon if present — keep text CLOSE */
body .mobile-nav .wd-cross-icon::before,
body .mobile-nav .wd-cross-icon::after,
body .mobile-nav .close-side-widget .wd-action-icon {
	display: none !important;
}

/* Menu list */
body .mobile-nav .mobile-pages-menu,
body .mobile-nav .wd-nav-mobile,
body .mobile-nav .menu,
body .mobile-nav ul.menu {
	padding: 0.75rem 0 1.5rem !important;
	margin: 0 !important;
	background: transparent !important;
	list-style: none !important;
}

body .mobile-nav .mobile-pages-menu > li,
body .mobile-nav .wd-nav-mobile > li,
body .mobile-nav .menu > li {
	margin: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--leila-m-line) !important;
	background: transparent !important;
}

body .mobile-nav .mobile-pages-menu > li:last-child,
body .mobile-nav .wd-nav-mobile > li:last-child,
body .mobile-nav .menu > li:last-child {
	border-bottom: 0 !important;
}

body .mobile-nav .mobile-pages-menu > li > a,
body .mobile-nav .wd-nav-mobile > li > a,
body .mobile-nav .menu > li > a,
body .mobile-nav .menu-item-has-children > a,
body .mobile-nav a.woodmart-nav-link,
body .mobile-nav .wd-nav-link,
body.elementor-kit-13655 .mobile-nav a,
body.elementor-kit-13655 .mobile-nav .menu > li > a,
.wd-page-wrapper .mobile-nav a {
	display: block !important;
	padding: 1.05rem 1.5rem !important;
	margin: 0 !important;
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--leila-m-pink) !important;
	font-family: Assistant, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 1.05rem !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
	text-decoration: none !important;
	min-height: unset !important;
}

body .mobile-nav .menu > li > a:hover,
body .mobile-nav .wd-nav-mobile > li > a:hover,
body .mobile-nav .mobile-pages-menu > li > a:hover,
body .mobile-nav a:hover,
body.elementor-kit-13655 .mobile-nav a:hover {
	background: var(--leila-m-hover) !important;
	color: #fff !important;
}

body .mobile-nav .current-menu-item > a,
body .mobile-nav .current_page_item > a,
body .mobile-nav .current-menu-ancestor > a,
body.elementor-kit-13655 .mobile-nav .current-menu-item > a {
	color: #fff !important;
	background: var(--leila-m-hover) !important;
	box-shadow: inset 3px 0 0 var(--leila-m-pink) !important;
}

/* Submenu opener */
body .mobile-nav .menu-item-has-children > a {
	position: relative !important;
	padding-right: 3.25rem !important;
}

body .mobile-nav .menu-item-has-children > a::after {
	content: "" !important;
	position: absolute !important;
	right: 1.5rem !important;
	top: 50% !important;
	width: 0.45rem !important;
	height: 0.45rem !important;
	margin-top: -0.28rem !important;
	border-right: 2px solid var(--leila-m-pink) !important;
	border-bottom: 2px solid var(--leila-m-pink) !important;
	transform: rotate(-45deg) !important;
	opacity: 0.9;
}

body .mobile-nav .wd-nav-opener,
body .mobile-nav .opener {
	display: none !important;
}

/* Drilldown panels */
body .mobile-nav .wd-drilldown-show,
body .mobile-nav .wd-active-menu,
body .mobile-nav .sub-menu,
body .mobile-nav .wd-drilldown-sub,
body .mobile-nav ul.sub-menu {
	background: #000 !important;
	background-color: #000 !important;
	border: 0 !important;
	box-shadow: none !important;
}

body .mobile-nav .wd-drilldown-back,
body.elementor-kit-13655 .mobile-nav .wd-drilldown-back {
	display: flex !important;
	align-items: center !important;
	padding: 1rem 1.5rem !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	color: var(--leila-m-pink) !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--leila-m-line) !important;
	text-transform: none !important;
}

body .mobile-nav .wd-drilldown-back:hover {
	color: #fff !important;
	background: var(--leila-m-hover) !important;
}

body .mobile-nav .sub-menu li a,
body .mobile-nav .wd-drilldown-sub li a,
body.elementor-kit-13655 .mobile-nav .sub-menu li a {
	padding: 0.95rem 1.5rem !important;
	font-size: 0.98rem !important;
	color: var(--leila-m-pink) !important;
	background: transparent !important;
}

body .mobile-nav .sub-menu li a:hover,
body .mobile-nav .wd-drilldown-sub li a:hover {
	background: var(--leila-m-hover) !important;
	color: #fff !important;
}

/* Hide extras that fight the brand drawer */
body .mobile-nav .create-nav-msg,
body .mobile-nav .wd-social-icons.wd-style-default,
body .mobile-nav .wd-search-form,
body .mobile-nav .searchform {
	display: none !important;
}

/* Footer strip */
body .mobile-nav .wd-nav-footer,
body .mobile-nav .mobile-menu-footer {
	border-top: 1px solid var(--leila-m-line) !important;
	background: rgba(244, 194, 194, 0.06) !important;
	padding: 1.15rem 1.5rem 1.5rem !important;
}

body .mobile-nav .wd-nav-footer a,
body .mobile-nav .mobile-menu-footer a,
body.elementor-kit-13655 .mobile-nav .wd-nav-footer a {
	color: var(--leila-m-pink) !important;
	font-size: 0.9rem !important;
	text-transform: none !important;
	background: transparent !important;
}

body .mobile-nav .wd-nav-footer a:hover,
body .mobile-nav .mobile-menu-footer a:hover {
	color: #fff !important;
}

/* Dim page behind drawer */
body .wd-close-side,
body .wd-close-side.wd-close-side-opened {
	background: rgba(0, 0, 0, 0.72) !important;
}

/* Account / login links inside drawer */
body .mobile-nav .login-side-opener,
body .mobile-nav .wd-header-my-account a,
body .mobile-nav .create-account-link {
	color: var(--leila-m-pink) !important;
}