/* ==========================================================================
   Full Screen Menu Opener styles
   ========================================================================== */

.qodef-fullscreen-menu-opener {
	display: flex;
	flex-direction: row-reverse;

	&.qodef--opened {

		&.qodef-opener-icon {

			.qodef--close {
				right: 0;
			}
		}

		.qodef-fs-menu-label-close {
			@include qodefMenuLevelOneInitialStyle();
			font-size: 19px;
			font-weight: 700;
			margin: 0;
			color: $heading-color;
		}
	}

	.qodef-fs-menu-label {
		@include qodefMenuLevelOneInitialStyle();
		font-size: 19px;
		margin: 0;
		color: $heading-color;
	}

	&.qodef-source--svg-path {

		.qodef-fs-menu-label, .qodef-fs-menu-label-close {
			margin: 0 30px 0 0;
		}

		svg {
			fill: currentColor;
			stroke: none;
		}
	}

	&.qodef-source--predefined {

		&.qodef--opened {
			.qodef-fs-menu-label {
				display: none;
			}
		}
	}
}

.qodef-fullscreen-menu--opened {

	.qodef-fullscreen-menu-opener {
		color: var(--qode-main-color);
	}
	
	#qodef-page-header,
	#qodef-page-mobile-header {
		visibility: hidden;
	}
	
	.qodef-header-logo-link,
	.qodef-mobile-header-logo-link,
	.qodef-header-logo-image.qodef--customizer,
	.qodef-fullscreen-menu-opener {
		visibility: visible;
	}
	
	#qodef-page-header .qodef-header-logo-link img {
		
		&.qodef--light {
			opacity: 1;
		}
		
		&.qodef--main,
		&.qodef--dark {
			opacity: 0;
		}
	}

	&.qodef-fullscreen-menu--hide-logo {

		.qodef-header-logo-link,
		.qodef-mobile-header-logo-link,
		.qodef-header-logo-image.qodef--customizer {
			visibility: hidden;
		}
	}
}