@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css);
@import url(product-list.css);
@import url(product-detail.css);
@import url(plugins.css);

/* Global Styles */
html,
body {
    height: 100%;
}

body {
    /* font-family: 'Roboto', Arial, sans-serif; */
    background-color: #f1f3f6;
    color: #212121;
    visibility: visible;
    position: relative;
    overflow-x: hidden;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bd-violet-bg);
    --bs-tooltip-color: var(--bs-white);
}

/* Wishlist button base */
.wishlist-btn,
.add-to-wish {
    color: #9ca3af; /* light gray */
    cursor: pointer;
    transition:
        color 0.25s ease,
        transform 0.15s ease;
}

/* SVG inherit color */
.wishlist-btn svg,
.add-to-wish svg {
    fill: currentColor;
    transition: fill 0.25s ease;
}

/* Active (wishlisted) */
.wishlist-btn.active,
.add-to-wish.active {
    color: #ff0000; /* red */
}

/* Hover effect */
.wishlist-btn:hover,
.add-to-wish:hover {
    transform: scale(1.1);
}