.btn-wishlist {
    transition: all 0.3s ease;
    position: relative;
}

.btn-wishlist:hover {
    transform: scale(1.1);
}

.btn-wishlist.active,
.btn-wishlist.in-wishlist {
    color: #ff4757 !important;
}

.btn-wishlist.active i,
.btn-wishlist.in-wishlist i,
.btn-wishlist.active .w-icon-heart,
.btn-wishlist.in-wishlist .w-icon-heart {
    color: #ff4757 !important;
}

/* Additional selectors to ensure color change */
.btn-wishlist.active:before,
.btn-wishlist.in-wishlist:before {
    color: #ff4757 !important;
}

/* Force color change for all possible heart icon variations */
.product-details .btn-wishlist.active,
.product-details .btn-wishlist.in-wishlist,
.product-link-wrapper .btn-wishlist.active,
.product-link-wrapper .btn-wishlist.in-wishlist,
.product-popup .btn-wishlist.active,
.product-popup .btn-wishlist.in-wishlist {
    color: #ff4757 !important;
}

/* Ensure heart icons change color */
.btn-wishlist.active .w-icon-heart:before,
.btn-wishlist.in-wishlist .w-icon-heart:before,
.btn-wishlist.active::before,
.btn-wishlist.in-wishlist::before {
    color: #ff4757 !important;
}

/* Override any theme colors */
.btn-wishlist.active,
.btn-wishlist.in-wishlist {
    background: none !important;
    border-color: transparent !important;
}

/* Additional icon font support */
.btn-wishlist.active [class*="icon"],
.btn-wishlist.in-wishlist [class*="icon"],
.btn-wishlist.active [class*="fa-"],
.btn-wishlist.in-wishlist [class*="fa-"],
.btn-wishlist.active [class*="w-icon"],
.btn-wishlist.in-wishlist [class*="w-icon"] {
    color: #ff4757 !important;
}

/* Force red color with highest specificity */
.btn-wishlist.active,
.btn-wishlist.active *,
.btn-wishlist.in-wishlist,
.btn-wishlist.in-wishlist * {
    color: #ff4757 !important;
}

/* Specific styles for full heart icon when in wishlist */
.btn-wishlist.w-icon-heart-full,
.btn-wishlist.w-icon-heart-full *,
.btn-wishlist.active .w-icon-heart-full,
.btn-wishlist.in-wishlist .w-icon-heart-full {
    color: #ff4757 !important;
}

/* Regular heart icon styles */
.btn-wishlist.w-icon-heart:not(.active):not(.in-wishlist) {
    color: inherit;
}

/* Notification styles */
.wishlist-notification {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 500;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.wishlist-notification-success {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
}

.wishlist-notification-error {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.wishlist-notification-info {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

/* Loading state */
.btn-wishlist[style*="opacity: 0.6"] {
    cursor: not-allowed !important;
}

/* Notification animations */
@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes slideOutRight {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(100%); opacity: 0; }
}

/* Quickview Modal Styles */
.product-popup .product-thumb {
    cursor: pointer !important;
    border: 3px solid transparent;
    border-radius: 8px;
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
    opacity: 0.7;
}
.product-popup .product-thumb:hover {
    border-color: #007bff !important;
    transform: scale(1.05);
    box-shadow: 0 2px 10px rgba(0,123,255,0.3);
    opacity: 1 !important;
}
.product-popup .product-thumb.active {
    border-color: #007bff !important;
    box-shadow: 0 0 15px rgba(0,123,255,0.6);
    transform: scale(1.02);
    opacity: 1 !important;
}
.product-popup .product-thumb img {
    cursor: pointer !important;
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.2s ease;
}
.product-popup .product-thumb:hover img {
    opacity: 0.9;
}
.product-popup .product-thumb.active img {
    opacity: 1;
}
/* Ensure thumbnails are clickable */
.product-popup .product-thumbs-wrap {
    pointer-events: auto;
}
.product-popup .product-thumbs {
    pointer-events: auto;
}
.swiper-wrapper-quickview {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

/* Quickview button loading state */
.btn-quickview[style*="opacity: 0.6"] {
    cursor: not-allowed !important;
}
/* Login Toest MEssage CSS */
.toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.toast {
    min-width: 240px;
    max-width: 340px;
    padding: 12px 14px;
    border-radius: 6px;
    color: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
    opacity: .98;
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.toast-success {
    background: #16a34a
}

.toast-error {
    background: #dc2626
}

.toast-info {
    background: #2563eb
}

.toast-close {
    background: transparent;
    border: 0;
    color: #fff;
    margin-left: auto;
    cursor: pointer
}