/* Digages Points & Rewards – Frontend Styles */

:root {
    --digages-wallet-accent: #222222;
    --digages-wallet-accent-dark: #181818;
    --digages-wallet-accent-soft: #f1f1f1;
    --digages-wallet-accent-border: #bdbdbd;
    --digages-wallet-accent-strong: #121212;
}

/* ── Points & Rewards ───────────────────────────────────────── */
.digages-points-account-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 720px;
    margin: 0 0 18px;
    padding: 16px 20px;
    border: 1px solid var(--digages-wallet-accent-border);
    border-left: 4px solid var(--digages-wallet-accent);
    border-radius: 8px;
    background: var(--digages-wallet-accent-soft);
}

.digages-points-account-label {
    color: #374151;
    font-size: 13px;
    font-weight: 600;
}

.digages-points-account-card strong {
    color: var(--digages-wallet-accent-strong);
    font-size: 22px;
}

.digages-points-product-message,
.digages-points-earn-message {
    width: fit-content;
    max-width: 100%;
    margin: 12px 0;
    padding: 10px 14px;
    border-left: 3px solid var(--digages-wallet-accent);
    background: var(--digages-wallet-accent-soft);
    color: var(--digages-wallet-accent-strong);
    font-size: 14px;
}

.digages-points-checkout-wrap {
    margin: 12px 0;
}

.digages-combined-discount-row label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
}

.digages-combined-discount-row input[type="checkbox"] {
    flex: 0 0 auto;
    margin-top: 3px;
}

.digages-combined-discount-messages {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
}

.digages-combined-discount-message + .digages-combined-discount-message::before {
    content: "|";
    margin-right: 10px;
    color: #777;
}

.digages-points-balance-line {
    margin: 0 0 8px;
    font-weight: 600;
}

.digages-points-redeem-row {
    padding: 12px 16px;
    border: 1px solid var(--digages-wallet-accent-border);
    border-radius: 6px;
    background: var(--digages-wallet-accent-soft);
}

.digages-points-redeem-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--digages-wallet-accent-strong);
    cursor: pointer;
}

.digages-points-redeem-label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    flex-shrink: 0;
    accent-color: var(--digages-wallet-accent);
}

.digages-points-minimum-hint {
    color: #6b7280;
    font-size: 12px;
}

.digages-points-thankyou-message {
    margin-top: 18px;
}

/* Combined wallet + points checkout balance summary. */
.digages-checkout-balance-summary {
    margin: 0 0 8px !important;
}

.digages-checkout-summary-separator {
    display: inline-block;
    padding: 0 6px;
}