/* Pick Your Style mega menu (desktop). The WordPress menu stays a normal nested menu; on the desktop bar
   the plugin prints its Pick Your Style dropdown as one wide panel laid out like S&S's own:
   Tops | Outerwear · Bottoms · Dresses | Headwear | Accessories | Gender. Phones and tablets keep
   Elementor's stacked dropdown. */
@media (min-width:1025px){
	/* The panel hangs off the menu widget itself (kept above the logo, search and cart containers by a high
	   z-index) and is centred on it at viewport width, so it spans the page like S&S's own. */
	.elementor-widget-nav-menu.elementor-widget{position:relative;z-index:990}
	.elementor-widget-nav-menu .elementor-widget-container,.elementor-widget-nav-menu .elementor-nav-menu--main,.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu{position:static}
	.elementor-nav-menu--main .elementor-nav-menu>li.dfw-mega{position:static}
	.elementor-nav-menu--main .elementor-nav-menu>li.dfw-mega>ul.dfw-mega-ul{left:50%!important;right:auto!important;top:100%!important;transform:translateX(-50%)!important;width:min(calc(100vw - 24px),1500px)!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;border-top:3px solid #C8102E!important;border-radius:0 0 8px 8px;box-shadow:0 18px 40px rgba(15,35,64,.16)!important;z-index:2000}
	.dfw-mega-ul>li.dfw-mega-cell{display:block!important;position:static!important;margin:0!important;padding:0!important;width:auto!important}
	.dfw-mega-panel{padding:18px 40px 30px;text-align:left;max-width:1400px;margin:0 auto}
	.dfw-mega-panel a,.dfw-mega-panel span{display:block;white-space:normal;line-height:1.35;background:transparent!important;border:0!important;text-decoration:none}
	.dfw-mega-all{display:inline-flex!important;align-items:center;gap:6px;font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:18px;color:#C8102E!important;padding:0 0 14px!important;margin:0 0 4px}
	.dfw-mega-all span{display:inline!important}
	.dfw-mega-grid{display:grid;grid-template-columns:repeat(var(--dfw-mega-cols,5),minmax(0,1fr));gap:0 40px}
	.dfw-mega-col{min-width:0}
	.dfw-mega-h1{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:18px;color:#0F2340!important;padding:0 0 6px!important;margin:0 0 8px;border-bottom:1px solid #E5E9F0!important}
	.dfw-mega-group+.dfw-mega-h1,.dfw-mega-h1+.dfw-mega-h1{margin-top:18px}
	.dfw-mega-group{margin:0 0 12px}
	.dfw-mega-h2{font-weight:700;font-size:14px;color:#0F2340!important;padding:3px 0!important}
	.dfw-mega-h3{font-weight:400;font-size:13.5px;color:#5B6779!important;padding:2px 0 2px 10px!important}
	.dfw-mega-panel a:hover{color:#C8102E!important}
}

/* 0.55.7: the header's live search results (Woodmart AJAX search, z-index 380) sit in the same stacking container as the
   Elementor nav widget (z-index 990), so the menu labels were painted over the results. Lift the dropdown above the menu. */
.wd-search-results.wd-dropdown-results{z-index:1001}

/* 0.55.8: hovering shows exactly what will be selected — red text plus a red underline on every link, headings included
   (keyboard focus too). Longhands with !important: the theme's own `text-decoration` shorthand would otherwise reset the
   thickness, and the border:0 rule above keeps heading borders from being used as the cue. */
.elementor-nav-menu--main .dfw-mega-panel a{cursor:pointer;transition:color .12s,text-decoration-color .12s}
.elementor-nav-menu--main .dfw-mega-panel a:hover,.elementor-nav-menu--main .dfw-mega-panel a:focus-visible{color:#C8102E!important;text-decoration-line:underline!important;text-decoration-color:#C8102E!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important;outline:0}