/**
 * Header Extensions Styles (Sticky & Transparent)
 *
 * @package Breezi Blog
 * @since 1.0.4
 */
:root {
    --breezi-header-base: #ffffff;
}

/* Sticky Header */
.breezi-sticky-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all var(--wp--custom--transition--base);
    background-color: var(--breezi-header-base);
}

.breezi-sticky-header.breezi-sticky-active {
    box-shadow: var(--wp--preset--shadow--soft);
    background-color: var(--breezi-header-base) !important;
}

.breezi-sticky-header .wp-block-navigation-item__content {
    background-color: transparent !important;
}

.breezi-sticky-header.breezi-sticky-active .wp-block-navigation-item__content {
    background-color: var(--breezi-header-base) !important;
}

body.admin-bar .breezi-sticky-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .breezi-sticky-header {
        top: 46px;
    }
}