/* ===== LIGHT THEME OVERRIDE ===== */
@import './style.css';

/* ── GLOBAL ───────────────────────────────────── */
body {
    background: #f5f5f0;
    color: #1a1a1a;
}

a {
    color: inherit;
}

/* ── SOUND ON ─────────────────────────────────── */
.sound-on {
    color: #444;
}

/* ── (1) LIVE BANNER → dark charcoal instead of harsh red ── */
.live-banner {
    background: linear-gradient(90deg, #1a1a2e, #16213e);
    color: #fff;
}

.live-dot {
    background: #e74c3c;
}

/* ── (2) NEWSPAPER LOGOS → pure white card ───── */
.banner-img {
    background: #ffffff;
    border-radius: 10px;
    padding: 16px 20px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .10);
    margin: 0 0 4px;
}

.banner-img img {
    margin: 0 auto;
    width: 100%;
    max-width: 520px;
    height: auto;
    display: block;
}

/* ── (3) SCARCITY BAR → softer warm tone ─────── */
.scarcity-bar {
    background: linear-gradient(90deg, #b71c2a, #8b0000);
    color: #fff !important;
    font-size: 17px;
}

/* ── (4) PRODUCT BADGES → less saturated ─────── */
.product-badge {
    background: linear-gradient(90deg, #b71c2a, #c0392b);
    color: #fff !important;
    letter-spacing: .5px;
}

.product-badge.best-value {
    background: linear-gradient(90deg, #1565C0, #1976D2);
    color: #fff !important;
}

/* ── PRODUCT CARDS ────────────────────────────── */
.product-card {
    background: #ffffff;
    border-color: #dde1e7;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .08);
}

.product-card:hover {
    box-shadow: 0 8px 32px rgba(183, 28, 42, .12);
}

.product-card.featured {
    border-color: #1565C0;
    box-shadow: 0 4px 24px rgba(21, 101, 192, .22);
}

.product-supply {
    color: #777;
}

.product-price-label {
    color: #888;
}

.product-qty {
    color: #1a1a1a;
}

.product-price .currency,
.product-price .amount {
    color: #1a1a1a;
}

.product-perks li {
    color: #1a1a1a;
}

.product-perks .check {
    color: #2e7d32;
}

.product-total {
    color: #555;
}

.product-total s {
    color: #aaa;
}

.product-total strong {
    color: #1a1a1a;
}

.product-total .shipping {
    color: #c0392b;
}

.product-total .free-shipping {
    color: #2e7d32;
}

/* ── COMMENTS ─────────────────────────────────── */
.comments-section {
    background: #fff;
    border: 1px solid #dde1e7;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
}

/* ── VIDEO ────────────────────────────────────── */
.video-wrapper {
    background: #000;
}