/*
 * Max Mega Menu integration for the Sohal Wine & Spirits header.
 * ----------------------------------------------------------------------------
 * Enqueued as 'sws-megamenu-nav' by sws_enqueue_assets() in functions.php, after
 * style.css / responsive.css. Scoped to .custom-navbar and the off-canvas panel.
 *
 * Max Mega Menu writes its own stylesheet to uploads/maxmegamenu/style.css using
 * two-ID selectors (#mega-menu-wrap-<loc> #mega-menu-<loc> ...), which outrank
 * ordinary class selectors. The desktop rules below therefore reuse those same
 * two IDs via :is() and add .custom-navbar, so they win on specificity rather
 * than needing !important. Its defaults (white top-level links, #f1f1f1 panels)
 * are replaced with the theme's own tokens: Inter Tight, 15px/500, #202020, and
 * --primary-color on hover.
 */

/* ---------------------------------------------------------------- desktop */
@media (min-width: 1200px) {

	/* Panel positions against the navbar, not the narrow nav column. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right),
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) {
		position: static;
		background: none;
		border-radius: 0;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) {
		width: 100%;
	}

	/* Top-level row mirrors .left-nav / .right-nav .navbar-nav */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) {
		display: flex;
		align-items: center;
		gap: 20px;
		padding: 0;
	}

	.custom-navbar #mega-menu-wrap-primary_left #mega-menu-primary_left {
		justify-content: flex-start;
	}

	.custom-navbar #mega-menu-wrap-primary_right #mega-menu-primary_right {
		justify-content: flex-end;
	}

	/* Mega panels resolve against .custom-navbar; flyouts against their item. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed {
		position: static;
	}

	/* Plain panels (Mixers & More, Tobacco: live does not tab these) sit under
	   their own item and are only as wide as their columns need. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) {
		position: relative;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-flyout {
		position: relative;
	}

	/* Top-level links: match the theme's .nav-link exactly. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-item > a.mega-menu-link {
		height: auto;
		line-height: 1.4;
		padding: 0;
		color: #202020;
		font-family: var(--font-inter);
		font-size: 15px;
		font-weight: 500;
		background: none;
		transition: .3s;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-item > a.mega-menu-link:hover,
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-item > a.mega-menu-link:focus,
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
		color: var(--primary-color);
		background: none;
	}

	/* The live site's top nav shows no carets. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-item > a.mega-menu-link > span.mega-indicator {
		display: none;
	}

	/* --------------------------------------------------- the mega panel */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) > ul.mega-sub-menu {
		top: calc(100% + 6px);
		left: 0;
		right: auto;
		display: flex;
		align-items: flex-start;
		gap: 0 26px;
		width: max-content;
		max-width: 44vw;
		padding: 22px 20px 26px;
		background: #fff;
		border-radius: 20px;
		box-shadow: 0 18px 46px rgba(0, 0, 0, .13);
	}

	/* Columns */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) > ul.mega-sub-menu > li.mega-menu-column-standard {
		flex: 0 1 auto;
		min-width: 170px;
		width: auto;
		float: none;
		padding: 0;
	}

	/* Column headings (2nd level, link disabled) */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link,
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover {
		margin: 0 0 12px;
		padding: 0 0 10px;
		color: #202020;
		font-family: var(--font-inter);
		font-size: 13px;
		font-weight: 700;
		letter-spacing: .06em;
		text-transform: uppercase;
		border-bottom: 1px solid #ececec;
		cursor: default;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link > span.mega-indicator {
		display: none;
	}

	/* A long group (e.g. Beer > Varietal, 17 items) flows across several columns.
	   The continuation columns repeat the group's heading so screen readers keep
	   the context, but it is hidden visually — matching the live site, where the
	   group name lives on a tab rather than on every column. The rule keeps the
	   heading's box and rule so all columns in a panel stay aligned. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) > ul.mega-sub-menu li.mega-menu-column-standard.sws-heading-cont > a.mega-menu-link,
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) > ul.mega-sub-menu li.mega-menu-column-standard.sws-heading-cont > a.mega-menu-link:hover {
		color: transparent;
	}

	/* Links inside a column (3rd level) */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link {
		padding: 6px 0;
		color: var(--text-color);
		font-family: var(--font-inter);
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		transition: .25s;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:hover,
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:focus {
		color: var(--primary-color);
		padding-left: 4px;
		background: none;
	}

	/* "View all" / "All <type>" rows read as each column's call to action.
	   Tagged with the sws-view-all class on the menu item itself. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-megamenu:not(.mega-menu-tabbed) > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item.sws-view-all > a.mega-menu-link {
		margin-top: 4px;
		color: #202020;
		font-weight: 600;
	}

	/* ============================================================ tabbed panels
	   Beer / Liquor / Wine / Non-Alcoholic use Max Mega Menu's own `tabbed`
	   submenu type: its walker sets parent_submenu_type and its JS already drives
	   tab show/hide and aria state. Only the admin dropdown entry and the layout
	   CSS live in the Pro bundle, so the layout is supplied here.

	   DOM: li.mega-menu-tabbed > ul.mega-sub-menu     <- the panel
	          li.sws-tab                               <- one per tab (display:contents)
	            a.mega-menu-link                       <- tab label -> floated rail
	            ul.mega-sub-menu                       <- tab content -> beside the rail

	   The rail is floated and the content is a normal block with a left margin,
	   so the panel is exactly as tall as the taller of the two and needs no fixed
	   or minimum height. Closed tabs are display:none, so the panel resizes to
	   whichever tab is open. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu {
		position: absolute;
		z-index: 999;
		/* Grid, not floats: a float can never be placed higher than a preceding
		   float, so each tab's content was pushed down by the rail labels above
		   it. Labels occupy fixed min-content rows in column 1; the open tab's
		   content spans every row in column 2. The trailing `auto` row absorbs
		   any height the content has beyond the rail, so the label rows stay
		   tight instead of being stretched apart. */
		display: grid;
		grid-template-columns: 196px minmax(0, auto);
		grid-template-rows: repeat(4, min-content) auto;
		column-gap: 26px;
		align-items: start;
		top: calc(100% + 6px);
		left: 0;
		right: auto;
		width: max-content;
		max-width: 100%;
		padding: 22px 26px 26px;
		background: #fff;
		border-radius: 20px;
		box-shadow: 0 18px 46px rgba(0, 0, 0, .13);
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab {
		display: contents;
	}

	/* Tab labels: the floated left rail. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > a.mega-menu-link {
		grid-column: 1;
		width: 196px;
		margin: 0 0 2px;
		padding: 11px 16px;
		color: #202020;
		font-family: var(--font-inter);
		font-size: 14px;
		font-weight: 500;
		line-height: 1.3;
		text-align: left;
		background: none;
		border-radius: 10px;
		cursor: pointer;
		transition: .2s;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab:nth-child(1) > a.mega-menu-link {
		grid-row: 1;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab:nth-child(2) > a.mega-menu-link {
		grid-row: 2;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab:nth-child(3) > a.mega-menu-link {
		grid-row: 3;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab:nth-child(4) > a.mega-menu-link {
		grid-row: 4;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > a.mega-menu-link:hover,
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab.mega-toggle-on > a.mega-menu-link {
		color: var(--primary-color);
		background: #faf7f3;
		font-weight: 600;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > a.mega-menu-link > span.mega-indicator {
		display: none;
	}

	/* Tab content sits beside the rail; only the open tab is in flow. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > ul.mega-sub-menu {
		position: static;
		grid-column: 2;
		grid-row: 1 / -1;
		float: none;
		clear: none;
		display: flex;
		align-items: flex-start;
		gap: 0 44px;
		width: auto;
		padding: 0;
		background: none;
		box-shadow: none;
		border-radius: 0;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab:not(.mega-toggle-on) > ul.mega-sub-menu {
		display: none;
	}

	/* Closed panels are removed from layout with `display`, not `visibility`.
	   Max Mega Menu's reset gives links `visibility: inherit` and re-shows any
	   toggled item's sub menu, which made an inherited-visibility approach leak
	   (and hid the rail). `display: none` cannot leak, and an open panel then
	   simply declares everything inside it visible. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed:not(.mega-toggle-on) > ul.mega-sub-menu {
		display: none;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed.mega-toggle-on > ul.mega-sub-menu,
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed.mega-toggle-on > ul.mega-sub-menu * {
		visibility: visible;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed.mega-toggle-on > ul.mega-sub-menu {
		display: grid;
	}

	/* Columns are sized by their own longest label, not given an equal share of
	   the panel — an equal share left a wide blank strip inside every column. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > ul.mega-sub-menu > li.sws-col {
		flex: 0 0 auto;
		min-width: 0;
		width: auto;
		float: none;
		padding: 0;
	}

	/* Column headings: shown where they name a real sub-group (Wine > Varietal),
	   hidden where the column is only overflow from the tab. */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > ul.mega-sub-menu > li.sws-col > a.mega-menu-link {
		margin: 0 0 12px;
		padding: 0 0 10px;
		color: #202020;
		font-family: var(--font-inter);
		font-size: 13px;
		font-weight: 700;
		letter-spacing: .06em;
		text-transform: uppercase;
		border-bottom: 1px solid #ececec;
		cursor: default;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > ul.mega-sub-menu > li.sws-col.sws-col-quiet > a.mega-menu-link {
		display: none;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > ul.mega-sub-menu > li.sws-col > a.mega-menu-link > span.mega-indicator {
		display: none;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > ul.mega-sub-menu > li.sws-col > ul.mega-sub-menu {
		display: block;
		position: static;
		width: auto;
		padding: 0;
		background: none;
		box-shadow: none;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > ul.mega-sub-menu > li.sws-col > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		padding: 6px 0;
		color: var(--text-color);
		font-family: var(--font-inter);
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		background: none;
		transition: .25s;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > ul.mega-sub-menu > li.sws-col > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > ul.mega-sub-menu > li.sws-col > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
		color: var(--primary-color);
		padding-left: 4px;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-tabbed > ul.mega-sub-menu > li.sws-tab > ul.mega-sub-menu > li.sws-col > ul.mega-sub-menu > li.mega-menu-item.sws-view-all > a.mega-menu-link {
		margin-top: 4px;
		color: #202020;
		font-weight: 600;
	}

	/* --------------------------------------------- simple flyout (Home) */
	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-flyout ul.mega-sub-menu {
		top: calc(100% + 6px);
		width: 220px;
		padding: 10px 0;
		background: #fff;
		border-radius: 14px;
		box-shadow: 0 16px 38px rgba(0, 0, 0, .13);
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
		padding: 9px 20px;
		line-height: 1.5;
		color: var(--text-color);
		font-family: var(--font-inter);
		font-size: 14px;
		font-weight: 400;
		background: none;
		transition: .25s;
	}

	.custom-navbar :is(#mega-menu-wrap-primary_left, #mega-menu-wrap-primary_right) :is(#mega-menu-primary_left, #mega-menu-primary_right) > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
		color: var(--primary-color);
		background: #faf7f3;
	}
}

/* Max Mega Menu's own mobile toggle must never appear: the theme already has a
   hamburger, and .left-nav / .right-nav are hidden below 1200px anyway. */
.custom-navbar .mega-menu-toggle {
	display: none !important;
}

/* ------------------------------------------ mobile off-canvas accordion */
.offcanvas .sws-mobile-nav .nav-item {
	position: relative;
}

.offcanvas .sws-mobile-nav .sws-mobile-toggle {
	position: absolute;
	top: 4px;
	right: 0;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: #202020;
	background: none;
	border: 0;
	font-size: 13px;
	transition: transform .25s;
}

.offcanvas .sws-mobile-nav .nav-item.open > .sws-mobile-toggle {
	color: var(--primary-color);
	transform: rotate(180deg);
}

.offcanvas .sws-mobile-nav .sws-mobile-submenu {
	display: none;
	padding-left: 14px;
	border-left: 2px solid #f0f0f0;
}

.offcanvas .sws-mobile-nav .nav-item.open > .sws-mobile-submenu {
	display: block;
}

.offcanvas .sws-mobile-nav .sws-mobile-submenu .nav-link {
	padding: 11px 0 !important;
	color: var(--text-color);
	font-size: 14px;
	font-weight: 400;
}

.offcanvas .sws-mobile-nav .sws-mobile-submenu .nav-link:hover {
	color: var(--primary-color);
}