/* 1. Hide any titles or links that appear AFTER the wishlist container */

.yith-wcwl-add-to-wishlist ~ .price,
.yith-wcwl-add-to-wishlist ~ .heading-title {
    display: none !important;
}

/* 2. Style your remaining TOP section cleanly */
.top-loop-meta {
    text-align: center;
    margin-bottom: 0px;
    padding: 5px 0;
    width: 100%;
    display: block;
}

/* Format the VIP Number Title at the top */
.top-loop-meta .woocommerce-loop-product__title,
.top-loop-meta h2 {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 4px 45px !important;
    display: block !important;
}

/* Format the Price text at the top */
.top-loop-meta .price,
.top-loop-meta .price span {
    font-size: 1rem !important;
    color: #ffcc00 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    margin-right: 4px !important;
    margin-left: 13px !important;
}
.woocommerce .products .product:not(.product-category) .product-wrapper > .meta-wrapper {
    padding: 25px 20px;
    padding-top: 1px;
}
@media only screen and (min-width: 1200px) {
    .thumbnail-wrapper .product-group-button > div:nth-child(4), .thumbnail-wrapper .product-group-button > div:nth-child(3) {
        top: 6px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: unset !important;
        transform: none !important;
        right: 35px;
    }
}

/* Container button styling */
.single_add_to_wishlist_button.button.alt.qty-button {
    background-color: #ffffff !important; /* Forces white background */
    color: #333333 !important;            /* Changes text/icon color to dark gray/black for contrast */
    border: 1px solid #e0e0e0 !important; /* Adds a subtle border so it doesn't disappear on white sections */
    padding: 6px 12px !important;         /* Makes the button padding smaller */
    font-size: 13px !important;           /* Reduces text size if there is any */
    border-radius: 4px !important;        /* Gives it slightly rounded corners (change to 50% if you want a perfect circle) */
    min-width: auto !important;           /* Prevents it from stretching too wide */
    height: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;                             /* Space between icon and text */
}

/* Shrink the heart icon specifically */
.single_add_to_wishlist_button.button.alt.qty-button::before,
.single_add_to_wishlist_button.button.alt.qty-button i {
    font-size: 14px !important;           /* Shrinks the icon size */
    color: #333333 !important;            /* Ensures the heart icon turns dark */
    margin: 0 !important;
}

/* Hover effect so users know it's clickable */
.single_add_to_wishlist_button.button.alt.qty-button:hover {
    background-color: #f7f7f7 !important; /* Soft gray background on hover */
    border-color: #cccccc !important;
}
/* 1. Set the container to display items side-by-side and center them */
.custom-product-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;              /* Spacing between the wishlist and cart buttons */
    margin-top: 15px !important;        /* Adjusts spacing below the product price */
    width: 100% !important;
}

/* 2. Standardize heights and alignment for both buttons */
.custom-product-actions .single_add_to_wishlist_button.button.alt.qty-button,
.custom-product-actions .add_to_cart_button {
    height: 45px !important;            /* Forces them to be the exact same height */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    margin: 0 !important;               /* Clears conflicting theme margins */
}

/* 3. Style the wishlist button into a small white square */
.custom-product-actions .single_add_to_wishlist_button.button.alt.qty-button {
    width: 45px !important;             /* Matches height to make it perfectly square */
    min-width: 45px !important;
    max-width: 45px !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 5px !important;      /* Subtle rounded corners to match the theme style */
    padding: 0 !important;              /* Centers the icon perfectly */
}

/* 4. Ensure the heart icon inside is centered and small */
.custom-product-actions .single_add_to_wishlist_button.button.alt.qty-button::before,
.custom-product-actions .single_add_to_wishlist_button.button.alt.qty-button i {
    font-size: 16px !important;         /* Adjust this to make the heart smaller or larger */
    color: #111111 !important;          /* Dark icon color for visibility on white background */
    margin: 0 !important;
}

/* 5. Allow the Add to Cart button to scale nicely next to it */
.custom-product-actions .add_to_cart_button {
    flex-grow: 1 !important;            /* Forces the cart button to fill out the remaining row space */
    max-width: 200px !important;        /* Limits max width so it doesn't look overly stretched */
    border-radius: 5px !important;      /* Matches the radius of the wishlist button */
}

/* Optional hover state for the wishlist square button */
.custom-product-actions .single_add_to_wishlist_button.button.alt.qty-button:hover {
    background-color: #f7f7f7 !important;
    border-color: #cccccc !important;
}
/* 1. Ensure the custom actions wrapper behaves cleanly without the text below it */
.custom-product-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 15px !important;
    width: 100% !important;
}

/* 2. Bind the sizing of both active buttons */
.custom-product-actions .custom-wishlist-icon .yith-wcwl-add-button a,
.custom-product-actions .add_to_cart_button {
    height: 45px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}
.custom-product-actions .add_to_cart_button{
	border-radius: 25px !important;
}

/* 3. Perfect square styling for your operational wishlist button */
.custom-product-actions .custom-wishlist-icon .yith-wcwl-add-button a{
    width: 45px !important;
    min-width: 45px !important;
    max-width: 45px !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 5px !important;
    padding: 0 !important;
    cursor: pointer;
	margin-bottom: 10px;
}
.custom-product-actions .custom-wishlist-icon .yith-wcwl-add-button a>svg{
	margin-left: 5px;
}
/* 4. Keep the icon centered inside the button frame */
.custom-product-actions  .custom-wishlist-icon .yith-wcwl-add-button::before,
.custom-product-actions .single_add_to_wishlist_button.button.alt.qty-button i {
    font-size: 16px !important;
    color: #111111 !important;
    margin: 0 !important;
}

.products .product .yith-wcwl-add-to-wishlist {
    display: none ;
}
.custom-wishlist-icon .yith-wcwl-add-to-wishlist {
    display: block !important;
}
/* Hide any remaining duplicate text fragments if injected by standard filters */
.custom-wishlist-icon .yith-wcwl-add-to-wishlist .single_add_to_wishlist span{
    display: none !important;
}

.custom-product-actions .yith-wcwl-add-to-wishlist {
    display: inline-block !important; /* Keep it active inside your target zone */
}
/* Ensure the button maintains its clean square dimensions during loading */
.custom-product-actions .custom-wishlist-icon .yith-wcwl-add-button.loading {
    opacity: 0.7;
    position: relative;
}



/* Hide the heart icon temporarily while the product is loading into the cart */
.custom-product-actions .single_add_to_wishlist_button.button.alt.qty-button.loading::before {
    visibility: hidden;
}

/* Animation keyframe for spinner */
@keyframes spin {
    100% { transform: rotate(360deg); }
}
.product-group-button .loop-add-to-cart,
.loop-add-to-cart a,
.loop-add-to-cart .add_to_cart_button,
.loop-add-to-cart .button {
    display: none !important;
}
.price,
.woocommerce-loop-product__title,
.heading-title,
.yith-wcwl-add-to-wishlist,
.loop-add-to-cart {
    display: none !important;
}