/* ═══════════════════════════════════════════════════════════════════════
 * KamiKaze V8 — Extras: Search results, 404, Order Received (thank-you).
 * Light polish layered on top of Elessi/WC defaults.
 * ═══════════════════════════════════════════════════════════════════════ */

/* Common page title polish across all extras pages */
body.kmk-v8.search .nasa-page-title h1,
body.kmk-v8.error404 .nasa-page-title h1,
body.kmk-v8.woocommerce-order-received .nasa-page-title h1 {
  font-size: clamp(22px, 3vw, 30px) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #0b0b0b !important;
}

/* ─── 404 page ─── */
body.kmk-v8.error404 .nasa-content-page,
body.kmk-v8.error404 .container { max-width: 880px !important; padding: 40px 16px !important; text-align: center !important; }
body.kmk-v8.error404 .nasa-content-page::before {
  content: '404';
  display: block;
  font-size: clamp(80px, 14vw, 160px);
  font-weight: 900;
  color: #f0f0f0;
  letter-spacing: -0.04em;
  line-height: 1;
  margin-bottom: 16px;
  font-family: Helvetica, Arial, sans-serif;
}
body.kmk-v8.error404 h1, body.kmk-v8.error404 h2 { font-size: clamp(22px, 3vw, 28px) !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; color: #0b0b0b !important; margin: 0 0 12px !important; }
body.kmk-v8.error404 p { font-size: 15px !important; color: #555 !important; margin: 0 0 24px !important; line-height: 1.6 !important; }
body.kmk-v8.error404 .search-form, body.kmk-v8.error404 form[role="search"] { max-width: 480px; margin: 24px auto !important; display: flex !important; gap: 8px !important; }
body.kmk-v8.error404 input[type="search"] { flex: 1; height: 46px; padding: 0 14px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; background: #fff; }
body.kmk-v8.error404 input[type="search"]:focus { border-color: #0b0b0b; outline: 0; }
body.kmk-v8.error404 button[type="submit"], body.kmk-v8.error404 input[type="submit"] { background: var(--kmk-red, #e30000) !important; color: #fff !important; border: 0 !important; border-radius: 6px !important; padding: 0 22px !important; font-size: 12px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; cursor: pointer !important; height: 46px !important; }
body.kmk-v8.error404 a.button, body.kmk-v8.error404 .return-to-shop a { display: inline-block !important; background: var(--kmk-red, #e30000) !important; color: #fff !important; padding: 14px 28px !important; border-radius: 6px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; text-decoration: none !important; box-shadow: 0 4px 16px rgba(227,0,0,0.25) !important; }

/* ─── Search results page ─── */
body.kmk-v8.search .nasa-content-page, body.kmk-v8.search .container { max-width: 1320px !important; padding: 24px 16px !important; }
body.kmk-v8.search .page-header h1, body.kmk-v8.search .nasa-page-title h1 { font-size: clamp(22px, 3vw, 30px) !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; }
body.kmk-v8.search .page-header h1 .search-term, body.kmk-v8.search .page-header span { color: var(--kmk-red, #e30000) !important; font-weight: 800 !important; }
/* Empty results state */
body.kmk-v8.search.search-no-results .page-content,
body.kmk-v8.search.search-no-results .nasa-content-page > p { background: #fafafa !important; border: 1px solid #ececec !important; border-radius: 10px !important; padding: 36px 24px !important; text-align: center !important; font-size: 15px !important; color: #555 !important; }
body.kmk-v8.search input[type="search"], body.kmk-v8.search .search-form input { height: 46px !important; padding: 0 14px !important; border: 1px solid #ddd !important; border-radius: 6px !important; font-size: 14px !important; }
body.kmk-v8.search input[type="search"]:focus { border-color: #0b0b0b !important; outline: 0 !important; }

/* ─── Order Received (thank-you) page ─── */
body.kmk-v8.woocommerce-order-received .nasa-content-page,
body.kmk-v8.woocommerce-order-received .container { max-width: 880px !important; padding: 32px 16px !important; }
/* Big "thank you" message */
body.kmk-v8.woocommerce-order-received .woocommerce-notice,
body.kmk-v8.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-size: clamp(22px, 3vw, 30px) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: #0b0b0b !important;
  text-align: center !important;
  padding: 32px 20px !important;
  background: #f3faf5 !important;
  border: 1px solid #c5e6d0 !important;
  border-radius: 10px !important;
  margin-bottom: 24px !important;
}
body.kmk-v8.woocommerce-order-received .woocommerce-thankyou-order-received::before {
  content: '✓';
  display: block;
  font-size: 48px;
  color: #1f9d3a;
  margin-bottom: 8px;
  line-height: 1;
}
/* Order summary table (Order # / Date / Email / Total / Payment) */
body.kmk-v8.woocommerce-order-received .woocommerce-order-overview {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 24px !important;
  background: #fafafa !important;
  border: 1px solid #ececec !important;
  border-radius: 10px !important;
  margin: 0 0 24px !important;
}
body.kmk-v8.woocommerce-order-received .woocommerce-order-overview li {
  flex: 1 1 calc(50% - 8px) !important;
  min-width: 140px !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 12px !important;
  color: #555 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
@media (min-width: 720px) { body.kmk-v8.woocommerce-order-received .woocommerce-order-overview li { flex: 1 1 calc(33.333% - 11px) !important; } }
body.kmk-v8.woocommerce-order-received .woocommerce-order-overview li strong {
  display: block !important;
  margin-top: 6px !important;
  color: #0b0b0b !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  word-break: break-word !important;
}
body.kmk-v8.woocommerce-order-received .woocommerce-order-overview li.total strong { color: var(--kmk-red, #e30000) !important; font-size: 20px !important; }

/* Order details + customer details cards */
body.kmk-v8.woocommerce-order-received .woocommerce-order-details,
body.kmk-v8.woocommerce-order-received .woocommerce-customer-details { background: #fff !important; border: 1px solid #ececec !important; border-radius: 10px !important; padding: 24px !important; margin-bottom: 16px !important; }
body.kmk-v8.woocommerce-order-received .woocommerce-order-details h2,
body.kmk-v8.woocommerce-order-received .woocommerce-customer-details h2 {
  font-size: 16px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin: 0 0 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #0b0b0b !important;
  color: #0b0b0b !important;
}
body.kmk-v8.woocommerce-order-received table.shop_table { border: 0 !important; width: 100% !important; }
body.kmk-v8.woocommerce-order-received table.shop_table th,
body.kmk-v8.woocommerce-order-received table.shop_table td { padding: 12px 0 !important; border: 0 !important; border-bottom: 1px solid #f0f0f0 !important; font-size: 13px !important; color: #333 !important; }
body.kmk-v8.woocommerce-order-received table.shop_table tfoot th { font-weight: 700 !important; color: #555 !important; }
body.kmk-v8.woocommerce-order-received table.shop_table tfoot tr:last-child th,
body.kmk-v8.woocommerce-order-received table.shop_table tfoot tr:last-child td {
  border-bottom: 0 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding-top: 14px !important;
}
body.kmk-v8.woocommerce-order-received table.shop_table tfoot tr:last-child td .amount { color: var(--kmk-red, #e30000) !important; font-size: 22px !important; }

/* Action buttons (Pay for order, Cancel, Track, Reorder) — V8 red */
body.kmk-v8.woocommerce-order-received .order-again .button,
body.kmk-v8.woocommerce-order-received .pay .button,
body.kmk-v8.woocommerce-order-received .button[name="cancel_order"],
body.kmk-v8.woocommerce-order-received .button.tracking { background: var(--kmk-red, #e30000) !important; color: #fff !important; padding: 12px 22px !important; font-size: 12px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; border: 0 !important; border-radius: 6px !important; box-shadow: 0 4px 16px rgba(227,0,0,0.25) !important; }