:not(.is-mobile-menu) {

    &.with-header-2 {

        .header-cap {
            height: $header-height-2;
        }
    }

    &.with-header-5 {

        // Left content spacing

        &.with-spacer {

            .site-content,
            [data-vc-stretch-content],
            .elementor-section-stretched {
                padding-left: $header-height-5;
            }

            .site-footer {
                margin-left: $header-height-5;
            }
        }

        // Elements position

        .elements-bar.left,
        .search-global.fixed,
        .back-link {
            margin-left: $header-height-5;
        }

        .color-switcher {
            left: calc(100vw - #{$grid-spacer}*2 - #{$header-height-5});
        }
    }
    
    &.with-header-7 {

        // Hamburger menu close button position

        .hamburger-nav {

            &:not(.type2):not(.type3) {
                padding-left: $header-height;
            }
            
            .close-bar {

                @include flex-just(center);
            }
        }
    }

    &.with-header-6,
    &.with-header-7 {

        // Left content spacing

        &.with-spacer {

            .site-content,
            [data-vc-stretch-content],
            .elementor-section-stretched {
                padding-left: $header-height-6;
            }

            .site-footer {
                margin-left: $header-height-6;
            }
        }

        // Hamburger menu close button position

        .hamburger-nav {

            .close-bar {
                width: 100vh;
                height: $header-height-6;
                transform-origin: left top;
                transform: rotate(90deg) translate(0, -100%);

                @include spacer2x(padding-left);
                @include spacer2x(padding-right);
            }
        }

        // Elements position

        .elements-bar.left,
        .back-link,
        .search-global.fixed,
		.scroll-bar-container {
            margin-left: $header-height-6;
        }

        .search-global {

            &.fixed {

                @include spacer2x(bottom);
            } 
        }
    }

    &.with-header-5,
    &.with-header-6,
    &.with-header-7 {

        .header-cap {
            display: none;

            @include sm-screen {
                
                display: block;
            }
        }

        &[data-elementor-device-mode=mobile] {

            .header-5,
            .header-6,
            .header-7 {
                display: none;
            }

            .site-content,
            .site-footer {
                margin-left: 0;
            }

            [data-vc-stretch-content],
            .elementor-section-stretched {
                padding-left: 0;
            }
        }
    }
}

// Dynamic mobile header

.is-mobile-menu {

    .hamburger-nav {
        display: none;
    }

    .header {
        opacity: 1;
    }

    .mobile-hamburger {
        min-width: 56px;

        &.-left {
            margin-right: 0.6rem;
        }

        &.-right {
            margin-left: 0.6rem;
        }
    }
}

// Dynamic color overrides (light/dark typo)

.header-dynamic-typo {

    &.dark-typo {

        .menu > li > a,
        .menu-optional .cart-button-total a,
        .menu-optional > li > a:not(.btn-optional),
        .select-styled,
        .menu-optional .icon-button:not(.clb-close) .icon,
        .hamburger,
        .menu-blank,
        .branding {
            color: $color-black !important;
        }

        .branding {

            .logo {
                display: none;
            }

            .logo-dynamic {

                .dark {
                    display: block !important;
                }
            }
        }
    }
}

.header-dynamic-typo {

    &.light-typo {

        .menu > li > a,
        .menu-optional .cart-button-total a,
        .menu-optional > li > a:not(.btn-optional),
        .select-styled,
        .menu-optional .icon-button:not(.clb-close) .icon,
        .hamburger,
        .menu-blank,
        .branding {
            color: $color-white !important;
        }
        
        .branding {

            .logo {
                display: none !important; 
            }

            .logo-dynamic {

                .light {
                    display: block !important;
                }
            }
        }
    }  
}

// Disable headers in the Elementor Editor mode

.elementor-html,
.vc_editor {

    .header {

        &:not(.header-5):not(.header-6):not(.header-7) {
            z-index: 0;
        }
    }
}

// Right content spacing for slider layouts

.slider-with-bullets {

    .elements-bar.right,
    .clb-slider:not(.-slider-lightbox) .clb-slider-nav-btn,
    .portfolio-onepage-slider .clb-slider-nav-btn {
        margin-right: $bullets-spacer;
    }

    &:not(.slider-with-bullets-type5) {

        .sticky-nav {
            margin-right: $bullets-spacer;
        }
    }

    &:not(.slider-with-bullets-type8) {

        .header {
            margin-right: $bullets-spacer;
        }
    }

    @include tablet-screen {

        .color-switcher {
            margin-top: -$bullets-spacer;
        }

        &.with-mobile-switcher {

            &:not(.is-mobile-menu) {

                .clb-slider,
                .clb-smooth-slider {

                    &:not(.-slider-lightbox) {

                        .clb-slider-nav-btn {
                            display: none;
                        }
                    } 
                }
            }
        }
    } 
}

// With WP admin panel bar

.admin-bar {

    @include sm-screen {

        .header {

            &:not(.-sticky) {

                &.-mobile {

                    .cart-mini {
                        margin-top: $admin-bar-mobile;
                    }
                }
            }
        }
    }

    .clb-popup:not(.project-lightbox):not(.clb-gallery-lightbox),
    .-sticky:not(.-mobile),
    .header-5:not(.-mobile) .top-part,
    .header-6:not(.-mobile) .top-part,
    .header-7:not(.-mobile) .top-part,
    .header-7:not(.-mobile) .middle-part {
        margin-top: $admin-bar;
    }
}

// Share bar position

@include note-screen {

    .with-header-5 {

        &.single-post {

            .post-share {

                .share-bar {
                    left: 0.75rem;
                }
            }
        }
    }

    .with-header-6,
    .with-header-7 {

        &.single-post {

            .post-share {

                .share-bar {
                    left: -2rem;
                }
            }
        }
    }
}

@include sm-screen {
    
	.with-header-5,
	.with-header-6,
	.with-header-7 {

        // Left content spacing

        &.with-spacer {

            .site-content,
            .site-footer,
            [data-vc-stretch-content],
            .elementor-section-stretched {
                padding-left: 0 !important;
            }
        }
    }
}