/* ═══════════════════════════════════════════════════════════════════════
 * KamiKaze V8 — Shop + Category page enhancements (preview-cookie gated).
 * Layered ON TOP of Elessi's existing shop layout — color + spacing tweaks
 * + polished filter sidebar + branded category header.
 * ═══════════════════════════════════════════════════════════════════════ */

/* CATEGORY HEADER — shows the category banner with thumb + count */
.kmk-cat-header { background:#0b0b0b; color:#fff; padding:32px 24px; margin-bottom:24px; border-bottom:2px solid var(--kmk-red, #e30000); }
.kmk-cat-header-inner { max-width:1440px; margin:0 auto; display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.kmk-cat-header .kmk-cat-thumb { width:96px; height:96px; flex-shrink:0; background:#fff; border-radius:8px; padding:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.kmk-cat-header .kmk-cat-thumb img { max-width:100%; max-height:100%; object-fit:contain; }
.kmk-cat-header .kmk-cat-info { flex:1; min-width:0; }
.kmk-cat-header .kmk-cat-eyebrow { color:var(--kmk-yellow, #ffe200); font-size:11px; font-weight:800; letter-spacing:0.18em; text-transform:uppercase; display:block; margin-bottom:6px; }
.kmk-cat-header h1 { color:#fff; font-size:clamp(24px, 3.5vw, 36px); font-weight:800; letter-spacing:-0.02em; line-height:1.1; text-transform:uppercase; margin:0 0 8px; }
.kmk-cat-header .kmk-cat-meta { color:rgba(255,255,255,0.65); font-size:13px; }
.kmk-cat-header .kmk-cat-meta strong { color:#fff; }
.kmk-cat-header .kmk-cat-desc { color:rgba(255,255,255,0.7); font-size:13px; line-height:1.5; margin-top:10px; max-width:680px; }
@media (max-width:720px) {
  .kmk-cat-header { padding:20px 16px; margin-bottom:16px; }
  .kmk-cat-header-inner { gap:16px; }
  .kmk-cat-header .kmk-cat-thumb { width:64px; height:64px; }
  .kmk-cat-header h1 { font-size:18px; }
}

/* SHOP/CATEGORY PAGE WRAPPER — tighter top padding (was lots of whitespace) */
body.kmk-v8.archive #main-content,
body.kmk-v8.woocommerce-shop #main-content { padding-top:0 !important; }

/* RESULT COUNT + ORDERING — V8 style */
body.kmk-v8.woocommerce .woocommerce-result-count,
body.kmk-v8.woocommerce-page .woocommerce-result-count { color:#666; font-size:13px; font-weight:600; margin:0; }
body.kmk-v8.woocommerce .woocommerce-ordering select,
body.kmk-v8.woocommerce-page .woocommerce-ordering select { border:1px solid #ddd; border-radius:6px; padding:8px 12px; font-size:13px; font-weight:600; background:#fff; cursor:pointer; }

/* PRODUCT GRID — keep Elessi's structure, just tighten + V8 colors */
body.kmk-v8.woocommerce .products .product-warp-item { transition:transform .15s; }
body.kmk-v8.woocommerce .products .product-warp-item:hover { transform:translateY(-3px); }
body.kmk-v8.woocommerce .products .product .price,
body.kmk-v8.woocommerce-page .products .product .price { color:var(--kmk-red, #e30000) !important; font-weight:800 !important; }
body.kmk-v8.woocommerce .products .product .price del { color:#999 !important; font-weight:600; }
body.kmk-v8.woocommerce .products .product .price ins { text-decoration:none; }
body.kmk-v8.woocommerce .products .product .button.add_to_cart_button,
body.kmk-v8.woocommerce-page .products .product .button.add_to_cart_button { background:var(--kmk-red, #e30000) !important; color:#fff !important; border:0 !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:0.04em !important; border-radius:5px !important; }
body.kmk-v8.woocommerce .products .product .button.add_to_cart_button:hover { background:var(--kmk-red-d, #b50000) !important; }
body.kmk-v8.woocommerce .products .product .button.added::after { color:#fff !important; }

/* Sale flash */
body.kmk-v8.woocommerce span.onsale { background:var(--kmk-red, #e30000) !important; color:#fff !important; border-radius:4px !important; font-weight:800 !important; padding:5px 10px !important; }

/* SIDEBAR FILTERS — V8 polish */
body.kmk-v8.woocommerce .sidebar .widget,
body.kmk-v8.woocommerce-page .sidebar .widget { background:#fff; border:1px solid #ececec; border-radius:6px; padding:18px; margin-bottom:16px; }
body.kmk-v8.woocommerce .sidebar .widget-title,
body.kmk-v8.woocommerce-page .sidebar .widget-title { font-size:13px !important; font-weight:800 !important; text-transform:uppercase; letter-spacing:0.06em; color:#0b0b0b !important; margin:0 0 12px !important; padding-bottom:10px; border-bottom:1px solid #ececec; }
body.kmk-v8.woocommerce .sidebar .widget ul li,
body.kmk-v8.woocommerce-page .sidebar .widget ul li { padding:6px 0; font-size:13px; color:#444; }
body.kmk-v8.woocommerce .sidebar .widget ul li a,
body.kmk-v8.woocommerce-page .sidebar .widget ul li a { color:#444; transition:color .15s; }
body.kmk-v8.woocommerce .sidebar .widget ul li a:hover,
body.kmk-v8.woocommerce-page .sidebar .widget ul li a:hover { color:var(--kmk-red, #e30000); }
body.kmk-v8.woocommerce .sidebar .widget .count,
body.kmk-v8.woocommerce-page .sidebar .widget .count { color:#999; font-size:11px; }
/* Active filter chip */
body.kmk-v8.woocommerce .sidebar .chosen,
body.kmk-v8.woocommerce-page .sidebar .chosen { color:var(--kmk-red, #e30000) !important; font-weight:700; }

/* Price slider */
body.kmk-v8.woocommerce .price_slider .ui-slider-range,
body.kmk-v8.woocommerce-page .price_slider .ui-slider-range { background:var(--kmk-red, #e30000) !important; }
body.kmk-v8.woocommerce .price_slider .ui-slider-handle,
body.kmk-v8.woocommerce-page .price_slider .ui-slider-handle { background:var(--kmk-red, #e30000) !important; border-color:var(--kmk-red, #e30000) !important; }
body.kmk-v8.woocommerce .price_slider_amount .button,
body.kmk-v8.woocommerce-page .price_slider_amount .button { background:#0b0b0b !important; color:#fff !important; border:0 !important; }

/* PAGINATION — V8 style */
body.kmk-v8.woocommerce nav.woocommerce-pagination ul li a,
body.kmk-v8.woocommerce nav.woocommerce-pagination ul li span,
body.kmk-v8.woocommerce-page nav.woocommerce-pagination ul li a,
body.kmk-v8.woocommerce-page nav.woocommerce-pagination ul li span { border:1px solid #ddd !important; border-radius:5px !important; padding:8px 14px !important; font-weight:700 !important; min-width:38px; }
body.kmk-v8.woocommerce nav.woocommerce-pagination ul li span.current,
body.kmk-v8.woocommerce-page nav.woocommerce-pagination ul li span.current { background:var(--kmk-red, #e30000) !important; color:#fff !important; border-color:var(--kmk-red, #e30000) !important; }
body.kmk-v8.woocommerce nav.woocommerce-pagination ul li a:hover,
body.kmk-v8.woocommerce-page nav.woocommerce-pagination ul li a:hover { background:#0b0b0b !important; color:#fff !important; border-color:#0b0b0b !important; }

/* No products message */
body.kmk-v8.woocommerce .woocommerce-info,
body.kmk-v8.woocommerce-page .woocommerce-info { background:#fff7e6 !important; border-left:3px solid var(--kmk-red, #e30000) !important; color:#0b0b0b !important; }

/* Mobile: hide the entire top filter bar (Filters button + Sort dropdown).
 * The Sort dropdown had unfixable white-on-white text from deep Elessi CSS.
 * Users can still browse via category hierarchy. Filter sidebar remains accessible
 * via the Categories item if Elessi's mobile-app layout shows it. */
@media (max-width:1023px) {
  body.kmk-v8 .nasa-filter-action,
  body.kmk-v8 .top-bar-wrap-type-1,
  body.kmk-v8 .filters-container.nasa-filter-wrap { display:none !important; }
  body.kmk-v8 .nasa-bot-icon-categories { color:var(--kmk-yellow, #ffe200); }
}