/* ═══════════════════════════════════════════════════════════════════════
 * KamiKaze V8 Footer — preview-cookie gated.
 * ═══════════════════════════════════════════════════════════════════════ */

/* Hide Elessi default footer on desktop only — keep mobile bottom-bar (app style) */
@media (min-width:1024px) {
  body.kmk-v8 #nasa-footer,
  body.kmk-v8 .footer-wrapper,
  body.kmk-v8 .footer-wrapper-builder,
  body.kmk-v8 .nasa-bottom-bar,
  body.kmk-v8 .nasa-mobile-bottom-bar { display:none !important; }
}
/* Mobile: V8 footer hidden, Elessi footer + bottom bar take over */
@media (max-width:1023px) {
  body.kmk-v8 .kmkf-footer { display:none !important; }
}
/* Trim leftover empty wrappers Elessi may leave behind */
body.kmk-v8 .nasa-static { display:none !important; }
/* Body bg matches footer ONLY on the V8 home (dark theme).
 * Other pages (category, product, cart, account, etc.) keep their normal white theme. */
body.kmk-v8.home,
body.kmk-v8.front-page { background:#000 !important; }
@media (min-width:1024px) {
  body.kmk-v8.home #wrapper,
  body.kmk-v8.front-page #wrapper { background:#000; }
}

/* Mobile: dark Elessi bottom bar to match V8 vibe */
@media (max-width:1023px) {
  body.kmk-v8 .nasa-mobile-bottom-bar,
  body.kmk-v8 .nasa-bottom-bar { background:#0b0b0b !important; border-top:1px solid rgba(255,255,255,0.08) !important; }
  body.kmk-v8 .nasa-mobile-bottom-bar .nasa-bot-icons,
  body.kmk-v8 .nasa-bottom-bar .nasa-bot-icons,
  body.kmk-v8 .nasa-mobile-bottom-bar a,
  body.kmk-v8 .nasa-bottom-bar a { color:rgba(255,255,255,0.85) !important; }
  body.kmk-v8 .nasa-mobile-bottom-bar a:hover,
  body.kmk-v8 .nasa-bottom-bar a:hover,
  body.kmk-v8 .nasa-mobile-bottom-bar a.active,
  body.kmk-v8 .nasa-bottom-bar a.active { color:var(--kmk-yellow, #ffe200) !important; }
  body.kmk-v8 .nasa-mobile-bottom-bar svg,
  body.kmk-v8 .nasa-bottom-bar svg { fill:currentColor !important; stroke:currentColor !important; }
  body.kmk-v8 .nasa-mobile-bottom-bar .nasa-bot-icon-cart::before,
  body.kmk-v8 .nasa-bottom-bar .nasa-bot-icon-cart::before { background:#e30000 !important; color:#fff !important; }
  /* the cart count badge */
  body.kmk-v8 .nasa-cart-items-counter { background:#e30000 !important; color:#fff !important; }
}

.kmkf-footer { background:#000; color:rgba(255,255,255,0.7); font-family:'Bai Jamjuree','Nunito Sans',system-ui,sans-serif; }

/* TRUST + PAYMENT band */
.kmkf-trust { background:var(--kmk-bg-soft, #f5f5f5); padding:48px 16px; border-top:1px solid rgba(0,0,0,0.08); }
.kmkf-trust-inner { max-width:1440px; margin:0 auto; }
.kmkf-trust-grid { display:grid; gap:16px; grid-template-columns:1fr; margin-bottom:32px; }
@media (min-width:720px) { .kmkf-trust-grid { grid-template-columns:repeat(3,1fr); gap:24px; } }
.kmkf-trust-card { background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:6px; padding:22px; display:flex; align-items:center; gap:16px; color:#0b0b0b; text-decoration:none; transition:transform .2s; }
.kmkf-trust-link:hover { transform:translateY(-2px); }
.kmkf-trust-card .ico { width:52px; height:52px; border-radius:50%; background:#f5f5f5; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:22px; overflow:hidden; }
.kmkf-trust-card .ico.ico-uae { background:#000; color:#ffe200; font-weight:800; font-size:12px; }
.kmkf-trust-card.kmkf-trust-uae,
.kmkf-trust-card.kmkf-trust-scam { padding:18px; align-items:center; justify-content:center; }
.kmkf-scam-img { max-width:240px; width:100%; height:auto; display:block; }
.kmkf-trust-card.kmkf-trust-google { padding:14px; align-items:center; justify-content:center; flex-direction:column; min-height:180px; text-align:center; }
.kmkf-trust-card.kmkf-trust-google > * { width:100%; }
.kmkf-trust-google .ti-widget,
.kmkf-trust-google [class*="ti-widget"] { margin:0 auto !important; max-width:100%; }
.kmkf-trust-card.kmkf-trust-link { justify-content:center; align-items:center; text-align:center; flex-direction:column; gap:10px; }
.kmkf-trust-card.kmkf-trust-link .ico { margin:0 auto; }
.kmkf-uae-logo { max-width:240px; width:100%; height:auto; display:block; }
/* Footer brand col: UAE logo is dark — invert to white */
.kmkf-brand-uae { display:block; max-width:200px; width:100%; height:auto; margin-top:14px; }
.kmkf-trust-card .ico.ico-img { background:#fff; }
.kmkf-trust-card .ico img { width:100%; height:auto; object-fit:contain; }
.kmkf-trust-card .body .title { font-size:14px; font-weight:800; color:#0b0b0b; text-transform:uppercase; letter-spacing:0.04em; line-height:1.2; }
.kmkf-trust-card .body .meta { font-size:12px; color:#4a4a4a; margin-top:4px; }
.kmkf-trust-card .stars { color:#fbbc04; font-size:14px; letter-spacing:1px; }
.kmkf-trust-card .ar-line { font-size:12px; color:#4a4a4a; margin-top:2px; font-family:'Noto Kufi Arabic',system-ui,sans-serif; direction:rtl; }
.kmkf-pay-row { padding-top:24px; border-top:1px solid rgba(0,0,0,0.08); text-align:center; }
.kmkf-pay-row .lbl { font-size:11px; color:#888; text-transform:uppercase; letter-spacing:0.1em; font-weight:700; display:block; margin-bottom:8px; }
.kmkf-pay-text { font-size:12px; color:#4a4a4a; margin-bottom:14px; line-height:1.5; }
.kmkf-pay-grid { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; align-items:center; }
.kmkf-pay-grid .pay-card { background:#fff; border:1px solid rgba(0,0,0,0.08); border-radius:6px; height:42px; display:inline-flex; align-items:center; justify-content:center; transition:all .15s; box-shadow:0 1px 2px rgba(0,0,0,0.04); flex-shrink:0; padding:0 10px; min-width:62px; }
.kmkf-pay-grid .pay-card:hover { transform:translateY(-1px); border-color:#e30000; box-shadow:0 4px 8px rgba(0,0,0,0.08); }
.kmkf-pay-grid .pay-card svg { display:block; height:22px; width:auto; }
/* per-card fixed widths so logos sit naturally without stretch */
.kmkf-pay-grid .pay-visa    { width:70px; }
.kmkf-pay-grid .pay-mc      { width:64px; }
.kmkf-pay-grid .pay-amex    { width:70px; }
.kmkf-pay-grid .pay-paypal  { width:78px; }
.kmkf-pay-grid .pay-apple   { width:74px; }
.kmkf-pay-grid .pay-samsung { width:104px; }
.kmkf-pay-grid .pay-tabby   { width:74px; padding:0 8px; }
.kmkf-pay-grid .pay-tabby img { display:block; height:22px; width:auto; max-width:60px; object-fit:contain; }
.kmkf-pay-grid .pay-bank    { gap:6px; color:#0b0b0b; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; width:auto; padding:0 12px; }
.kmkf-pay-grid .pay-bank svg { height:18px; width:18px; }

/* MAIN columns */
.kmkf-main { padding:56px 24px 24px; border-top:1px solid rgba(255,255,255,0.08); }
.kmkf-main-inner { max-width:1440px; margin:0 auto; display:grid; gap:32px; grid-template-columns:1fr; }
@media (min-width:720px) { .kmkf-main-inner { grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr; gap:32px; } }
.kmkf-col h4 { color:#fff; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:0.1em; margin:0 0 16px; }
.kmkf-col ul { list-style:none; padding:0; margin:0; }
.kmkf-col li { margin:8px 0; font-size:13px; }
.kmkf-col li a { color:rgba(255,255,255,0.65); transition:color .15s; text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.kmkf-wa-badge { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:#25D366; flex-shrink:0; }
.kmkf-wa-link { font-weight:700; }
.kmkf-col li a:hover { color:#ffe200; }
.kmkf-col li.kmkf-li-static { color:rgba(255,255,255,0.55); }
.kmkf-col .blurb { color:rgba(255,255,255,0.65); font-size:13px; line-height:1.65; margin:14px 0 0; }
.kmkf-col .blurb strong { color:#fff; font-weight:700; }
.kmkf-col .blurb.ar-line { color:#fff; font-family:'Noto Kufi Arabic',system-ui,sans-serif; direction:rtl; display:inline-block; }
.kmkf-footer-logo { height:54px; margin-bottom:8px; }

.kmkf-socials { display:flex; gap:8px; margin-top:18px; }
.kmkf-socials a { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.10); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.7); transition:all .15s; }
.kmkf-socials a:hover { background:#e30000; color:#fff; border-color:#e30000; }
.kmkf-socials svg { width:16px; height:16px; }

/* BOTTOM bar */
.kmkf-bottom { padding:20px 24px; border-top:1px solid rgba(255,255,255,0.08); }
.kmkf-bottom-inner { max-width:1440px; margin:0 auto; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:12px; color:rgba(255,255,255,0.55); }
.kmkf-bottom-right { display:flex; gap:10px; align-items:center; }
.kmkf-bottom-right a { color:rgba(255,255,255,0.65); text-decoration:none; transition:color .15s; }
.kmkf-bottom-right a:hover { color:#ffe200; }
.kmkf-bottom-right span { color:rgba(255,255,255,0.2); }