/* =============================================================================
 * luxury-metallic-finitions.css — touches finales v2 (chirurgical)
 *
 * v2 2026-04-19 : retrait wildcards [class*], retrait grain overlay body::before
 * (risque z-index), retrait override img sizing. Garde uniquement les polish
 * sûrs et non-invasifs.
 * ============================================================================= */

/* Spinner copper (safe, ne touche que les .spinner-border Bootstrap) */
.spinner-border {
    border-color: rgba(184, 115, 58, 0.2);
    border-top-color: #d9966b;
}

/* Wishlist heart (opt-in via classe .wishlist uniquement) */
.wishlist {
    color: #94a3b8;
    transition: color 180ms, transform 180ms;
}
.wishlist:hover { color: #ef4444; transform: scale(1.12); }
.wishlist.active { color: #ef4444; }

/* Progress bar copper (si utilisée) */
.progress-bar {
    background: linear-gradient(180deg, #d9966b 0%, #b8733a 55%, #8a5426 100%);
}

/* =========================================================================
   Les features visuelles "premium" ci-dessous ne s'activent qu'en dark theme
   ========================================================================= */

/* Product price en gradient copper — uniquement dark theme, pas de wildcard */
html[data-theme="dark"] .product-price,
html[data-theme="dark"] .product-card .price,
html[data-theme="dark"] .product-item .price,
html[data-theme="dark"] .card-price {
    background: linear-gradient(180deg, #f5d5b8 0%, #e9b488 50%, #b8733a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Rating stars gold glow — uniquement dark */
html[data-theme="dark"] .rating,
html[data-theme="dark"] .stars {
    color: #e0a63e;
}