//
// Header
//

// Desktop mode
@include media-breakpoint-up(lg) {
	.header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: get($header-config, default, height, desktop);

		// Fixed header & sticky header modes
		.header-fixed & {
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index: get($header-config, fixed, z-index);
			background-color: var(--kt-header-fixed-bg-color);
			height: get($header-config, fixed, height, desktop);
			box-shadow: var(--kt-header-header-fixed-box-shadow);
			padding: 0;
		}

		// Fixed header and fixed toolbar modes
		.header-fixed.toolbar-fixed & {
			box-shadow: none;
		}

		// Aside default enabled, aside fixed & header sticky modes
		.aside-enabled.aside-fixed.header-fixed & {
			left: get($aside-config, width, desktop);
		}

		// Header menu
		.header-menu {
			display: flex;

			.menu {
				// Menu root item
				> .menu-item {
					@include menu-link-here-state( 
						$title-color: var(--kt-primary), 
						$icon-color: var(--kt-primary), 
						$bullet-color: var(--kt-primary), 
						$arrow-color: var(--kt-primary), 
						$bg-color: var(--kt-menu-link-bg-color-active)
					);
				}	
			}
		}
	}
}

// Tablet & mobile modes
@include media-breakpoint-down(lg) {
	.header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: get($header-config, default, height, tablet-and-mobile);

		// Fixed header and header sticky modes
		.header-tablet-and-mobile-fixed & {
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index: get($header-config, fixed, z-index);
			height: get($header-config, fixed, height, tablet-and-mobile);
			min-height: get($header-config, fixed, height, tablet-and-mobile);
			background-color: var(--kt-header-fixed-bg-color);
			box-shadow: var(--kt-header-fixed-box-shadow);
		}

		// Fixed header and fixed toolbar modes
		.header-tablet-and-mobile-fixed.toolbar-tablet-and-mobile-fixed & {
			box-shadow: none;
		}

		// Header menu
		.header-menu {
			display: none;
			z-index: get($header-config, fixed, z-index) - 1;
		}

		// Page title
		.page-title {
			display: none !important;
		}
	}
}
