/* LUMIÈRE Smart Coupons — frontend
   Shared by both render paths (classic PHP output + block-injected DOM).
   Colors use Astra global CSS variables so UI follows theme Customizer. */

/* Store credit balance / coupon notices — both paths use these classes. */
.lsc-badge {
    display: inline-block; font-size: 0.62rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.08em; background: var(--ast-global-color-0, #111);
    color: var(--ast-global-color-4, #fff); padding: 3px 8px; border-radius: 3px;
    margin-right: 6px; vertical-align: middle;
}

.lsc-notice {
    font-size: 0.85rem; color: var(--ast-global-color-2, #111);
    background: var(--ast-global-color-5, #f0f5fa); border: 1px solid var(--ast-border-color, #e9e4dd);
    padding: 0.6em 1em; margin: 0.75em 0; border-radius: 3px;
}

/* Store credit input (classic + block checkout) */
.lsc-credit-field {
    margin: 0 0 1.5rem; padding: 1rem 1.25rem;
    border: 1px solid var(--ast-border-color, #e9e4dd); border-radius: 4px;
    background: var(--ast-global-color-4, #fff);
}
.lsc-credit-field h3 { margin: 0 0 0.6em; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.05em; }
.lsc-credit-row { display: flex; gap: 0.5em; align-items: center; margin: 0; }
.lsc-credit-row input { flex: 1; min-width: 0; }
.lsc-credit-row .button { flex-shrink: 0; }
.lsc-credit-remove {
    background: none; border: none; cursor: pointer; text-decoration: underline;
    color: var(--ast-global-color-2, #111); font-size: 0.8rem; margin-left: 0.5em; padding: 0;
}

/* Available coupons list */
.lsc-available-coupons {
    margin: 0 0 1.5rem; padding: 1rem 1.25rem;
    border: 1px solid var(--ast-border-color, #e9e4dd); border-radius: 4px;
    background: var(--ast-global-color-4, #fff);
}
.lsc-available-coupons h3 { margin: 0 0 0.6em; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.05em; }
.lsc-available-coupons ul { list-style: none; margin: 0; padding: 0; }
.lsc-available-coupons li { display: flex; align-items: center; gap: 0.6em; padding: 0.4em 0; border-bottom: 1px solid var(--ast-border-color, #e9e4dd); }
.lsc-available-coupons li:last-child { border-bottom: none; }
.lsc-available-coupons li code { flex-shrink: 0; }
.lsc-available-coupons .lsc-coupon-desc { color: var(--ast-global-color-3, #4a4a4a); font-size: 0.85rem; flex: 1; }
.lsc-available-coupons .lsc-applied { color: var(--ast-global-color-3, #4a4a4a); }
.lsc-apply-btn { flex-shrink: 0; }

/* Storewide banner */
.lsc-banner {
    text-align: center; padding: 0.7em 1em; font-size: 0.85rem; letter-spacing: 0.04em;
    background: var(--ast-global-color-0, #111); color: var(--ast-global-color-4, #fff);
}