/* --- Block Featured Category
-------------------------------------------------------- */

.wp-block-featured-category {

    .wc-block-featured-category {
        min-height: 320px !important;
        height: 100%;

        .wc-block-featured-category__background-image {
            transition: all 0.4s;
            transform-origin: center;
        }



        &:hover .wc-block-featured-category__background-image {
            transform: scale(1.075);
            opacity: 0.65;
        }


        .wc-block-featured-category__title,
        .wc-block-featured-category__link {
            padding: 0;
            width: auto;
            transition: all 0.4s;

            div {
                gap: 0;
            }
        }

        .wc-block-featured-category__title {
            font-size: var(--wp--preset--font-size--content-heading);
            line-height: var(--wp--custom--typography--line-height--normal);
            font-weight: var(--wp--custom--typography--font-weight--semi-bold);
            color: inherit;
            text-align: left;
        }

        .btn-wrap {
            display: flex;
            flex-wrap: wrap;
            z-index: 99;
            align-items: center;
            position: absolute;
            bottom: 28px;
            left: 28px;
            right: 28px;
            padding: 15px 20px;
            border-radius: 6px;
            justify-content: space-between;
            gap: 7px;
            max-width: 360px;
            margin: 0 auto;

            &::before {
                position: absolute;
                width: 100%;
                height: 100%;
                content: '';
                background-color: var(--wp--preset--color--primary);
                left: 0;
                top: 0;
                opacity: 0.5;
            }

            .wc-block-featured-category__description {
                padding: 7px 0;
                text-align: left;
            }

            .wc-block-featured-category__title,
            .wc-block-featured-category__link {
                opacity: 1;
            }
        }

        .wp-block-button .wp-block-button__link {
            padding: 7px 21px;
            font-size: var(--wp--preset--font-size--body-medium);
            margin: 0;

        }
    }

}

.wp-block-featured-category .wc-block-featured-category .wc-block-featured-category__background-image {
    object-fit: cover !important;
}

.wp-block-featured-category .wp-block-woocommerce-featured-category {
    height: 100%;
}

.block-editor-block-list__block .wp-block-feature-content .wp-block-heading {
    white-space: unset !important;
    margin-top: 1.5rem !important;
}

.block-editor-block-list__block .wc-block-featured-category__wrapper {
    min-height: auto !important;
}

.block-editor-block-list__block.wp-block-featured-category .wc-block-featured-category .wc-block-featured-category__title,
.block-editor-block-list__block.wp-block-featured-category .wc-block-featured-category .wc-block-featured-category__link {
    padding: 30px;
    width: auto;
}

/** featured product CSS ***/
.products-top-rated-new {


    .wp-block-woocommerce-product-template .product-image {
        position: relative;
        overflow: hidden;
        margin-bottom: var(--wp--custom--spacing--extra-small) !important;

        .wc-block-components-product-button {
            position: absolute;
            bottom: -80px;
            width: 100%;
            border-radius: 0;
            opacity: 0;
            visibility: hidden;
            transition: all 0.4s;



            .wp-element-button {
                width: 100%;
                border-radius: 0;
                font-size: 18px !important;
                background-color: var(--wp--preset--color--button-color);
                border-color: var(--wp--preset--color--button-color);
                color: var(--wp--preset--color--color-light);

                &:hover,
                &:focus {
                    background-color: var(--wp--preset--color--color-light) !important;
                    border-color: var(--wp--preset--color--color-light) !important;
                    color: var(--wp--preset--color--button-color) !important;
                }
            }
        }
    }

}

.products-top-rated-new .wp-block-woocommerce-product-template .wc-block-product:hover .product-image .wc-block-components-product-button {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}