/* ════════════════════════════════════════════════════════════════════
   JAMBO DUKA — CLEAN WHITE ELEGANT THEME OVERRIDE (Homepage only)
   Loaded after premium.css. Replaces dark themes with soft ivory,
   charcoal text, and warm gold accents. No neon. No dark.
   Targets only .jd-page (homepage shell) descendants.
   ════════════════════════════════════════════════════════════════════ */

/* ── PAGE SHELL ── */
.jd-page {
    background: #ffffff !important;
}

/* ── HERO ── */
.jd-hero {
    background: linear-gradient(135deg, #faf8f5 0%, #f5f0eb 50%, #f0ebe4 100%) !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
}
.jd-hero::before {
    background:
        radial-gradient(circle at 74% 24%, rgba(255,184,0,0.06) 0%, transparent 35%),
        radial-gradient(circle at 20% 75%, rgba(255,107,107,0.04) 0%, transparent 40%) !important;
}
.jd-hero::after {
    background: linear-gradient(90deg, transparent, rgba(184,153,104,0.3) 30%, rgba(184,153,104,0.3) 70%, transparent) !important;
    height: 1px !important;
}

/* eyebrow pill */
.jd-hero__eyebrow {
    background: rgba(255,255,255,0.85) !important;
    border-color: rgba(184,153,104,0.35) !important;
    color: #8a6f44 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}
.jd-hero__eyebrow--flash {
    background: rgba(255,184,0,0.12) !important;
    border-color: rgba(184,153,104,0.5) !important;
    color: #8a6f44 !important;
}

/* dot / live ping */
.jd-hero__dot { background: #b89968 !important; }
@keyframes jdPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.45; transform: scale(0.7); }
}

/* product headline */
.jd-hero__product-label { color: #b89968 !important; }

.jd-hero__title {
    color: #1a1a1a !important;
    text-shadow: none !important;
}

.jd-hero__desc { color: #4a4a4a !important; }

/* feature bullets */
.jd-hero__features li { color: #4a4a4a !important; }
.jd-hero__features li::before { background: linear-gradient(135deg, #b89968, #d9c69a) !important; }

/* price block */
.jd-hero__price-current {
    color: #1a1a1a !important;
}
.jd-hero__price-current small { color: #6b6357 !important; }

.jd-hero__price-original { color: #9a9285 !important; }

.jd-hero__price-save {
    background: linear-gradient(135deg, #ffe082, #ffb703) !important;
    color: #5a1200 !important;
    box-shadow: 0 2px 8px rgba(255,184,0,0.2) !important;
}

/* CTA buttons */
.jd-btn-hero-primary {
    background: linear-gradient(135deg, #1a1a1a, #2d2d2d) !important;
    border-color: rgba(0,0,0,0.08) !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
}
.jd-btn-hero-primary:hover {
    background: linear-gradient(135deg, #2d2d2d, #3d3d3d) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.14) !important;
}

.jd-btn-hero-ghost {
    border-color: rgba(0,0,0,0.12) !important;
    background: rgba(255,255,255,0.7) !important;
    color: #2a2a2a !important;
}
.jd-btn-hero-ghost:hover {
    background: rgba(255,255,255,0.95) !important;
    border-color: rgba(184,153,104,0.5) !important;
    color: #1a1a1a !important;
}

/* trust strip */
.jd-trust-badge { color: #6b6357 !important; }
.jd-trust-badge__icon {
    background: rgba(184,153,104,0.12) !important;
    color: #8a6f44 !important;
}

/* hero image glow */
.jd-hero__img-glow {
    background: radial-gradient(circle, rgba(255,214,10,0.08) 0%, rgba(255,184,0,0.04) 50%, transparent 70%) !important;
}

/* stock badges */
.jd-hero__stock-badge--in  { background: #ecfccb !important; color: #3f6212 !important; }
.jd-hero__stock-badge--out { background: #ffe4e6 !important; color: #be123c !important; }

.jd-hero__mpesa-badge {
    background: rgba(255,255,255,0.97) !important;
    color: #1a1a1a !important;
    box-shadow: -4px 4px 20px rgba(0,0,0,0.08) !important;
}
.jd-hero__mpesa-label { color: #8a6f44 !important; }
.jd-hero__mpesa-value { color: #1a1a1a !important; }

/* nav buttons */
.jd-hero__nav-btn {
    background: rgba(255,255,255,0.85) !important;
    border-color: rgba(0,0,0,0.08) !important;
    color: #1a1a1a !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
.jd-hero__nav-btn:hover {
    background: #fff !important;
}

.jd-hero__nav-dot { background: rgba(0,0,0,0.2) !important; }
.jd-hero__nav-dot.is-active {
    background: #b89968 !important;
}

/* flash ribbon */
.jd-hero__flash-ribbon {
    background: linear-gradient(135deg, #ff4d2e, #ff7a3d) !important;
    color: #fff !important;
    box-shadow: -4px 4px 16px rgba(255,77,46,0.25) !important;
}

/* countdown bar */
.jd-hero__flash-bar {
    background: rgba(255,255,255,0.7) !important;
    border-color: rgba(184,153,104,0.25) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}
.jd-hero__flash-bar__bolt {
    filter: drop-shadow(0 0 4px rgba(184,153,104,0.4)) !important;
}
.jd-hero__flash-bar__label { color: #6b6357 !important; }
.jd-hero__flash-bar__clock {
    color: #8a6f44 !important;
    text-shadow: none !important;
}
.jd-hero__flash-bar__live { color: #9a9285 !important; }

/* live ping dot */
.jd-hero__flash-bar__dot {
    background: #b89968 !important;
    box-shadow: 0 0 0 0 rgba(184,153,104,0.4) !important;
}
@keyframes jd-live-ping {
    0%   { box-shadow: 0 0 0 0 rgba(184,153,104,0.4); }
    70%  { box-shadow: 0 0 0 5px rgba(184,153,104,0); }
    100% { box-shadow: 0 0 0 0 rgba(184,153,104,0); }
}

/* ── PRODUCT SHOWCASE ── */
.jd-showcase {
    background: #ffffff !important;
}

.jd-showcase__header::before {
    background: radial-gradient(ellipse at center, rgba(184,153,104,.06) 0%, transparent 70%) !important;
}

.jd-showcase__eyebrow { color: #8a6f44 !important; }
.jd-showcase__title { color: #1a1a1a !important; text-shadow: none !important; }
.jd-showcase__sub { color: #6b6357 !important; }

/* showcase cards */
.jd-sc-card {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.06) !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.04) !important;
}
.jd-sc-card:hover {
    background: #ffffff !important;
    border-color: rgba(184,153,104,0.25) !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.08) !important;
}
.jd-sc-card--flash {
    border-color: rgba(184,153,104,0.3) !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06), 0 0 0 2px rgba(255,184,0,0.08) !important;
}
.jd-sc-card--flash:hover {
    border-color: rgba(184,153,104,0.5) !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.1), 0 0 0 3px rgba(255,184,0,0.12) !important;
}

/* card media */
.jd-sc-card__media { background: linear-gradient(180deg, #faf8f5 0%, #f5f0eb 100%) !important; }

/* ribbons & badges */
.jd-sc-ribbon {
    background: linear-gradient(90deg, #ff4d2e 0%, #ff7a3d 50%, #ffb800 100%) !important;
    color: #fff !important;
    box-shadow: -3px 4px 14px rgba(255,77,46,0.2) !important;
}
.jd-sc-discount {
    background: linear-gradient(135deg, #ff4d2e, #ffb800) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(255,77,46,0.2) !important;
}
.jd-sc-stock--in {
    background: #ecfccb !important;
    color: #3f6212 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06) !important;
}
.jd-sc-stock--out {
    background: #ffe4e6 !important;
    color: #be123c !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.06) !important;
}

/* card body text */
.jd-sc-cat { color: #8a6f44 !important; }
.jd-sc-name a { color: #1a1a1a !important; }
.jd-sc-name a:hover { color: #8a6f44 !important; }
.jd-sc-desc { color: #4a4a4a !important; }

/* card price */
.jd-sc-price-current { color: #1a1a1a !important; }
.jd-sc-price-current small { color: #6b6357 !important; }
.jd-sc-price-original { color: #9a9285 !important; }
.jd-sc-price-save {
    background: rgba(184,153,104,0.1) !important;
    color: #8a6f44 !important;
    border-color: rgba(184,153,104,0.2) !important;
}

/* card timer */
.jd-sc-timer {
    background: linear-gradient(135deg, #ff4d2e, #c43e2b) !important;
    border-color: rgba(255,77,46,0.2) !important;
    color: #fff !important;
}
.jd-sc-timer__seg { color: #fff !important; text-shadow: none !important; }

/* card add button */
.jd-sc-btn-add {
    background: linear-gradient(135deg, #1a1a1a, #2d2d2d) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.12) !important;
}
.jd-sc-btn-add:hover {
    background: linear-gradient(135deg, #2d2d2d, #3d3d3d) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.16) !important;
}
.jd-sc-btn-add--flash {
    background: linear-gradient(135deg, #ff4d2e, #ff7a3d) !important;
    border-color: rgba(255,77,46,0.2) !important;
    color: #fff !important;
}
.jd-sc-btn-add--flash:hover {
    background: linear-gradient(135deg, #ff5d3e, #ff8a4d) !important;
    border-color: rgba(255,77,46,0.3) !important;
    color: #fff !important;
}

/* view all button */
.jd-sc-view {
    background: rgba(0,0,0,0.03) !important;
    border-color: rgba(0,0,0,0.08) !important;
    color: #4a4a4a !important;
}
.jd-sc-view:hover {
    background: rgba(184,153,104,0.06) !important;
    border-color: rgba(184,153,104,0.3) !important;
    color: #1a1a1a !important;
}

/* showcase dots */
.jd-sc-dots .jd-sc-dot { background: rgba(0,0,0,0.15) !important; }
.jd-sc-dots .jd-sc-dot.is-active { background: #b89968 !important; }

/* ── VENDOR SECTION ── */
.jd-vendor-section {
    background: linear-gradient(160deg, #faf8f5 0%, #f5f0eb 50%, #f0ebe4 100%) !important;
}
.jd-vendor-section__eyebrow { color: #8a6f44 !important; }
.jd-vendor-section__title { color: #1a1a1a !important; text-shadow: none !important; }
.jd-vendor-section__sub { color: #6b6357 !important; }

.jd-vendor-card {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.06) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}
.jd-vendor-card:hover {
    background: #fff !important;
    border-color: rgba(184,153,104,0.3) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.08) !important;
}

.jd-vendor-card__initials {
    background: linear-gradient(135deg, #b89968, #d9c69a) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(184,153,104,0.2) !important;
}

.jd-vendor-card__name { color: #1a1a1a !important; }
.jd-vendor-card__count { color: #9a9285 !important; }

/* ── FOOTER (homepage footer) ── */
.jd-page ~ .site-footer,
.jd-page + .site-footer,
.site-footer {
    background: linear-gradient(180deg, #faf8f5 0%, #f5f0eb 100%) !important;
    border-color: rgba(0,0,0,0.06) !important;
}

.site-footer__links h3,
.site-footer__eyebrow { color: #1a1a1a !important; }
.site-footer__title { color: #1a1a1a !important; }
.site-footer__link,
.site-footer a { color: #4a4a4a !important; }
.site-footer__link:hover,
.site-footer a:hover { color: #8a6f44 !important; }
.site-footer__bottom,
.site-footer__bottom-bar { background: rgba(0,0,0,0.03) !important; }
.site-footer__copy,
.site-footer__bottom span,
.site-footer__contact span { color: #6b6357 !important; }
.site-footer p { color: #4a4a4a !important; }

/* newsletter input */
.site-footer__newsletter-input {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.08) !important;
    color: #1a1a1a !important;
}
.site-footer__newsletter-input::placeholder { color: #9a9285 !important; }
.site-footer__newsletter-btn {
    background: linear-gradient(135deg, #1a1a1a, #2d2d2d) !important;
    color: #fff !important;
}