/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/blocks/menu/main.css ***!
  \******************************************************************************************************************************************************************************/
:root {
	--menu-height-mobile: 80px;
	--menu-padding-mobile: 5vw;
	--menu-border-height: 1px;
	--menu-border-color: var(--wp--preset--color--or-beige-100);
	--menu-bg-color: var(--wp--preset--color--or-beige);
	--menu-height: 80px;
}

header {
	height: var(--menu-height) !important;
	border-bottom: 1px solid var(--menu-border-color);
	background-color: var(--menu-bg-color);
}

header > div {
	padding: 0 var(--screen-side-padding);
}

.wp-block-mega-menu-menu > div > .block-editor-block-list__layout {
	display: flex;
	gap: 30px;
	padding-right: 90px;
}

/* NAV WRAPPER */

.wp-block-mega-menu-menu {
	/* position: relative; */
}

/* TOGGLE BUTTON */

.menu-toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 28px;
	line-height: 1;
}

/* MAIN UL */

.menu-list {
	list-style: none;
	display: flex;
	gap: 2rem;
	margin: 0;
	padding: 0;
}

.menu-list > li {
	position: relative;
}

.menu-list li.has-mega-menu {
	position: static;
}

.menu-list > li a::after {
	content: '';
	position: absolute;
	left: -1rem;
	right: -1rem;
	height: calc(0.5 * var(--menu-height) + 50%);
}

/* LINKS */

.menu-list a {
	text-decoration: none;
	display: block;
	/* padding: 0.5rem 0; */
	position: relative;
}

/* ------------------ */

/* SUBMENU (DROPDOWN) */

/* ------------------ */

.submenu {
	position: absolute;
	top: calc(var(--menu-height) * 0.5 + 50%);
	left: 0;
	display: none;
	background: var(--wp--preset--color--or-beige-100);
	list-style: none;
	padding: 1rem;
	margin: 0;
	min-width: 200px;
	z-index: 1000;
	flex-direction: column;
	gap: 1rem;
}

.menu-list > li:hover > .submenu {
	display: flex;
}

/* ------------------ */

/* MEGA MENU */

/* ------------------ */

.mega-menu {
	position: absolute;
	left: 0;
	top: var(--menu-height);

	width: 100%;
	background: var(--wp--preset--color--or-beige-100);
	border-bottom: 1px solid var(--menu-border-color);

	display: none;
	z-index: 1000;
}

.mega-menu .mega-menu-wrapper {
	padding: 3rem 0;
	width: 1040px;
	margin: 0 auto;
}

.mega-menu .mega-menu-header {
	margin-bottom: 2rem;
	display: none;
}

.mega-menu .mega-menu-header h3,
.mega-menu .mega-menu-header p {
	margin: 0;
}

.mega-menu .mega-menu-wrapper::after {
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: red;
}

/* Show on hover */

.menu-list > li:hover > .mega-menu {
	display: block;
}

/* Prevent overflow clipping */

.wp-block-mega-menu-menu {
	overflow: visible;
}

/* Mega Menu Inner Container */

.mega-menu-columns {
	margin: 0 auto;
	display: flex;
	gap: 150px;
	justify-content: space-between;
}

.wp-block-mega-menu-mega-menu-column {
	flex: 1;
}

/* Column headings */

.mega-menu-column h4 {
	margin-bottom: 1rem;
}

/* Links list */

.mega-menu-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-toggle .icon-close {
	display: none;
}

.wp-block-mega-menu-menu.is-open .menu-toggle .icon-burger {
	display: none;
}

.wp-block-mega-menu-menu.is-open .menu-toggle .icon-close {
	display: inline;
}

.wp-block-mega-menu-menu.is-open
	.menu-list
	li.wp-block-mega-menu-menu-item
	> a {
	/* background-color: var(--wp--preset--color--or-beige-100) !important; */
	padding: 0;
}

/* MOBILE MODE ACTIVATED BY JS */

.wp-block-mega-menu-menu.is-mobile .menu-toggle {
	display: block;
}

.wp-block-mega-menu-menu.is-mobile .menu-wrapper {
	position: fixed;
	background: white;
	left: 0;
	right: 0;
	width: 100vw;
}

.wp-block-mega-menu-menu.is-mobile.is-open .menu-wrapper {
	top: var(--menu-height-mobile);
	bottom: 0;
}

/* Hide menu by default */

.wp-block-mega-menu-menu.is-mobile .menu-list {
	display: none;
	flex-direction: column;
	gap: 0.5rem;
	padding: var(--screen-padding);
	min-height: 100vh;
}

/* Open state */

.wp-block-mega-menu-menu.is-mobile.is-open .menu-list {
	display: flex;
	background-color: var(--wp--preset--color--or-beige);
}

/* Submenus */

.wp-block-mega-menu-menu.is-mobile .submenu,
.wp-block-mega-menu-menu.is-mobile .mega-menu {
	position: relative;
	display: block;
	transform: none;
	left: 0;
	padding: 1rem 0 1rem 1.5rem;
	width: calc(100% - 1.5rem);
	top: auto;
	background: none;
	border: none;
	box-shadow: none;
}

.wp-block-mega-menu-menu.is-mobile .submenu {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.wp-block-mega-menu-menu.is-mobile .mega-menu .mega-menu-wrapper {
	padding: 0;
	width: 100%;
}

.wp-block-mega-menu-menu.is-mobile .mega-menu-wrapper h3 {
	margin: 0;
}

/* Open child items */

.wp-block-mega-menu-menu.is-mobile li.is-open > .submenu,
.wp-block-mega-menu-menu.is-mobile li.is-open > .mega-menu {
	display: block;
}

/* Stack mega columns */

.wp-block-mega-menu-menu.is-mobile .mega-menu-columns {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.wp-block-mega-menu-menu.is-mobile .mega-menu-columns h4 {
	margin: 1rem 0 0.5rem;
}

.wp-block-mega-menu-menu.is-mobile .mega-menu-links ul {
	gap: 0.5rem;
}

.wp-block-mega-menu-menu.is-mobile .menu-list > li a::after {
	display: none;
}

.wp-block-mega-menu-menu.is-mobile .mega-menu-column img {
	position: relative;
	left: auto;
	top: auto;
}

.mega-menu-column .column-icon {
	width: 50px;
	height: 50px;
}

.wp-block-mega-menu-menu.is-mobile .mega-menu-column .column-header {
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	gap: 10px;
}

.wp-block-mega-menu-menu.is-mobile .mega-menu-column .column-header {
	border-width: 1px;
}

.wp-block-mega-menu-menu.is-mobile .mega-menu-column .subheading {
	margin-bottom: 0;
	margin-bottom: 0;
	font-size: 0.9rem;
	font-weight: 600;
}

/* orla */

/* .wp-block-mega-menu-menu a:hover {
	background-color: var(--wp--preset--color--or-beige);
} */

.menu-list li.wp-block-mega-menu-menu-item > a {
	/* background-color: var(--wp--preset--color--or-beige-100) !important; */
	padding: 0 10px;
}

.menu-list li.wp-block-mega-menu-menu-item > a:hover {
	background-color: var(--wp--preset--color--or-beige-100) !important;
}

.menu-list li.wp-block-mega-menu-menu-item:hover > a:before {
	content: '';
	background-color: var(--wp--preset--color--or-beige-100);
	width: calc(100% + 10px);
	display: inline-block;
	position: absolute;
	height: 100%;
	left: -5px;
	z-index: -1;
	right: -5px;
	transform: rotate(-1deg) skew(-5deg, 1deg);
	top: 0;
	/* box-shadow: 0px 2px 1px rgba(0, 10, 10, 0.2); */
}

.wp-block-mega-menu-menu-submenu a:hover .mega-menu .subheading:hover,
.mega-menu-links
	.wp-block-navigation
	.wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
	background-color: var(--wp--preset--color--or-beige) !important;
}

.wp-block-mega-menu-menu-submenu a:hover:before,
.mega-menu .subheading:hover::before,
.mega-menu-links
	.wp-block-navigation
	.wp-block-navigation-item__content.wp-block-navigation-item__content:hover:before {
	content: '';
	background-color: var(--wp--preset--color--or-beige);
	width: calc(100% + 10px);
	display: inline-block;
	position: absolute;
	height: 100%;
	left: -5px;
	z-index: -1;
	right: -5px;
	transform: rotate(1deg) skew(5deg, -1deg);
	top: 0;
}

.wp-block-mega-menu-menu-submenu,
.mega-menu {
	box-shadow:
		0 0 #0000,
		0 0 #0000,
		0px 20px 40px #1c1c150f;
}

.mega-menu {
	padding-bottom: 50px;
}

/*
.wp-block-mega-menu-menu-submenu a,
.mega-menu-links
	.wp-block-navigation
	.wp-block-navigation-item__content.wp-block-navigation-item__content {
	border-bottom: 1px solid black;
} */


/*# sourceMappingURL=index.css.map*/