/**
 * ProElite Overlay Menu widget styles.
 */

.proelite-overlay-menu,
.proelite-overlay-menu * {
	box-sizing: border-box;
}

.proelite-overlay-menu {
	--proelite-overlay-backdrop-solid: #0a0908;
	--proelite-overlay-panel-bg: rgba(18, 17, 15, 0.96);
	--proelite-overlay-text: #f7f2e8;
	--proelite-overlay-muted: rgba(247, 242, 232, 0.58);
	--proelite-overlay-accent: #c39a5b;
	--proelite-overlay-link: #c39a5b;
	--proelite-overlay-link-hover: #ffffff;
	--proelite-overlay-separator: rgba(195, 154, 91, 0.18);
	--proelite-overlay-hamburger-color: #111111;
	--proelite-overlay-hamburger-active-color: #f7f2e8;
	--proelite-overlay-close-color: #f7f2e8;
	--proelite-overlay-button-top: 28px;
	--proelite-overlay-button-right: 32px;
	--proelite-overlay-link-gap: 0;
	--proelite-overlay-panel-width: min(84vw, 430px);
	--proelite-overlay-stack: 2147483000;
	display: inline-flex;
	line-height: 1;
	position: relative;
}

.proelite-overlay-menu.proelite-is-open {
	z-index: var(--proelite-overlay-stack);
}

.proelite-overlay-menu__toggle-wrap {
	align-items: center;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	width: 44px;
	z-index: 2147483002;
}

.proelite-overlay-menu--fixed .proelite-overlay-menu__toggle-wrap,
.proelite-overlay-menu.proelite-is-open:not(.proelite-overlay-menu--fixed) .proelite-overlay-menu__toggle-wrap {
	position: fixed;
	right: var(--proelite-overlay-button-right);
	top: calc(var(--proelite-overlay-button-top) + env(safe-area-inset-top));
}

body.admin-bar .proelite-overlay-menu--fixed .proelite-overlay-menu__toggle-wrap,
body.admin-bar .proelite-overlay-menu.proelite-is-open:not(.proelite-overlay-menu--fixed) .proelite-overlay-menu__toggle-wrap {
	top: calc(var(--proelite-overlay-button-top) + env(safe-area-inset-top) + 32px);
}

.proelite-overlay-menu__toggle {
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--proelite-overlay-hamburger-color);
	cursor: pointer;
	display: block;
	height: 34px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 42px;
}

.proelite-overlay-menu__toggle:focus-visible,
.proelite-overlay-menu__submenu-toggle:focus-visible {
	outline: 1px solid var(--proelite-overlay-accent);
	outline-offset: 5px;
}

.proelite-overlay-menu__toggle-line {
	background: currentColor;
	display: block;
	height: 2px;
	left: 4px;
	position: absolute;
	transition: background-color 0.25s ease, opacity 0.25s ease, top 0.32s ease, transform 0.32s ease, width 0.25s ease;
	width: 34px;
}

.proelite-overlay-menu__toggle-line:nth-child(1) {
	top: 8px;
}

.proelite-overlay-menu__toggle-line:nth-child(2) {
	top: 16px;
	width: 25px;
}

.proelite-overlay-menu__toggle-line:nth-child(3) {
	top: 24px;
}

.proelite-overlay-menu__toggle:hover .proelite-overlay-menu__toggle-line:nth-child(2),
.proelite-overlay-menu__toggle:focus-visible .proelite-overlay-menu__toggle-line:nth-child(2) {
	width: 34px;
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__toggle {
	color: var(--proelite-overlay-close-color, var(--proelite-overlay-hamburger-active-color));
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__toggle-line:nth-child(1) {
	top: 16px;
	transform: rotate(45deg);
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__toggle-line:nth-child(2) {
	opacity: 0;
	transform: translateX(-8px);
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__toggle-line:nth-child(3) {
	top: 16px;
	transform: rotate(-45deg);
}

.proelite-overlay-menu__panel {
	color: var(--proelite-overlay-text);
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: fixed;
	visibility: hidden;
	z-index: var(--proelite-overlay-stack);
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__panel {
	pointer-events: auto;
	visibility: visible;
}

.proelite-overlay-menu__backdrop {
	appearance: none;
	background:
		linear-gradient(
			90deg,
			rgba(10, 9, 8, 0.62) 0%,
			rgba(10, 9, 8, 0.82) 45%,
			rgba(10, 9, 8, 0.96) 100%
		),
		var(--proelite-overlay-backdrop-solid);
	border: 0;
	cursor: default;
	inset: 0;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: fixed;
	transition: opacity 0.36s ease, visibility 0.36s step-end;
	visibility: hidden;
	width: 100%;
	z-index: var(--proelite-overlay-stack);
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__backdrop {
	opacity: 1;
	transition: opacity 0.36s ease, visibility 0s step-start;
	visibility: visible;
}

.proelite-overlay-menu__drawer {
	background: var(--proelite-overlay-panel-bg);
	border-left: 1px solid rgba(191, 151, 88, 0.24);
	box-shadow: -28px 0 80px rgba(0, 0, 0, 0.45);
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: 100dvh;
	max-width: 100vw;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(100%);
	transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
	width: var(--proelite-overlay-panel-width);
	z-index: 2147483001;
}

@supports (backdrop-filter: blur(10px)) {
	.proelite-overlay-menu__drawer {
		backdrop-filter: blur(10px);
	}
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__drawer {
	transform: translateX(0);
}

.proelite-overlay-menu__close-space {
	flex: 0 0 calc(82px + env(safe-area-inset-top));
}

.proelite-overlay-menu__inner {
	flex: 1 1 auto;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding:
		0
		clamp(28px, 7vw, 44px)
		calc(36px + env(safe-area-inset-bottom));
	width: 100%;
}

.proelite-overlay-menu__nav,
.proelite-overlay-menu__items,
.proelite-overlay-menu__sub-menu {
	margin: 0;
	padding: 0;
}

.proelite-overlay-menu__items,
.proelite-overlay-menu__sub-menu {
	list-style: none;
}

.proelite-overlay-menu__items {
	display: grid;
	gap: var(--proelite-overlay-link-gap);
}

.proelite-overlay-menu__item {
	margin: 0;
	padding: 0;
	position: relative;
}

.proelite-overlay-menu__items > .proelite-overlay-menu__item {
	border-bottom: 1px solid var(--proelite-overlay-separator);
	opacity: 0;
	transform: translateX(18px);
	transition: opacity 0.34s ease, transform 0.34s ease;
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__items > .proelite-overlay-menu__item {
	opacity: 1;
	transform: translateX(0);
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__items > .proelite-overlay-menu__item:nth-child(1) {
	transition-delay: 0.13s;
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__items > .proelite-overlay-menu__item:nth-child(2) {
	transition-delay: 0.17s;
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__items > .proelite-overlay-menu__item:nth-child(3) {
	transition-delay: 0.21s;
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__items > .proelite-overlay-menu__item:nth-child(4) {
	transition-delay: 0.25s;
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__items > .proelite-overlay-menu__item:nth-child(5) {
	transition-delay: 0.29s;
}

.proelite-overlay-menu.proelite-is-open .proelite-overlay-menu__items > .proelite-overlay-menu__item:nth-child(6) {
	transition-delay: 0.33s;
}

.proelite-overlay-menu__link {
	align-items: center;
	color: var(--proelite-overlay-link);
	display: flex;
	font-size: clamp(13px, 3.2vw, 16px);
	font-weight: 600;
	justify-content: flex-start;
	letter-spacing: 0.22em;
	line-height: 1.35;
	min-height: 58px;
	padding: 18px 44px 18px 0;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.24s ease, transform 0.24s ease;
	width: 100%;
}

.proelite-overlay-menu__item:not(.proelite-overlay-menu__item--has-children) > .proelite-overlay-menu__link {
	padding-right: 0;
}

.proelite-overlay-menu__link:hover,
.proelite-overlay-menu__link:focus-visible,
.proelite-overlay-menu__item.current-menu-item > .proelite-overlay-menu__link,
.proelite-overlay-menu__item.current-menu-ancestor > .proelite-overlay-menu__link {
	color: var(--proelite-overlay-link-hover);
	transform: translateX(4px);
}

.proelite-overlay-menu__link:focus-visible {
	outline: 1px solid var(--proelite-overlay-accent);
	outline-offset: 5px;
}

.proelite-overlay-menu__link-label {
	align-items: center;
	display: inline-flex;
	gap: 9px;
	min-width: 0;
	overflow-wrap: anywhere;
}

.proelite-overlay-menu__link-label img,
.proelite-overlay-menu__link img {
	display: inline-block;
	height: auto;
	max-height: 18px;
	max-width: 44px;
	object-fit: contain;
	vertical-align: middle;
	width: auto;
}

.proelite-overlay-menu__submenu-toggle {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--proelite-overlay-muted);
	cursor: pointer;
	display: inline-flex;
	height: 36px;
	justify-content: center;
	margin: 0;
	padding: 0;
	position: absolute;
	right: -8px;
	top: 11px;
	transition: color 0.24s ease, transform 0.24s ease;
	width: 36px;
}

.proelite-overlay-menu__submenu-toggle::before,
.proelite-overlay-menu__submenu-toggle::after {
	background: currentColor;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	width: 12px;
}

.proelite-overlay-menu__submenu-toggle::after {
	transform: rotate(90deg);
	transition: transform 0.24s ease, opacity 0.24s ease;
}

.proelite-overlay-menu__submenu-toggle:hover,
.proelite-overlay-menu__submenu-toggle:focus-visible,
.proelite-overlay-menu__item.proelite-submenu-is-open > .proelite-overlay-menu__submenu-toggle {
	color: var(--proelite-overlay-link-hover);
}

.proelite-overlay-menu__item.proelite-submenu-is-open > .proelite-overlay-menu__submenu-toggle::after {
	opacity: 0;
	transform: rotate(0deg);
}

.proelite-overlay-menu__sub-menu {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding-left: 16px;
	transition: max-height 0.35s ease, opacity 0.25s ease, padding-bottom 0.25s ease;
}

.proelite-overlay-menu__item.proelite-submenu-is-open > .proelite-overlay-menu__sub-menu {
	opacity: 1;
	padding-bottom: 12px;
}

.proelite-overlay-menu__sub-menu .proelite-overlay-menu__item {
	border-bottom: 0;
	opacity: 1;
	transform: none;
}

.proelite-overlay-menu__sub-menu .proelite-overlay-menu__link {
	color: var(--proelite-overlay-muted);
	font-size: 12px;
	letter-spacing: 0.15em;
	min-height: auto;
	padding: 8px 34px 8px 0;
	text-transform: uppercase;
}

.proelite-overlay-menu__sub-menu .proelite-overlay-menu__link:hover,
.proelite-overlay-menu__sub-menu .proelite-overlay-menu__link:focus-visible,
.proelite-overlay-menu__sub-menu .current-menu-item > .proelite-overlay-menu__link {
	color: var(--proelite-overlay-link-hover);
}

.proelite-overlay-menu__notice {
	border: 1px solid rgba(200, 155, 79, 0.32);
	color: var(--proelite-overlay-text);
	font-size: 15px;
	line-height: 1.6;
	padding: 18px 20px;
}

body.proelite-overlay-menu-open {
	overflow: hidden;
}

body.proelite-overlay-menu-open .joinchat,
body.proelite-overlay-menu-open .whatsapp,
body.proelite-overlay-menu-open .floating-whatsapp,
body.proelite-overlay-menu-open [class*="whatsapp"] {
	opacity: 0 !important;
	pointer-events: none !important;
}

@media (max-width: 782px) {
	body.admin-bar .proelite-overlay-menu--fixed .proelite-overlay-menu__toggle-wrap,
	body.admin-bar .proelite-overlay-menu.proelite-is-open:not(.proelite-overlay-menu--fixed) .proelite-overlay-menu__toggle-wrap {
		top: calc(var(--proelite-overlay-button-top) + env(safe-area-inset-top) + 46px);
	}
}

@media (max-width: 767px) {
	.proelite-overlay-menu {
		--proelite-overlay-button-top: 22px;
		--proelite-overlay-button-right: 22px;
		--proelite-overlay-panel-width: min(88vw, 390px);
	}

	.proelite-overlay-menu__close-space {
		flex-basis: calc(78px + env(safe-area-inset-top));
	}

	.proelite-overlay-menu__inner {
		padding-left: clamp(24px, 7vw, 34px);
		padding-right: clamp(24px, 7vw, 34px);
	}

	.proelite-overlay-menu__link {
		font-size: clamp(13px, 3.8vw, 15px);
		letter-spacing: 0.18em;
		min-height: 54px;
		padding-bottom: 16px;
		padding-top: 16px;
	}

	.proelite-overlay-menu__submenu-toggle {
		top: 9px;
	}
}

@supports not (height: 100dvh) {
	.proelite-overlay-menu__drawer {
		height: 100vh;
	}
}

@media (prefers-reduced-motion: reduce) {
	.proelite-overlay-menu__backdrop,
	.proelite-overlay-menu__drawer,
	.proelite-overlay-menu__toggle-line,
	.proelite-overlay-menu__items > .proelite-overlay-menu__item,
	.proelite-overlay-menu__link,
	.proelite-overlay-menu__sub-menu,
	.proelite-overlay-menu__submenu-toggle {
		transition-duration: 0.01ms;
	}
}