/**
 * B2B Product Pricing Styles
 *
 * Handles display of original and discounted prices
 *
 * @package B2B_Spokar_Theme
 */

/* Price wrapper */
.price {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.4;
}

/* Original price (strikethrough) */
.price del.original-price,
.price del {
    color: #999;
    font-size: 0.9em;
    font-weight: 400;
    text-decoration: line-through;
    opacity: 0.7;
}

/* Final price (highlighted) */
.price ins.final-price,
.price ins {
    background: transparent;
    color: #28a745;
    font-size: 1.1em;
    font-weight: 700;
    text-decoration: none;
}

/* Product grid - make prices more visible */
.product-grid .product-card .price {
    margin-top: 8px;
}

.product-grid .product-card .price del.original-price {
    display: inline-block;
    margin-right: 8px;
}

.product-grid .product-card .price ins.final-price {
    display: inline-block;
}

/* Product overlay - larger prices */
.product-overlay .price {
    font-size: 1.5em;
}

.product-overlay .price del.original-price {
    font-size: 0.85em;
    display: block;
    margin-bottom: 4px;
}

.product-overlay .price ins.final-price {
    font-size: 1.2em;
    display: block;
}

/* Cart - price styling */
.woocommerce-cart .price del.original-price,
.woocommerce-cart .price del {
    font-size: 0.9em;
}

.woocommerce-cart .price ins.final-price,
.woocommerce-cart .price ins {
    font-size: 1em;
}

/* Checkout - price styling */
.woocommerce-checkout .price del.original-price {
    font-size: 0.9em;
}

.woocommerce-checkout .price ins.final-price {
    font-size: 1em;
}

/* Price suffix - when showing price per unit */
.price .woocommerce-price-suffix {
    font-size: 0.85em;
    color: #666;
    font-weight: 400;
}

/* Responsive - mobile */
@media (max-width: 768px) {
    .price {
        font-size: 1em;
    }

    .product-overlay .price {
        font-size: 1.3em;
    }

    .product-overlay .price del.original-price {
        font-size: 0.8em;
    }

    .product-overlay .price ins.final-price {
        font-size: 1.1em;
    }
}