/* Smart Pricing Engine - Frontend Styles
 * Version: see SPE_VERSION constant in smart-pricing-engine.php
 * ------------------------------------------------------------------ */

/* ------------------------------------------------------------------
   Discount Table
   ------------------------------------------------------------------ */

.spe-discount-table {
    margin: 1.5em 0;
    padding: 1em;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #fafafa;
}

.spe-discount-table__title {
    margin: 0 0 0.75em;
    font-size: 1em;
    font-weight: 600;
}

.spe-discount-table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
}

.spe-discount-table th,
.spe-discount-table td {
    padding: 6px 10px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.spe-discount-table th {
    font-weight: 600;
    background: #f0f0f0;
}

/* Highlight the currently applicable tier */
.spe-discount-table tr.spe-discount-table__active-tier td {
    font-weight: 600;
    background: #e8f5e9;
}

/* ------------------------------------------------------------------
   Cart Progress Bar
   ------------------------------------------------------------------ */

.spe-cart-progress {
    margin: 1em 0;
    padding: 0.75em 1em;
    background: #f0f8ff;
    border: 1px solid #c8e1ff;
    border-radius: 4px;
}

.spe-cart-progress__message {
    margin: 0 0 0.5em;
    font-size: 0.9em;
    color: #0073aa;
}

.spe-cart-progress__bar-wrap {
    height: 8px;
    background: #dde;
    border-radius: 4px;
    overflow: hidden;
}

.spe-cart-progress__bar {
    height: 100%;
    background: linear-gradient(90deg, #0073aa, #00a0d2);
    border-radius: 4px;
    transition: width 0.3s ease;
    min-width: 0;
}

/* ------------------------------------------------------------------
   "You Saved" row in cart totals table
   ------------------------------------------------------------------ */

.spe-you-saved th,
.spe-you-saved td {
    color: #389e0d;
    font-weight: 600;
}

/* ------------------------------------------------------------------
   Promotional / sale badge
   ------------------------------------------------------------------ */

.spe-promo-badge {
    background: #ff6900;
}

/* ------------------------------------------------------------------
   Strike-through pricing (cart item price / subtotal)
   ------------------------------------------------------------------ */

.spe-original-price {
    text-decoration: line-through;
    color: #999;
    font-size: 0.85em;
    margin-right: 0.4em;
}

/* Ensure WooCommerce del/ins display correctly */
.spe-discount-table del,
.spe-original-price {
    opacity: 0.75;
}

/* ------------------------------------------------------------------
   Responsive adjustments
   ------------------------------------------------------------------ */

@media (max-width: 480px) {
    .spe-discount-table th,
    .spe-discount-table td {
        padding: 4px 6px;
        font-size: 0.85em;
    }

    .spe-cart-progress {
        padding: 0.5em 0.75em;
    }
}