// .home .wp-block-header {
//     background-color: var(--wp--preset--color--body-background-deep);
// }

// .header-transparent {
//     position: absolute;
//     width: 100% !important;
//     top: 0;

// }

// .admin-bar .header-transparent {
//     top: 32px;
// }

.wp-block-group.wp-block-site-logo-wrapper {
    gap: 1rem;
}

.wp-block-header {
    z-index: 9;
    position: relative;

    &::before {
        position: absolute;
        right: 0;
        top: 0;
        content: '';
        background: url(assets/images/top-splash.svg);

        background-size: contain;
        background-position: top right;
        width: 130px;
        height: 200px;
        z-index: -1;
        opacity: 0.6;
        background-repeat: no-repeat;

        filter: drop-shadow(0 1000px 0 var(--wp--preset--color--shape-bg));
        transform: translateY(-1000px);

    }


    .wp-block-button {
        &.is-style-fill {
            .wp-block-button__link {
                border: 1px solid var(--wp--preset--color--button-color-secondary);

                &:hover,
                &:focus {
                    background: var(--wp--preset--color--body-background-deep) !important;
                    border: 1px solid var(--wp--preset--color--button-color);

                }
            }
        }

        .wp-block-button__link {
            margin: 0;
        }
    }

    .wp-block-group:not(.wp-top-float-splash) {
        position: relative;
        z-index: 9;
    }
}



.wp-block-woocommerce-customer-account.is-style-custom-account {
    a {
        background: url(assets/images/user-thin.svg) no-repeat;
        background-size: 20px;
        background-position: center;
        padding: 6px;

        svg {
            opacity: 0;
        }

        span {
            display: none;
        }
    }
}

.wc-block-mini-cart.is-style-custom-cart {
    .wc-block-mini-cart__button {
        background: url(assets/images/shopping-cart.svg) no-repeat;
        background-size: 30px;
        background-position: center;
        padding: 6px;

        svg {
            opacity: 0;
        }

    }
}

.wp-header-phone a {
    padding: 7px 9px;
    width: 42px;
    height: 42px;
    display: inline-block !important;
    box-sizing: border-box;
}

.wp-block-navigation__container .wp-block-navigation-item:hover>.wp-block-navigation-item__content {
    color: var(--wp--preset--color--button-color)
}

.wp-block-navigation-submenu:hover .wp-block-navigation__submenu-icon svg {
    stroke: var(--wp--preset--color--button-color)
}

.wp-block-image.wp-header-phone .components-resizable-box__container {
    display: table;
    width: 42px !important;
    height: 42px !important;
}

.wp-block-header-right .wp-block-woocommerce-customer-account:hover,
.wp-block-header-right .wp-block-woocommerce-mini-cart:hover,
.wp-block-header-right .wp-header-phone a:hover {
    animation: pulse 0.6s ease;
    animation-iteration-count: 1;
    transform-origin: center;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.search main,
.error404 main {
    position: relative;

    &:before {
        width: 450px;
        height: 450px;
        content: '';
        position: absolute;
        left: 0;
        top: -30px;
        background: url(assets/images/right-splash.svg) no-repeat;
        background-size: 100%;
        filter: drop-shadow(0 1000px 0 var(--wp--preset--color--shape-bg));
        transform: translateY(-1000px);
    }
}

.wp-block-float-svg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    padding: 0;
}

.block-editor-block-list__block.wp-block-float-svg {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
}

.block-editor-block-list__block.wp-header-page-top {
    opacity: 0;
    height: 0;
}