/* ══════════════════════════════════════════════════════════
   Adaptive product-card icons – white on dark / black on light
   Applied via JS class .dark-image on .product-image-container
   ══════════════════════════════════════════════════════════ */

/* Default state: dark icons (already the case) */
.product-icons {
    color: #000;
    transition: color 0.35s ease;
}

/* ── Dark image: flip everything white ── */

/* Cart bag SVG inherits currentColor via stroke="currentColor" */
.product-image-container.dark-image .product-icons {
    color: #fff;
}

/* Wishlist heart — swap to white vector SVGs (no filter = crisp on mobile) */
.product-image-container.dark-image .wishlist-button-add {
    background-image: url(../img/heart-empty-white.svg) !important;
    transition: background-image 0.35s ease;
}
.product-image-container.dark-image .wishlist-button-add.wishlist-checked {
    background-image: url(../img/heart-filled-white.svg) !important;
}

/* Navigation arrows */
.product-image-container.dark-image .nav-arrow {
    color: #fff;
}
.product-image-container.dark-image .nav-arrow svg {
    stroke: #fff;
}

/* Progress bar */
.product-image-container.dark-image .image-progress-bar {
    background: #fff;
}