/**
 * Price Hover Effects
 * Simple hover styles for prices
 */

/* Base styles for prices */
.regular-price,
.current-price,
.discount-price,
.original-price {
    position: relative;
    transition: transform 0.2s ease-out;
}

/* Add container styles to product cards */
.product-card {
    position: relative;
}

/* Fix for Save badge positioning */
.price-save-badge {
    position: absolute;
    top: -18px;
    right: 0;
}

/* Hover styles for price elements */
.product-card.price-hover .regular-price,
.product-card.price-hover .current-price,
.product-card.price-hover .discount-price {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    transform: scale(1.05);
    transition: all 0.2s ease-out;
}

/* Specific hover styles for discount prices */
.product-card.price-hover .discount-price,
.product-card.price-hover .current-price {
    color: #e83e8c;
}

/* Specific hover styles for regular prices */
.product-card.price-hover .regular-price {
    color: #0275d8;
}

/* Improved price-save-badge handling */
.product-card:hover .price-save-badge {
    opacity: 1;
    transform: translateY(0);
    z-index: 5;
}