/* ==========================================================================
   THEME: Bold Direct-Response
   High-contrast, urgency-driven. Big loud CTAs, glowing timer, bright
   discount badges. Built for impulse buys from ad traffic.
   Scoped to body[data-theme="bold"].
   ========================================================================== */

body[data-theme="bold"] {
    background: #fafafa;
}

/* ---- Gallery ---- */
body[data-theme="bold"] .product-gallery-container {
    background: #fff;
    border-radius: 10px;
    border: 2px solid #111827;
    padding: 10px;
}

body[data-theme="bold"] .discount-badge {
    background: linear-gradient(135deg, #ff3d3d, #d90429) !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 1.1rem !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 16px rgba(217, 4, 41, 0.5) !important;
    transform: rotate(-3deg);
}

/* ---- Title & rating ---- */
body[data-theme="bold"] .product-title {
    color: #111827;
    text-transform: uppercase;
    font-weight: 900 !important;
    letter-spacing: -0.5px;
}

body[data-theme="bold"] .product-rating-badge {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    padding: 6px 14px;
    display: flex !important;
    width: fit-content;
    margin: 0 auto 1rem;
}

@media (min-width: 768px) {
    body[data-theme="bold"] .product-rating-badge {
        margin: 0 0 1rem;
    }
}

body[data-theme="bold"] .product-rating-badge .rb-count {
    font-weight: 700;
    color: #9a3412 !important;
}

/* ---- Price: big & loud ---- */
body[data-theme="bold"] .price-current {
    color: #d90429;
    font-weight: 900;
    font-size: clamp(1.9rem, 6vw, 2.6rem) !important;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
}

body[data-theme="bold"] .price-old {
    color: #9ca3af;
    font-size: clamp(1rem, 3.5vw, 1.3rem) !important;
}

/* ---- Qty stepper ---- */
body[data-theme="bold"] .qty-control {
    border: 2px solid #111827;
    border-radius: 8px;
    overflow: hidden;
}

body[data-theme="bold"] .qty-btn {
    background: #111827;
    color: #fff;
    border-radius: 0 !important;
}

/* ---- Promo timer: main urgency element, make it huge ---- */
body[data-theme="bold"] .promo-timer-box {
    background: linear-gradient(135deg, #7f1d1d, #d90429) !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(217, 4, 41, 0.4) !important;
}

body[data-theme="bold"] .promo-timer-box > div:first-child {
    color: #fff !important;
}

body[data-theme="bold"] .promo-timer-box .timer-unit {
    border: none !important;
    background: rgba(255, 255, 255, 0.95) !important;
}

body[data-theme="bold"] .promo-timer-box #seconds {
    color: #d90429 !important;
}

/* ---- Inputs ---- */
body[data-theme="bold"] .custom-input-group {
    background: #fff;
    border: 2px solid #111827;
    border-radius: 8px;
}

body[data-theme="bold"] .custom-input-group:focus-within {
    border-color: #d90429;
    box-shadow: 0 0 0 3px rgba(217, 4, 41, 0.15);
}

/* ---- CTA buttons: maximum urgency ---- */
body[data-theme="bold"] .btn-pulse,
body[data-theme="bold"] #btn-fast-order-top {
    background: linear-gradient(135deg, #ffb703, #fb5607) !important;
    color: #111827 !important;
    font-weight: 900 !important;
    box-shadow: 0 6px 20px rgba(251, 86, 7, 0.5) !important;
    border: none !important;
}

body[data-theme="bold"] .btn-primary {
    background-color: #111827;
    border-color: #111827;
    font-weight: 800;
    text-transform: uppercase;
}

/* ---- Variants ---- */
body[data-theme="bold"] .variant-btn.selected {
    background-color: #fff1f2 !important;
    border-color: #d90429 !important;
    border-width: 2px !important;
}

/* ---- Trust icons: alert orange instead of calm green ---- */
body[data-theme="bold"] .trust-icon-circle {
    background-color: #fb5607 !important;
}

/* ---- Sticky bar: high-contrast, always visible ---- */
body[data-theme="bold"] #sticky-buy-bar {
    border: 2px solid #111827 !important;
}

/* ---- Description headings ---- */
body[data-theme="bold"] .product-description h2 {
    color: #111827 !important;
    text-transform: uppercase;
}

body[data-theme="bold"] .product-description h2::after {
    background: #d90429 !important;
    height: 4px !important;
}

body[data-theme="bold"] .product-description ul li::before {
    background: #d90429 !important;
    color: #fff !important;
}

/* ---- Social proof / similar products ---- */
body[data-theme="bold"] .social-proof-chip {
    background: #fff1f2;
    font-weight: 700;
}

body[data-theme="bold"] .social-proof-chip i {
    color: #d90429;
}

body[data-theme="bold"] .similar-product-img {
    border: 2px solid #111827;
}

/* ---- Reviews ---- */
body[data-theme="bold"] #reviews-section h3 {
    text-transform: uppercase;
    font-weight: 900;
}

/* ==========================================================================
   HOMEPAGE
   ========================================================================== */
body[data-theme="bold"] .hero-section {
    background: linear-gradient(120deg, #7f1d1d 0%, #d90429 45%, #fb5607 100%) !important;
    box-shadow: 0 10px 30px rgba(217, 4, 41, 0.35) !important;
}

body[data-theme="bold"] .hero-title {
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.35) !important;
}

body[data-theme="bold"] .trust-bar-item {
    background: rgba(0, 0, 0, 0.25);
    padding: 6px 14px;
    border-radius: 999px;
}

body[data-theme="bold"] .section-title::after {
    background: linear-gradient(90deg, #d90429, #fb5607) !important;
    height: 6px !important;
}

body[data-theme="bold"] .product-grid-card {
    border: 2px solid #111827;
    box-shadow: none;
}

body[data-theme="bold"] .product-grid-card .product-badge {
    background: linear-gradient(135deg, #ff3d3d, #d90429) !important;
    font-size: 1rem !important;
    transform: rotate(-3deg);
}

body[data-theme="bold"] .product-grid-card .price-current {
    color: #d90429 !important;
    font-weight: 900 !important;
}

body[data-theme="bold"] .btn-cart-modern.btn-primary {
    background: linear-gradient(135deg, #ffb703, #fb5607);
    color: #111827;
    font-weight: 900;
}

body[data-theme="bold"] .btn-cart-modern:hover {
    background: linear-gradient(135deg, #ffb703, #d90429);
    color: #111827;
}

body[data-theme="bold"] .category-overlay {
    background: linear-gradient(to bottom, transparent 20%, rgba(217, 4, 41, 0.75)) !important;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
body[data-theme="bold"] .footer-trust-strip {
    background: #111827;
    border-color: #111827;
}

body[data-theme="bold"] .footer-trust-item {
    color: #f9fafb;
}

body[data-theme="bold"] .footer-trust-item i,
body[data-theme="bold"] .footer-brand-icon {
    color: #fb5607;
}

body[data-theme="bold"] .footer-link:hover {
    color: #d90429;
}

body[data-theme="bold"] .footer-bottom-bar {
    border-color: #111827;
}