.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom img{
    width: 22px !important;
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom.no-txt {
    width: unset !important;
    height: unset !important;
    padding: var(--wp--preset--spacing--sm);
}

button.add_to_cart_button.ajax_add_to_cart {
    height: 60px
}

/* .tinv-wishlist .tinvwl-shortcode-add-to-cart a {
    width: 56px;
    height: 56px;
} */

.tinv-wishlist .icon-already-on-wishlist {
    max-width: 24px !important;
    max-height: 24px !important;
}

.tinv-wishlist .icon-add-on-wishlist {
    max-width: 24px !important;
    max-height: 24px !important;
}

.add-to-wishlist-btn {
   transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
/* Hide the default images when hovered */
.add-to-wishlist-btn:hover .icon-add-on-wishlist,
.add-to-wishlist-btn:hover .icon-already-on-wishlist {
  display: none !important;
}
                           
.add-to-wishlist-btn:hover .tinvwl_add_to_wishlist_button.tinvwl-icon-custom img.icon-add-on-wishlist {
  display: none !important;
}
.add-to-wishlist-btn:hover .tinvwl_add_to_wishlist_button.tinvwl-product-in-list img.icon-already-on-wishlist {
  display: none !important;
}
.add-to-wishlist-btn:hover {
  background-color: #1C1C1C;
  border: 0;
  transform: scale(1.02);
}


/* Inject white SVG as replacement */
.add-to-wishlist-btn:hover a::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 21 19" width="21" height="19"><path d="M19.334 6.10938C19.334 3.62409 17.2353 1.60938 14.6465 1.60938C12.7109 1.60938 11.0493 2.73565 10.334 4.34279C9.6187 2.73565 7.9571 1.60938 6.02148 1.60938C3.43265 1.60938 1.33398 3.62409 1.33398 6.10938C1.33398 13.3299 10.334 18.1094 10.334 18.1094C10.334 18.1094 19.334 13.3299 19.334 6.10938Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  display: inline;
  vertical-align: baseline;
  width: auto !important;
  padding-left: 2px;
  padding-top: 3px;
}


.tinv-wishlist .button i, .tinv-wishlist .navigation-button a i {
    margin-bottom: 6px;
}


.tinv-wishlist {
    /* Wishlist Container Improvements */
    &.woocommerce.tinv-wishlist-clear {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
    }

    /* Header Styling */
    .tinv-header {
        padding-bottom: 20px;
    }

    .tinv-header h2 {
        font-size: 2.2rem;
        font-weight: 600;
        color: #32312f;
        margin: 0;
        text-align: center;
    }

    /* Table Improvements */
    .tinvwl-table-manage-list {
        width: 100%;
        border-collapse: collapse;
        background: rgb(255, 255, 255, 0.5);
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }

    /* Table Header */
    .tinvwl-table-manage-list thead {
        /* background: linear-gradient(135deg, #F0EEDF 0%, #B88623 100%); */
        background: #f8f9fa;
        color: #1C1C1C;
    }

    .tinvwl-table-manage-list thead th {
        padding: 18px 15px;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 0.85rem;
        letter-spacing: 0.5px;
        border: none;
        text-align: start;
    }

    /* Table Body */
    .tinvwl-table-manage-list tbody tr {
        border-bottom: 1px solid #eee;
        transition: all 0.3s ease;
    }

    .tinvwl-table-manage-list tbody tr:hover {
        background-color: rgb(255, 255, 255, 0.6);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .tinvwl-table-manage-list tbody td {
        padding: 20px 15px;
        vertical-align: middle;
        border: none;
    }

    /* Product Thumbnail */
    .product-thumbnail {
        width: 80px;
    }

    .product-thumbnail img {
        width: 70px;
        height: 70px;
        object-fit: cover;
        border-radius: 8px;
        transition: transform 0.3s ease;
    }

    .product-thumbnail img:hover {
        transform: scale(1.1);
    }

    /* Product Name */
    .product-name a {
        color: #2c3e50;
        text-decoration: none;
        font-weight: 500;
        font-size: 1.1rem;
        transition: color 0.3s ease;
    }

    .product-name a:hover {
        color: #667eea;
    }

    /* Price Styling */
    .product-price {
        font-weight: 600;
        font-size: 1.1rem;
    }

    .product-price del {
        color: #999;
        margin-right: 8px;
        font-weight: 300;
    }

    .product-price ins {
        color: #1C1C1C;
        text-decoration: none;
        font-weight: 500;
    }

    /* Stock Status */
    .product-stock .stock {
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        padding: 5px 12px;
        border-radius: 20px;
        font-size: 0.9rem;
        font-weight: 500;
        max-width: 100%;
        margin-top: 0;
    }

    .product-stock .in-stock {
        background-color: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
    }

    .product-stock .out-of-stock {
        background-color: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
    }

    .product-action {
        width: 147px !important;
    }



    /* Buttons */
    .button, button.button {
        background: #1C1C1C;
        color: white;
        border: none;
        padding: 16px 25px;
        border-radius: 2px;
        font-weight: 500;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .button:hover, button.button:hover {
        background: #32312f;
        transform: translateY(-2px);
        color: white;
    }

    /* Remove Button */
    .product-remove button {
        color: #e74c3c;
        border: none;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-remove button:hover {
        background: #c0392b;
        transform: scale(1.1);
    }
    .product-action button{
        color: #1C1C1C;
        background: white;
        border: 1px solid #1C1C1C;
        padding: 16px 20px !important;
    }
    .product-action button:hover{
        color: white;
        background: #1C1C1C;
    }


    /* Checkbox Styling */
    .input-checkbox {
        width: 18px;
        height: 18px;
        accent-color: #667eea;
        cursor: pointer;
    }

    /* Footer Actions */
    .tinvwl-table-manage-list tfoot td {
        padding: 25px 15px;
    }

    .tinvwl-to-left, .tinvwl-to-right {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .tinvwl-to-right {
        justify-content: flex-end;
    }

    /* Select Dropdown */
    select.form-control {
        padding: 0 15px;
        border: 2px solid #e9ecef;
        border-radius: 6px;
        background: white;
        font-size: 0.95rem;
        min-width: 150px;
    }

    select.form-control:focus {
        outline: none;
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

    /* Social Buttons */
    .social-buttons {
        margin-top: 40px;
        padding: 25px;
        text-align: center;
    }

    .social-buttons span {
        font-weight: 600;
        color: #2c3e50;
        margin-right: 15px;
        font-size: 1.1rem;
    }

    .social-buttons ul {
        list-style: none;
        padding: 0;
        margin: 15px 0 0 0;
        display: flex;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .social-buttons li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        color: white;
        text-decoration: none;
        transition: all 0.3s ease;
        font-size: 1.2rem;
    }

    .social-facebook { background: #3b5998; }
    .social-twitter { background: #1da1f2; }
    .social-pinterest { background: #bd081c; }
    .social-whatsapp { background: #25d366; }
    .social-clipboard { background: #6c757d; }
    .social-email { background: #ea4335; }

    .social-buttons li a:hover {
        transform: translateY(-3px) scale(1.1);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    }

    /* Mobile Responsiveness */
    @media (max-width: 768px) {
        &.woocommerce.tinv-wishlist-clear {
            padding: 15px;
            margin: 10px;
        }
        
        .tinv-header h2 {
            font-size: 1.8rem;
        }
        
        .tinvwl-table-manage-list {
            font-size: 0.9rem;
        }
        
        .tinvwl-table-manage-list thead th {
            padding: 12px 8px;
            font-size: 0.75rem;
        }
        
        .tinvwl-table-manage-list tbody td {
            padding: 15px 8px;
        }
        
        .product-thumbnail {
            width: 60px;
        }
        
        .product-thumbnail img {
            width: 50px;
            height: 50px;
        }
        
        .tinvwl-full {
            display: none;
        }
        
        .tinvwl-mobile {
            display: inline;
        }
        
        .tinvwl-to-left, .tinvwl-to-right {
            justify-content: center;
            margin-bottom: 15px;
        }
        
        .social-buttons ul {
            gap: 10px;
        }
        
        .social-buttons li a {
            width: 40px;
            height: 40px;
            font-size: 1rem;
        }
    }

    @media (max-width: 480px) {
        .tinvwl-table-manage-list thead {
            display: none;
        }
        
        .tinvwl-table-manage-list tbody tr {
            display: block;
            margin-bottom: 20px;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 15px;
        }
        
        .tinvwl-table-manage-list tbody td {
            display: block;
            padding: 8px 0;
            border: none;
            text-align: left;
        }
        
        .tinvwl-table-manage-list tbody td:before {
            content: attr(data-label) ": ";
            font-weight: bold;
            color: #667eea;
        }
        
        .product-cb, .product-remove {
            text-align: center;
        }
        
        .product-thumbnail {
            text-align: center;
            width: 100%;
        }
        
        .product-thumbnail img {
            width: 80px;
            height: 80px;
        }
    }

    /* Loading Animation */
    &.loading {
        opacity: 0.7;
        pointer-events: none;
    }

    &.loading::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
        border: 4px solid #f3f3f3;
        border-top: 4px solid #667eea;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    /* Additional Enhancements */
    .product-date time {
        color: #6c757d;
        font-size: 0.9rem;
    }

    .tinvwl-txt {
        margin-left: 5px;
    }

    /* Focus States for Accessibility */
    .button:focus, 
    .input-checkbox:focus, 
    select.form-control:focus {
        outline: 2px solid #667eea;
        outline-offset: 2px;
    }
}