/**
 * WP Rabatt Plugin — Frontend Styles
 *
 * CSS custom properties are injected inline from admin display settings.
 * Fallback values are used when no custom colors/sizes are set.
 */

/* --- Quantity Discount Table (Product Page) --- */

/* Visible quantity counter for hidden inputs (Bricks Ultimate ATC) */
.wprr-qty-display {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    font-size: 0.9em;
    font-weight: 600;
    color: #333;
    margin: 0 4px;
    border-radius: 4px;
    background: #f5f5f5;
    line-height: 1;
}

.wprr-quantity-table {
    margin: 15px 0;
    text-align: center;
}
.wprr-quantity-table__title {
    font-size: var(--wprr-title-font-size, 1em);
    color: var(--wprr-title-color, inherit);
    margin: 0 0 10px;
    padding: 0;
}
.wprr-quantity-table__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.wprr-tier-card {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 12px 16px;
    min-width: 120px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.wprr-tier-card:hover {
    border-color: #999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Clickable tier cards */
.wprr-tier-card--clickable {
    cursor: pointer;
    user-select: none;
}
.wprr-tier-card--clickable:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 12px rgba(0,0,0,0.1);
}

/* Best tier (last card) */
.wprr-tier-card--best {
    border-color: var(--wprr-best-tier-border, #e2401c);
    background: var(--wprr-best-tier-bg, #fef5f3);
}
.wprr-tier-card--best:hover {
    border-color: var(--wprr-best-tier-border, #c0392b);
}

/* Active tier (matches current quantity) */
.wprr-tier-card--active {
    border-color: var(--wprr-active-tier-border, #e2401c) !important;
    background: var(--wprr-active-tier-bg, #fef5f3) !important;
    box-shadow: 0 0 0 2px var(--wprr-active-tier-border, #e2401c);
}

/* Brief flash on click */
@keyframes wprr-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.03); }
    100% { transform: scale(1); }
}
.wprr-tier-card--clickable:active {
    animation: wprr-pulse 0.2s ease;
}

.wprr-tier-card__qty {
    font-weight: 600;
    font-size: var(--wprr-qty-font-size, 0.9em);
    color: var(--wprr-qty-color, #666);
    margin-bottom: 6px;
}
.wprr-tier-card__price {
    font-size: var(--wprr-price-font-size, 1.15em);
    font-weight: 700;
    color: var(--wprr-price-color, #333);
}
.wprr-tier-card__price .woocommerce-Price-amount {
    display: block;
}
.wprr-tier-card__original del {
    font-size: 0.85em;
    color: #999;
}
.wprr-tier-card__badge {
    display: inline-block;
    background: var(--wprr-badge-bg, #e2401c);
    color: var(--wprr-badge-text-color, #fff);
    font-size: 0.75em;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    margin-top: 6px;
}
.wprr-tier-card__base-price {
    font-size: var(--wprr-base-price-font-size, 0.75em);
    color: var(--wprr-base-price-color, #888);
    margin-top: 4px;
}
.wprr-tier-card__base-price .woocommerce-Price-amount {
    display: inline;
}

/* --- Cart Savings --- */

.wprr-cart-savings-box {
    text-align: center;
    margin: 10px 0;
}
.wprr-cart-savings th {
    font-weight: 600;
}
.wprr-savings-amount {
    color: var(--wprr-savings-color, #2d9e2d);
    font-size: var(--wprr-savings-font-size, 1.05em);
}

/* --- MiniCart Savings --- */

.wprr-minicart-savings {
    display: flex;
    justify-content: center;
    padding: 6px 0;
    border-top: 1px solid #eee;
    margin-top: 4px;
    font-size: 0.9em;
    gap: 6px;
}
.wprr-minicart-savings__label {
    color: #666;
}
.wprr-minicart-savings__amount {
    font-weight: 700;
    color: var(--wprr-savings-color, #2d9e2d);
    font-size: var(--wprr-savings-font-size, 1em);
}

/* --- Checkout Savings Badge --- */

/* Shared base */
.wprr-checkout-savings {
    --badge-bg: var(--wprr-checkout-badge-bg, #2d9e2d);
    --badge-text: var(--wprr-checkout-badge-text-color, #fff);
    --badge-size: var(--wprr-checkout-badge-font-size, 1.1em);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: var(--badge-size);
    margin: 10px 0;
    text-align: center;
}
.wprr-checkout-savings__icon {
    font-size: 1.2em;
    line-height: 1;
}
.wprr-checkout-savings .woocommerce-Price-amount {
    color: var(--badge-text);
}

/* Style: Pill (default) */
.wprr-checkout-savings--pill {
    background: var(--badge-bg);
    color: var(--badge-text);
    padding: 10px 24px;
    border-radius: 30px;
}

/* Style: Banner (full width) */
.wprr-checkout-savings--banner {
    display: flex;
    justify-content: center;
    width: 100%;
    background: var(--badge-bg);
    color: var(--badge-text);
    padding: 14px 20px;
    border-radius: 8px;
    font-size: var(--badge-size);
}

/* Style: Card (boxed) */
.wprr-checkout-savings--card {
    background: #fff;
    color: var(--badge-bg);
    border: 2px solid var(--badge-bg);
    padding: 14px 24px;
    border-radius: 10px;
}
.wprr-checkout-savings--card .woocommerce-Price-amount {
    color: var(--badge-bg);
}
.wprr-checkout-savings--card .wprr-checkout-savings__icon {
    background: var(--badge-bg);
    color: var(--badge-text);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
    flex-shrink: 0;
}

/* Style: Minimal (text only) */
.wprr-checkout-savings--minimal {
    background: none;
    color: var(--badge-bg);
    padding: 6px 0;
    gap: 6px;
    font-weight: 600;
}
.wprr-checkout-savings--minimal .woocommerce-Price-amount {
    color: var(--badge-bg);
    font-weight: 700;
}
.wprr-checkout-savings--minimal .wprr-checkout-savings__icon {
    font-size: 1em;
    opacity: 0.7;
}

/* --- Cart Item Strikethrough --- */

.wprr-item-savings-badge {
    display: inline-block;
    background: var(--wprr-badge-bg, #e2401c);
    color: var(--wprr-badge-text-color, #fff);
    font-size: 0.7em;
    padding: 1px 6px;
    border-radius: 3px;
    margin-left: 4px;
    vertical-align: middle;
}