/* Wishlist Toast Notifications */
.toast-notification {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #333;
    color: #fff;
    padding: 15px 25px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 9999;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s, transform 0.3s;
}

.toast-notification.show {
    opacity: 1;
    transform: translateY(0);
}

.toast-notification.success {
    background: #28a745;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.info {
    background: #17a2b8;
}

/* Wishlist button - when item IS in wishlist, make it look like hovered state */
/* This provides clear visual feedback that the item is in wishlist */

.product-card__wishlist.in-wishlist,
.product__wishlist-compare button.in-wishlist,
.product__actions-item--wishlist button.in-wishlist {
    border-color: #3d464d !important;
    background: #3d464d !important;
    color: #fff !important;
}

.product-card__wishlist.in-wishlist svg,
.product__wishlist-compare button.in-wishlist svg,
.product__actions-item--wishlist button.in-wishlist svg {
    fill: #ffffff !important;
}

/* Keep white icon on hover for all wishlist buttons */
.product-card__wishlist:not(:disabled):not(.disabled):hover svg,
.product-card__wishlist:not(:disabled):not(.disabled):focus svg,
.product-card__wishlist:not(:disabled):not(.disabled):active svg,
.product__wishlist-compare button:not(:disabled):not(.disabled):hover svg,
.product__wishlist-compare button:not(:disabled):not(.disabled):focus svg,
.product__wishlist-compare button:not(:disabled):not(.disabled):active svg,
.product__actions-item--wishlist button:not(:disabled):not(.disabled):hover svg,
.product__actions-item--wishlist button:not(:disabled):not(.disabled):focus svg,
.product__actions-item--wishlist button:not(:disabled):not(.disabled):active svg {
    fill: #ffffff !important;
}