.elementor-2592 .elementor-element.elementor-element-d9ed786{--display:flex;}/* Start custom CSS for container, class: .elementor-element-d9ed786 *//* 1. Hide the notification/back-in-stock section entirely */
.alg-wc-wl-notification-settings, 
.alg-wc-wl-notification-form,
#alg_wc_wl_notification_settings_section {
    display: none !important;
}

/* 2. Hide the original "empty" text */
.alg-wc-wl-empty-wishlist {
    font-size: 0 !important;
    visibility: hidden !important;
}

/* 3. Inject only your clean text */
.alg-wc-wl-empty-wishlist::before {
    content: "Your Wishlist is empty.";
    visibility: visible !important;
    font-size: 18px; /* Adjust size as needed */
    color: #000000;
    display: block;
    margin-bottom: 20px;
}

/* 1. Hide Facebook and Twitter specifically */
.alg-wc-wl-social a.facebook, 
.alg-wc-wl-social a.twitter,
.alg-wc-wl-social .facebook, 
.alg-wc-wl-social .twitter {
    display: none !important;
}

/* 2. Ensure the Email icon remains visible */
.alg-wc-wl-social a.email, 
.alg-wc-wl-social .email {
    display: inline-block !important;
    visibility: visible !important;
}

/* 3. Optional: Remove the "Share on" text if you just want the icon */
.alg-wc-wl-share-title {
    display: none !important;
}

/* 1. Target the 'Add to basket' table header */
.alg-wc-wl-view-table th.product-add-to-cart {
    visibility: hidden;
    position: relative;
    white-space: nowrap; /* Prevents text wrapping issues */
}

/* Remove the entire heading row from the wishlist table */
.alg-wc-wl-view-table thead {
    display: none !important;
}

/* Optional: Remove the top border of the first row to keep it clean */
.alg-wc-wl-view-table tbody tr:first-child td {
    border-top: none !important;
}

/* Style the Add to Cart button in the wishlist table */
.alg-wc-wl-view-table .add_to_cart_button, 
.alg-wc-wl-view-table .button.product_type_simple,
.alg-wc-wl-view-table .button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 99px !important;
    padding: 10px 24px !important; /* Adjust padding for the pill shape */
    border: none !important;
    text-transform: none; /* Keeps casing as you set it */
    font-weight: 500;
    display: inline-block;
    text-align: center;
    transition: opacity 0.3s ease;
}

/* Add a slight hover effect so users know it's clickable */
.alg-wc-wl-view-table .add_to_cart_button:hover, 
.alg-wc-wl-view-table .button:hover {
    background-color: #333333 !important; /* Dark grey on hover */
    color: #ffffff !important;
    opacity: 0.9;
}/* End custom CSS */