/*
Theme Name:   Bw GiftXtore Child
Theme URI:    https://bw-giftxtore.bzotech.com/intro/
Author:       The BZOTech
Author URI:   #
Description:  GiftXtore is a clean beautiful WordPress theme for selling Jewelry Diamond, Jewelry Gemstone, Fashion Jewelry, Earrings, Necklace and so on.
Template:     bw-giftxtore
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: jewelry wordpress theme, jewelry store wordpress theme, wordpress jewelry theme, wordpress jewelry shop theme, jewelry store woocommerce theme, elementor theme, woocommerce theme, wordpress theme
Text Domain: bw-giftxtore-child
*/

@media(max-width:767px){
    .elementor-17253 .elementor-element.elementor-element-7777957{
        --min-height: 50px !important;
        --padding-top: 10px !important;
        --padding-bottom: 10px !important;
        min-height: 50px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

	.yith-add-to-wishlist-button-block {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: max-content;
    margin: 0px auto !important;
}
/* ====== WISHLIST FINAL NUCLEAR FIX ====== */

/* Step 1: bzo-custom-wishlist div ko same <a> jaisa banao */
.item-product .product-extra-link .bzo-custom-wishlist {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translate(0px, 0px) !important;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s !important;
    display: inline-flex !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 100% !important;
    background-color: #f0f0f0 !important;
    overflow: visible !important;
    position: relative !important;
    vertical-align: middle !important;
}

/* Step 2: Hover pe show karo */
.item-product:hover .product-extra-link .bzo-custom-wishlist {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(0px, 0px) !important;
}

/* Step 3: Andar wala <a> tag */
.item-product .product-extra-link .bzo-custom-wishlist a.yith-wcwl-add-to-wishlist-button {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(0px, 0px) !important;
    display: inline-flex !important;
    width: 32px !important;
    height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    overflow: visible !important;
    position: static !important;
    line-height: 1 !important;
}

/* Step 4: SVG heart */
.item-product .product-extra-link .bzo-custom-wishlist svg {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    stroke: #727272 !important;
    fill: none !important;
    transform: none !important;
    overflow: visible !important;
}

/* Step 5: "Add to wishlist" text HIDE */
.item-product .product-extra-link .yith-wcwl-add-to-wishlist-button__label {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    opacity: 0 !important;
}

/* Step 6: Hover red heart */
.item-product:hover .product-extra-link .bzo-custom-wishlist a:hover svg {
    stroke: #ff5942 !important;
}

/* Step 7: product-thumb overflow fix - icons clip ho rahe the */
.item-product .product-thumb {
    overflow: visible !important;
}

.item-product .product-extra-link {
    overflow: visible !important;
}
	.yith-wcwl-add-to-wishlist-button__label {
    display: none !important;
}
	.yith-add-to-wishlist-button-block {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: max-content;
    margin: 7px auto;
    display: none !important;
}