/* Dina Möbler – UI-fixar (global, dev+live).
   Meny-dropdown via REN CSS-hover. Woodmarts tema-JS deferras/kombineras av
   LiteSpeed och initierar inte (woodmart_settings = undefined) → hover-menyn
   binder aldrig via JS. Temats egna :hover-regel saknar !important och körs
   över. Detta gör desktop-menyn JS-oberoende. */
.xts-event-hover:hover > .xts-dropdown,
.menu-item.item-level-0.menu-item-has-children:hover > .xts-dropdown,
.menu-item.item-level-0.menu-item-has-children:hover > .xts-dropdown-menu {
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	pointer-events: auto !important;
}

/* Mega-menyer hamnade förskjutna åt höger: tema-JS:en som annars räknar ut
   dropdownens left-offset är deferrad. Sätt mega-li:n till position:static så
   full-bredds-dropdownen positioneras mot headern → dess inre container alignar
   med sajt-containern. ENDAST mega-items; vanliga dropdowns behåller relative. */
.xts-nav .menu-item.xts-item-mega-menu {
	position: static !important;
}

/* nivå 2+ flyout-undermenyer */
.xts-sub-menu > li.menu-item-has-children:hover > .xts-sub-menu,
.sub-menu > li.menu-item-has-children:hover > .sub-menu {
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	pointer-events: auto !important;
}