/* Disable Woodmart sticky footer reveal for dark mode */
body.sticky-footer-on .wd-page-content,
body.sticky-footer-on .wd-prefooter,
body.sticky-footer-on .main-page-wrapper,
body.sticky-footer-on .site-content,
body.sticky-footer-on .entry-content,
.wd-page-content,
.main-page-wrapper,
.site-content {
	position: relative !important;
	z-index: 2 !important;
	background: var(--jt-bg) !important;
}

body.sticky-footer-on .wd-footer,
body.sticky-footer-on .footer-container,
.wd-footer.footer-container,
.footer-container {
	position: relative !important;
	inset: auto !important;
	bottom: auto !important;
	z-index: 1 !important;
	clear: both !important;
	background: var(--jt-bg-deep) !important;
	transform: none !important;
}

.website-wrapper,
.wd-page-wrapper {
	background: var(--jt-bg) !important;
	isolation: isolate;
}

.main-page-wrapper::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--jt-bg);
	pointer-events: none;
}

/* Header dark theme fixes */
.whb-header .wd-tools-element > a {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

@media (min-width: 1025px) {
	.whb-header .whb-row > .container {
		max-width: 1920px;
	}

	.footer-container .main-footer.wd-entry-content {
		max-width: 1920px !important;
	}

	.footer-container .jt-native-footer__benefits,
	.footer-container .jt-native-footer__main,
	.elementor-26845 .jt-footer-benefits-grid {
		width: min(1920px, calc(100% - 36px));
	}

	.footer-container .jt-native-footer__bar {
		padding-right: max(18px, calc((100% - 1920px) / 2));
		padding-left: max(18px, calc((100% - 1920px) / 2));
	}
}

.whb-header .wd-tools-element .wd-tools-inner,
.whb-header .wd-tools-element > a > .wd-tools-icon {
	background: rgba(255, 255, 255, 0.08) !important;
	border: 1px solid var(--jt-line-strong);
	border-radius: 999px;
	color: var(--jt-ink) !important;
	overflow: visible;
}

.whb-header .wd-tools-element:hover .wd-tools-inner,
.whb-header .wd-tools-element:hover > a > .wd-tools-icon {
	background: rgba(147, 190, 32, 0.14) !important;
	border-color: rgba(147, 190, 32, 0.35);
	color: var(--jt-accent) !important;
}

.whb-header .wd-header-cart .wd-tools-inner,
.whb-header .wd-header-cart > a > .wd-tools-icon {

	border-color: #8fc91d;
	color: #101113 !important;
}

.whb-header .wd-header-cart:hover .wd-tools-inner,
.whb-header .wd-header-cart:hover > a > .wd-tools-icon {

	border-color: #9fdb25;
	color: #101113 !important;
}

.whb-header .wd-search-form[class*="wd-header-search-form"],
.whb-header .wd-search-form[class*="wd-header-search-form"] form.searchform,
.whb-header .wd-el-search .searchform {
	--wd-form-bg: #0d110a;
	--wd-form-color: var(--jt-ink);
	--wd-form-placeholder-color: var(--jt-ink-faint);
	--wd-form-brd-color: var(--jt-line-strong);
	--wd-form-brd-color-focus: var(--jt-accent);
	border-radius: var(--wd-form-brd-radius, 35px) !important;
}

.whb-header .wd-search-form[class*="wd-header-search-form"] form.searchform,
.whb-header .wd-el-search .searchform {
	background: var(--wd-form-bg) !important;
	border: var(--wd-form-brd-width, 1px) solid var(--wd-form-brd-color) !important;
	overflow: visible;
}

.whb-header .searchform input[type="text"],
.whb-header .searchform input[type="search"] {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	color: var(--jt-ink) !important;
}

.whb-header .searchform .searchsubmit {
	background: var(--jt-accent) !important;
	border-radius: 999px !important;
	color: var(--jt-bg-deep) !important;
	inset-block: 4px;
	inset-inline-end: 4px;
	width: calc(var(--wd-search-btn-w) - 8px);
}

.whb-header .searchform .searchsubmit:hover {
	background: var(--jt-accent-hover) !important;
}

.wd-dropdown-results,
.wd-dropdown-results .wd-search-suggestions,
.wd-dropdown-results .wd-search-suggestions .wd-search-title,
.wd-dropdown-results .wd-suggestion,
.wd-dropdown-results .wd-all-results,
.wd-dropdown-results .wd-not-found,
.wd-dropdown-results :is(.wd-search-requests, .wd-search-history, .wd-search-area) {
	background: var(--jt-surface-solid) !important;
	border-color: var(--jt-line-soft) !important;
	color: var(--jt-ink) !important;
}

.wd-dropdown-results {
	border: 1px solid var(--jt-line-strong) !important;
	border-radius: 0 0 12px 12px !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36);
	overflow: hidden;
}

.wd-dropdown-results .wd-suggestion:hover,
.wd-dropdown-results .wd-suggestion.wd-active {
	background: var(--jt-surface-solid-2) !important;
}

.wd-dropdown-results .wd-entities-title,
.wd-dropdown-results .wd-entities-title a,
.wd-dropdown-results .wd-suggestion-content,
.wd-dropdown-results .wd-suggestion-content a,
.wd-dropdown-results .wd-suggestion-sku,
.wd-dropdown-results .price,
.wd-dropdown-results .amount {
	color: var(--jt-ink) !important;
	opacity: 1 !important;
}

.wd-dropdown-results .wd-entities-title strong {
	color: var(--jt-accent) !important;
}

.wd-dropdown-results .wd-all-results {
	text-decoration: none !important;
}

.wd-dropdown-results .wd-all-results:hover {
	background: var(--jt-accent) !important;
	color: var(--jt-bg-deep) !important;
}

/* Header interaction stability refinements */
@media (min-width: 1025px) {
	.wd-close-side.wd-location-header.wd-close-side-opened {
		background: transparent !important;
		opacity: 0 !important;
		pointer-events: none !important;
		z-index: 430 !important;
	}

	.whb-header {
		z-index: 520 !important;
	}

	.whb-header .whb-main-header {
		z-index: 520;
	}
}

.whb-header-bottom .wd-dropdown:not(.sub-sub-menu),
.whb-general-header .wd-dropdown:not(.sub-sub-menu) {
	margin-top: 0 !important;
}

.whb-header-bottom .wd-dropdown:not(.sub-sub-menu):after,
.whb-general-header .wd-dropdown:not(.sub-sub-menu):after {
	height: 18px !important;
}

.whb-header .wd-header-nav .wd-nav > li > a,
.whb-header .wd-header-nav .wd-nav > li:hover > a, .whb-header .wd-header-nav .wd-nav > li > a:hover{
	background: transparent !important;
	box-shadow: none !important;
}


.whb-header .wd-dropdown-menu,
.whb-header .wd-dropdown-cats {
	z-index: 450;
}

.whb-header .wd-search-form[class*="wd-header-search-form"],
.whb-header .wd-search-form[class*="wd-header-search-form"] form.searchform,
.whb-header .wd-search-results-wrapper {
	overflow: visible !important;
}

.whb-header .wd-search-form[class*="wd-header-search-form"] {
	background: transparent !important;
	padding-inline: 0 !important;
}

.whb-header .wd-search-form[class*="wd-header-search-form"] form.searchform {
	width: 100%;
	overflow: clip !important;
}

.whb-header .wd-dropdown-results {
	z-index: 460;
}

@media (min-width: 1025px) {
	.whb-header .wd-header-nav {
		min-width: 0;
		overflow-x: visible;
		overflow-y: visible;
	}

	.whb-header .wd-header-nav .wd-nav {
		flex-wrap: nowrap !important;
		min-width: 0;
		max-width: 100%;
	}

	.whb-header .wd-header-nav .wd-nav > li {
		flex: 0 0 auto;
	}

	.whb-header .wd-header-nav .wd-nav > li > a {
		white-space: nowrap;
	}
}

@media (min-width: 1025px) and (max-width: 1199px) {
	.whb-header .wd-header-nav .wd-nav {
		gap: 10px !important;
		--nav-gap: 10px;
	}

	.whb-header .wd-header-nav .wd-nav > li {
		margin-inline: 0 !important;
	}

	.whb-header .wd-header-nav .wd-nav > li > a {
		padding-inline: 0 !important;
		font-size: 12px;
	}

	.whb-header .wd-header-nav .wd-nav-img {
		display: none !important;
	}
}

@media (min-width: 1025px) {
	.whb-header .wd-header-nav .wd-nav-img {
		display: none !important;
	}
}

.whb-header .wd-header-cats .menu-opener,
.whb-header .wd-header-cats .menu-opener > a,
.whb-header .wd-header-cats .menu-open-label,
.whb-header .wd-header-cats .wd-tools-text {
	color: var(--jt-accent) !important;
}

.whb-header .wd-header-cart .wd-tools-text,
.whb-header .wd-header-cart .wd-cart-number,
.whb-header .wd-header-cart .wd-tools-count {
	color: #101113 !important;
}

.whb-header .wd-header-cats .menu-opener,
.whb-header .wd-header-cats .wd-tools-inner {
	background: transparent !important;
	border: 1px solid var(--jt-line-active) !important;
	color: var(--jt-accent) !important;
}

.whb-header .wd-header-cart .wd-tools-inner,
.whb-header .wd-header-cart > a > .wd-tools-icon {
	background: #8fc91d !important;
	border-color: #8fc91d !important;
}

.whb-header .wd-header-cats .menu-opener:hover,
.whb-header .wd-header-cats:hover .menu-opener,
.whb-header .wd-header-cats:hover .wd-tools-inner {
	background: rgba(147, 190, 32, 0.12) !important;
	border-color: var(--jt-accent-hover) !important;
	color: var(--jt-accent-hover) !important;
}

/* Header accessibility polish: preserve Header Builder ownership while
 * expanding the interactive boxes to the JarajTo 44px target contract. */
@media (min-width: 1025px) {
	.whb-header .jt-premium-topbar__delivery,
	.whb-header .jt-premium-topbar__utility a,
	.whb-header .jt-premium-topbar__help,
	.whb-header .jt-premium-topbar__track,
	.whb-header .wd-header-nav .wd-nav > li > a {
		min-height: 44px;
	}
}

@media (max-width: 1024px) {
	.whb-header .wd-logo > a,
	.whb-header a.wd-logo {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}
}

/* Header refinement contract: one spatial vocabulary shared by the native
 * Header Builder rows and child-theme presentation layers. */
.whb-header {
	--jt-header-space-1: 4px;
	--jt-header-space-2: 8px;
	--jt-header-space-3: 12px;
	--jt-header-space-4: 16px;
	--jt-header-space-5: 24px;
	--jt-header-space-6: 32px;
	--jt-header-control: 44px;
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.whb-header :is(.whb-column, .wd-header-nav, .wd-tools-element, .wd-search-form) {
	min-width: 0;
}

.whb-header :is(.wd-tools-text, .jt-premium-topbar__benefit, .jt-premium-topbar__utility a) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.whb-header :is(a, button, input):focus-visible {
	outline: 2px solid var(--jt-accent, #93be20);
	outline-offset: 3px;
}

.whb-header .wd-logo > a,
.whb-header a.wd-logo,
.whb-header .jt-premium-topbar__delivery > a {
	display: inline-flex;
	align-items: center;
	min-height: var(--jt-header-control, 44px);
}

@media (forced-colors: active) {
	.whb-header :is(a, button, input):focus-visible {
		outline: 2px solid Highlight;
	}
}

/* Color economy: the category opener is navigation, not a primary action. */
.whb-header .wd-header-cats .menu-opener,
.whb-header .wd-header-cats .menu-opener > a,
.whb-header .wd-header-cats .menu-open-label,
.whb-header .wd-header-cats .wd-tools-text {
	color: var(--jt-header-text, #fcf9f0) !important;
}

.whb-header .wd-header-cats .menu-opener,
.whb-header .wd-header-cats .wd-tools-inner {
	border-color: rgba(241, 246, 228, 0.18) !important;
	background: rgba(255, 255, 255, 0.035) !important;
}

.whb-header .wd-header-cats .menu-opener:hover,
.whb-header .wd-header-cats:hover .menu-opener,
.whb-header .wd-header-cats:hover .wd-tools-inner {
	border-color: rgba(241, 246, 228, 0.32) !important;
	background: rgba(255, 255, 255, 0.075) !important;
	color: #fff !important;
}

.whb-header .wd-header-cats :is(.menu-opener, .wd-tools-inner):focus-visible {
	outline: 2px solid var(--jt-accent, #93be20);
	outline-offset: 3px;
}

.whb-header .wd-header-cart:hover .wd-tools-inner,
.whb-header .wd-header-cart:hover > a > .wd-tools-icon {
	background: #9fdb25 !important;
	border-color: #9fdb25 !important;
}

.whb-header .wd-header-cats .wd-dropdown-cats {
	background: #111318 !important;
	border: 1px solid var(--jt-line-soft) !important;
	border-radius: 0 0 10px 10px !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
	overflow: visible !important;
}

.whb-header .wd-header-cats .wd-dropdown-cats > .wd-nav-vertical > li > a {
	background: #111318 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	color: var(--jt-ink) !important;
	font-weight: 700;
}

.whb-header .wd-header-cats .wd-dropdown-cats > .wd-nav-vertical > li:hover > a,
.whb-header .wd-header-cats .wd-dropdown-cats > .wd-nav-vertical > li.wd-opened > a,
.whb-header .wd-header-cats .wd-dropdown-cats > .wd-nav-vertical > li.wd-active > a {
	background: #93be20 !important;
	border-bottom-color: rgba(16, 17, 19, 0.16);
	color: #101113 !important;
}

.whb-header .wd-header-cats .wd-dropdown-cats > .wd-nav-vertical > li > a:after {
	color: currentColor !important;
	opacity: 0.95;
}

.whb-header .wd-header-cats .wd-dropdown-cats > .wd-nav-vertical > li:last-child > a {
	border-radius: 0 0 10px 10px;
}

.whb-header .wd-header-cats .wd-dropdown-cats .wd-dropdown-menu {
	background: var(--jt-surface-solid) !important;
	border: 1px solid var(--jt-line-soft) !important;
	border-radius: 0 10px 10px 0 !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
	color: var(--jt-ink) !important;
	height: auto !important;
	max-height: min(70vh, 520px);
	min-height: 168px !important;
	overflow-y: auto;
	padding: 22px 24px !important;
}

.whb-header .wd-header-cats .wd-dropdown-cats .wd-dropdown-menu .wd-sub-menu {
	gap: 4px 14px;
}

.whb-header .wd-header-cats .wd-dropdown-cats .wd-dropdown-menu li {
	border-radius: 6px;
}

.whb-header .wd-header-cats .wd-dropdown-cats .wd-dropdown-menu a {
	background: transparent !important;
	border-radius: 6px;
	color: var(--jt-ink) !important;
	min-height: 34px;
	padding-inline: 12px !important;
}

.whb-header .wd-header-cats .wd-dropdown-cats .wd-dropdown-menu a:hover,
.whb-header .wd-header-cats .wd-dropdown-cats .wd-dropdown-menu li:hover > a {
	background: rgba(147, 190, 32, 0.12) !important;
	color: var(--jt-accent) !important;
}

.whb-header .wd-header-cats .wd-dropdown-cats .wd-dropdown-menu .wd-col > a,
.whb-header .wd-header-cats .wd-dropdown-cats .wd-dropdown-menu .item-level-1 > a {
	color: var(--jt-ink) !important;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
}

.whb-header .wd-header-cats .wd-dropdown-cats .wd-dropdown-menu .item-level-0 > a {
	color: #d7dbe2 !important;
	font-weight: 600;
}

.whb-header .wd-header-cats .wd-dropdown-cats .wd-dropdown-menu .item-level-0 > a:hover,
.whb-header .wd-header-cats .wd-dropdown-cats .wd-dropdown-menu .item-level-0:hover > a {
	color: var(--jt-accent) !important;
}

/* Mobile guards retained while desktop mega-menu CSS is media-scoped. */
@media (max-width: 1024px) {
	.jt-native-mega,
	.jt-mega-pro,
	.jt-catalog-mega {
		display: none !important;
	}
}
