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

.wp-block-header-top-info {
    a {
        text-decoration: none;
        position: relative;
        padding: 3px 0;

        &::before {
            content: "";
            border-bottom: 1px solid var(--wp--preset--color--dark);
            position: absolute;
            bottom: 0;
            width: 0;
            transition: all 0.4s;
            height: 1px;
        }

        &:hover::before {
            width: 100%;
        }
    }
}

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

    .wp-block-header-right {
        margin-left: auto;
    }




}

.wp-block-search-toggle {
    .wp-block-button {
        height: 42px !important;

        .wp-element-button {
            background: url(assets/images/search.svg) no-repeat;
            text-indent: -99999px;
            padding: 0;
            width: 20px;
            height: 20px;
            padding: 20px;
            background-position: center;
        }
    }
}

.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-block-navigation__container .wp-block-navigation-item:hover>.wp-block-navigation-item__content {
    color: inherit
}

.wp-block-navigation-submenu:hover .wp-block-navigation__submenu-icon svg,
.wp-block-navigation-submenu:focus .wp-block-navigation__submenu-icon svg {
    transform: rotate(180deg);
}

.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);
    }
}



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

.wp-block-header-top-info {
    .wp-block-image {
        img {
            display: block;
        }
    }
}

/** header search CSS **/
.search-active {
    .wp-primary-search {
        opacity: 1;
        visibility: visible;
        top: 0;
    }

    &.admin-bar {
        .wp-primary-search {
            top: 32px;
        }
    }
}

.wp-block-group.wp-header-pdt-search {
    max-width: 260px;
    padding: 0;
}

.wp-primary-search {
    position: fixed;
    background: var(--wp--preset--color--background);
    width: 100%;
    height: auto;
    top: -30px;
    left: 0;
    padding-top: var(--wp--style--root--padding-right);
    padding-bottom: var(--wp--style--root--padding-right);
    opacity: 0;
    z-index: 99;
    visibility: hidden;
    transition: all 0.4s;




    .wp-block-search {

        .wp-block-search__inside-wrapper {
            padding: 0;
        }

        input {
            background-color: transparent;
            margin-right: 15px;
            padding: 0 10px !important;
            border-bottom: 1px solid var(--wp--preset--color--border-primary) !important;
        }
    }

    .wp-primary-search-close-btn {
        .wp-block-button {
            position: relative;
            transition: transform 0.3s cubic-bezier(.4, 0, .2, 1);
            padding-right: 30px;

            &::before,
            &::after {
                content: "";
                position: absolute;
                width: 20px;
                height: 2px;
                top: 15px;
                right: 0;
                margin-left: -10px;
                background: var(--wp--preset--color--dark);
                border: none;
                border-radius: 4px;
            }

            &::before {
                transform: rotate(45deg);
            }

            &::after {
                transform: rotate(-45deg);
            }

            &:hover::before {
                transform: rotate(-45deg);
            }

            &:hover::after {
                transform: rotate(45deg);
            }

            .wp-element-button {
                border-bottom: none;
                padding-bottom: 0;
                font-size: clamp(18px, 2.5vw, 22px) !important;
            }
        }
    }
}

.wp-block-buttons.wp-primary-search-close-btn {
    justify-content: flex-end;
}

body:after {
    position: fixed;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #ECECECCC;
    backdrop-filter: blur(30px);
    top: 0;
    left: 0;
    z-index: 9;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
}

body.search-active::after {
    opacity: 1;
    visibility: visible;
}

.wp-primary-search.block-editor-block-list__block {
    visibility: visible;
    opacity: 1;
    top: 0;
}

header .wp-primary-search.block-editor-block-list__block {
    visibility: hidden;
    opacity: 0;
    display: none;
}