/* ============================================================
   AIRBORNE SHOP — Dark Theme  v2.0  (Phase 8 – self-contained)
   All vars defined directly on the layout root elements so the
   active WP theme cannot override them.
   ============================================================ */

/* ── CSS Variables: applied directly to our root elements ─── */
.airborne-layout,
.ab-shop-page,
.ab-hero-slider,
.ab-section,
.ab-sidebar-box,
.airborne-theme-dark {
    --ab-gold:    #C9A84C;
    --ab-gold-2:  #E8C86A;
    --ab-bg:      #0A0A0B;
    --ab-card:    #111114;
    --ab-card-2:  #18181e;
    --ab-border:  rgba(255,255,255,0.08);
    --ab-text:    #F0EDE8;
    --ab-muted:   rgba(240,237,232,0.5);
    --ab-hero-bg: #0e0e12;
    --ab-glow:    rgba(201,168,76,0.18);
    --ab-img-bg:  #1a1a22;
}

/* ── Page / theme backgrounds ────────────────────────────── */
body.airborne-theme-dark,
body.airborne-theme-dark .woocommerce,
body.airborne-theme-dark .woocommerce-page,
body.airborne-theme-dark #page,
body.airborne-theme-dark #content,
body.airborne-theme-dark .site-content,
body.airborne-theme-dark main,
body.airborne-theme-dark .entry-content {
    background-color: #0A0A0B !important;
    color: #F0EDE8 !important;
}

/* Force our layout wrapper to take full width inside any theme */
.airborne-layout {
    background: #0A0A0B !important;
    color: #F0EDE8 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.ab-shop-page {
    background: #0A0A0B !important;
    color: #F0EDE8 !important;
}

/* ── All text inside our layout ──────────────────────────── */
.airborne-layout *,
.ab-shop-page * {
    color: inherit;
}
.airborne-layout h1,
.airborne-layout h2,
.airborne-layout h3,
.airborne-layout h4,
.airborne-layout p,
.airborne-layout span:not(.ab-sale-badge) {
    color: #F0EDE8 !important;
}
.airborne-layout a {
    color: #F0EDE8 !important;
    text-decoration: none;
}

/* ── Countdown ───────────────────────────────────────────── */
.ab-cd-unit {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
}
.ab-cd-num { color: #C9A84C !important; }

/* ── Sidebar boxes ───────────────────────────────────────── */
.ab-sidebar-box {
    background: #111114 !important;
    border: 1.5px solid rgba(201,168,76,0.65) !important;
    color: #F0EDE8 !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.50), inset 0 1px 0 rgba(201,168,76,0.07) !important;
}
.ab-sidebar-box-header {
    border-bottom: 1.5px solid rgba(201,168,76,0.45) !important;
    background: rgba(201,168,76,0.07) !important;
}

/* ── Deals items ─────────────────────────────────────────── */
.ab-deal-item:hover { background: rgba(201,168,76,0.06) !important; }
.ab-deal-name       { color: #F0EDE8 !important; }

/* ── Trust badges ────────────────────────────────────────── */
.ab-trust-icon-wrap {
    background: rgba(255,255,255,0.03) !important;
    border-color: rgba(255,255,255,0.07) !important;
}

/* ── Payment badges ──────────────────────────────────────── */
.ab-pay-badge {
    background: rgba(255,255,255,0.03) !important;
    color: rgba(240,237,232,0.55) !important;
    border-color: rgba(255,255,255,0.07) !important;
}
.ab-pay-badge:hover {
    color: #C9A84C !important;
    border-color: #C9A84C !important;
}

/* ── Currency select ─────────────────────────────────────── */
.ab-currency-select {
    background: #18181e !important;
    color: #F0EDE8 !important;
    border-color: rgba(255,255,255,0.08) !important;
}
.ab-currency-select option { background: #111114; color: #F0EDE8; }
.ab-currency-select:focus  { border-color: #C9A84C !important; }

/* ── Outline button ──────────────────────────────────────── */
.ab-btn-outline {
    border-color: rgba(255,255,255,0.15) !important;
    color: #F0EDE8 !important;
}
.ab-btn-outline:hover {
    border-color: #C9A84C !important;
    color: #C9A84C !important;
}

/* ── Hero box ────────────────────────────────────────────── */
.ab-hero-box {
    box-shadow: 0 0 80px rgba(201,168,76,0.25), 0 0 120px rgba(201,168,76,0.08) !important;
}

/* ── Toast ───────────────────────────────────────────────── */
.ab-toast-gold { background: #16161c !important; }

/* ── Footer ──────────────────────────────────────────────── */
body.airborne-theme-dark footer,
body.airborne-theme-dark .site-footer {
    background: #0A0A0B !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* ── WooCommerce tabs (product page) ─────────────────────── */
body.airborne-theme-dark .woocommerce-tabs .tabs li {
    background: #111114 !important;
    border-color: rgba(255,255,255,0.08) !important;
}
body.airborne-theme-dark .woocommerce-tabs .tabs li.active {
    background: #1a1a22 !important;
    color: #C9A84C !important;
}
body.airborne-theme-dark .woocommerce-Tabs-panel {
    background: #111114 !important;
    border-color: rgba(255,255,255,0.08) !important;
    color: #F0EDE8 !important;
}

/* ── Cart inputs ─────────────────────────────────────────── */
body.airborne-theme-dark .ab-input {
    background: #18181e !important;
    color: #F0EDE8 !important;
    border-color: rgba(255,255,255,0.08) !important;
}

/* ── Product cards v2: white top (image), dark bottom (info) ─ */
.ab-product-card {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
}
.ab-product-card:hover {
    border-color: #000000 !important;
    box-shadow: 0 0 0 1px #C9A84C, 0 12px 36px rgba(0,0,0,0.55) !important;
}
.ab-card-img { background: #F0F0F0 !important; }
.ab-card-body { background: #111114 !important; }
.ab-card-meta-name,
.ab-card-meta-name a { color: #F0EDE8 !important; }
.ab-card-meta-price-now { color: #C9A84C !important; }
.ab-card-meta-price-del { color: rgba(240,237,232,0.38) !important; }
.ab-btn-cart {
    background: #111114 !important;
    border-top-color: rgba(201,168,76,0.18) !important;
    color: #FFFFFF !important;
}
.ab-btn-cart:hover {
    background: #C9A84C !important;
    color: #000 !important;
}
.ab-stars-row { background: rgba(0,0,0,0.55) !important; }

/* ── Payment logos box ────────────────────────────────────── */
.ab-payments-box {
    padding: 14px 18px !important;
}

/* ── Row nav buttons — gold default, white on click ─────────── */
.ab-row-btn,
.ab-row-prev,
.ab-row-next {
    border: 1.5px solid #C9A84C !important;
    background: rgba(201,168,76,0.08) !important;
    color: #C9A84C !important;
}
.ab-row-btn:hover,
.ab-row-btn:focus,
.ab-row-btn:active,
.ab-row-prev:hover,
.ab-row-prev:active,
.ab-row-next:hover,
.ab-row-next:active {
    border-color: #ffffff !important;
    background: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
}