/* Mega menu style */

/* Chrome, Edge, Safari */

/* Show / Hide menu
========================================================================== */

#toggle-hamburger {
	display: flex;
}

.mega-menu-mobile {
	display: block;
}

.mega-menu-mobile .mega-menu-item .sub-menu.is-open {
	min-height: 100%;
}

/* Overlay */
.mega-menu-overlay {
	opacity: 0 !important;
}

.mega-menu-overlay-mobile {
	top: 0;
	opacity: 1 !important;
}

.mega-menu-overlay-mobile.is-sub-menu-open {
	background-color: rgba(0 0 0 / 75%);
}

/* Animation */
.mega-menu-mobile {
	right: -100%;
	transition: right 0.3s cubic-bezier(0.5, 0, 0, 1);
	left: auto;
}

.mega-menu-mobile.is-open {
	right: 0;
	left: auto;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.mega-menu-mobile .mega-menu-item > .sub-menu,
.mega-menu-mobile .mega-menu-item .sub-menu .sub-menu {
	right: -100%;
	transition: right 0.3s cubic-bezier(0.5, 0, 0, 1);
}

.mega-menu-mobile .mega-menu-item .sub-menu.is-open {
	right: 0;
}

.mega-menu-mobile .mega-menu-item .sub-menu {
	transform: translateX(100%);
	transition: transform 0.3s cubic-bezier(0.5, 0, 0, 1);
}

.mega-menu-mobile .mega-menu-item .sub-menu.is-open {
	transform: translateX(0);
}

/* Utility classes
========================================================================== */

/* Font sizes */

/* Spacings */

/* Desktop menu
========================================================================== */

/* Sub menu - First level */

/* Sub menu - Second level */

/* Mobile menu
========================================================================== */

.mega-menu-mobile.is-open {
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
}

.mega-menu-mobile .mega-menu-item > .sub-menu,
.mega-menu-mobile .mega-menu-item .sub-menu .sub-menu {
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
	min-height: max-content;
}

.hamburger-icon {
	background-color: var(--wp--preset--color--white);
	width: 20px;
}

.hamburger-icon::before {
	background-color: var(--wp--preset--color--white);
}

.hamburger-icon::after {
	background-color: var(--wp--preset--color--white);
}

.mega-menu-mobile .mega-menu-back .submenu-heading {
	font-size: var(--wp--preset--font-size--m);
}

.mega-menu-mobile {
	background-color: var(--wp--preset--color--black);
}

.mega-menu-mobile .mega-menu-back {
	padding: var(--wp--preset--spacing--s) 0;
}

header .mega-menu-mobile .menu > .menu-item > span {
	display: flex;
	justify-content: space-between;
}

header .menu > .menu-item:not(.mega-menu-item) {
	height: unset;
}

.mega-menu-mobile .mega-menu-item > .sub-menu,
.mega-menu-mobile .mega-menu-item .sub-menu .sub-menu {
	background-color: var(--wp--preset--color--black);
}

.mega-menu-mobile .mega-menu-header-m .custom-logo-link {
	display: none;
}

.mega-menu-item > .sub-menu > .menu-item {
	padding-left: 0;
}

header .mega-menu-mobile .menu > .menu-item span,
header .mega-menu-mobile .menu > .menu-item a {
	font-size: var(--wp--preset--font-size--m);
	font-weight: 400;
}

header .mega-menu-mobile .menu .menu-item a,
header .mega-menu-mobile .menu .menu-item span {
	padding: 0;
}

/* Scrollbar */