/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed specifically for users who want a flexible, easy-to-use website.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.5.1
	Stable tag: 3.5.1
	Requires at least: 6.0
	Tested up to: 7.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* SendSnarky TEST: Hallmark-style Shop mega menu
 * Draft theme only — live site is unchanged.
 */
@media (min-width: 769px) {
	#menu-main-menu > #menu-item-408 {
		position: static;
	}

	#menu-main-menu > #menu-item-408 > .sub-menu {
		display: grid !important;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 0 34px;
		position: absolute !important;
		top: 100%;
		left: calc(50% - 50vw) !important;
		width: 100vw !important;
		box-sizing: border-box;
		padding: 34px 5vw 40px !important;
		margin: 0 !important;
		background: #fff !important;
		z-index: 99999;
		box-shadow: 0 8px 20px rgba(0,0,0,.08);
		transition: opacity .3s ease, visibility 0s linear .3s;
	}

	/* Invisible hover bridge: lets the cursor travel from SHOP into the mega menu. */
	#menu-main-menu > #menu-item-408 > .sub-menu::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: -30px;
		height: 30px;
		background: transparent;
	}

	#menu-main-menu > #menu-item-408 > .sub-menu > li {
		display: block !important;
		position: static !important;
		min-width: 0;
		padding: 0 !important;
		margin: 0 !important;
	}

	#menu-main-menu > #menu-item-408 > .sub-menu > li > a {
		display: block !important;
		font-weight: 700 !important;
		font-size: 16px !important;
		line-height: 1.25 !important;
		text-transform: uppercase;
		letter-spacing: .04em;
		padding: 0 0 14px !important;
		margin: 0 !important;
		white-space: normal !important;
	}

	#menu-main-menu > #menu-item-408 > .sub-menu > li > .sub-menu {
		display: block !important;
		position: static !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
	}

	#menu-main-menu > #menu-item-408 > .sub-menu > li > .sub-menu > li {
		display: block !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	#menu-main-menu > #menu-item-408 > .sub-menu > li > .sub-menu > li > a {
		display: block !important;
		font-size: 15px !important;
		line-height: 1.35 !important;
		padding: 6px 0 !important;
		margin: 0 !important;
		white-space: normal !important;
	}

	#menu-main-menu > #menu-item-408 > .sub-menu > li.menu-item-has-children::after,
	#menu-main-menu > #menu-item-408 > .sub-menu > li.menu-item-has-children > a::after {
		display: none !important;
		content: none !important;
	}

	#menu-main-menu > #menu-item-408 > .sub-menu {
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	#menu-main-menu > #menu-item-408:hover > .sub-menu,
	#menu-main-menu > #menu-item-408:focus-within > .sub-menu,
	#menu-main-menu > #menu-item-408 > .sub-menu:hover {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transition-delay: 0s;
	}
}