/*
Theme Name: AutoCraft
Theme URI: https://autocrafts.site
Description: AutoCraft — Jetour T2 body kits & overland parts. Tactical dark storefront (Storefront child).
Author: AutoCraft
Template: storefront
Version: 2.0
*/

:root{
  --bg:#0f1114; --surface:#181b20; --surface-2:#20242a; --ink:#eef0f2;
  --muted:#98a1a9; --line:#2b3037; --accent:#ff5a1f; --accent-ink:#160a04;
  --steel:#101215;
  --mono:ui-monospace,"SF Mono","Cascadia Code","Roboto Mono",Consolas,monospace;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* ---------- base ---------- */
body,.site,.site-content,.col-full{background:var(--bg)!important;color:var(--ink)!important;font-family:var(--sans)}
body{font-family:var(--sans)}
a{color:var(--accent)}
h1,h2,h3,h4{color:var(--ink);font-weight:800;letter-spacing:-.01em}
p,li,span,td,th,label,.price,.stock{color:var(--ink)}
.woocommerce-breadcrumb,.woocommerce-result-count,.posted_in{color:var(--muted)!important}
::selection{background:var(--accent);color:var(--accent-ink)}

/* ---------- header ---------- */
.site-header{background:var(--steel)!important;border-bottom:1px solid var(--line);box-shadow:none}
.site-header .col-full{background:transparent!important}
.site-branding .site-title a,.site-title a{color:#fff!important;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.site-header .site-description,.site-branding p{color:var(--muted)!important;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em}
.main-navigation ul li a{color:var(--muted)!important;font-weight:600;font-size:.92rem}
.main-navigation ul li a:hover,.main-navigation ul li.current-menu-item>a{color:#fff!important}
.main-navigation ul.menu ul.sub-menu,.main-navigation ul.nav-menu ul.children{background:var(--surface);border:1px solid var(--line)}
.site-search .widget_product_search input[type=search],.site-header .search-field{background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}
.site-header-cart .cart-contents,.site-header .cart-contents{color:#fff!important}

/* ---------- buttons ---------- */
.button,button,input[type=submit],
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt,.added_to_cart{
  background:var(--accent)!important;color:var(--accent-ink)!important;border:0!important;
  font-weight:700!important;border-radius:3px!important;text-transform:none;transition:filter .15s,transform .12s}
.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover{
  filter:brightness(1.08);transform:translateY(-1px)}
.woocommerce a.button.alt.disabled,.button.loading{opacity:.7}

/* ---------- product grid (crate cards) ---------- */
.woocommerce ul.products,ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;margin:0!important}
@media(max-width:900px){.woocommerce ul.products,ul.products{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:520px){.woocommerce ul.products,ul.products{grid-template-columns:1fr!important}}
.woocommerce ul.products li.product,ul.products li.product{
  width:auto!important;margin:0!important;float:none!important;background:var(--surface);
  border:1px solid var(--line);border-radius:4px;overflow:hidden;padding:0!important;
  display:flex;flex-direction:column;transition:transform .18s,border-color .18s}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);border-color:var(--accent)}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block;padding:0}
.woocommerce ul.products li.product img{
  margin:0!important;background:
    repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 12px,transparent 12px 24px),var(--surface-2);
  aspect-ratio:4/2.7;object-fit:contain;padding:10px;border-bottom:1px solid var(--line)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  padding:14px 15px 4px!important;font-size:1rem!important;font-weight:800!important;color:var(--ink)}
.woocommerce ul.products li.product .price{
  padding:0 15px!important;font-family:var(--mono)!important;font-size:1.02rem!important;
  color:var(--ink)!important;font-weight:700}
.woocommerce ul.products li.product .price .woocommerce-Price-amount{color:var(--ink)!important}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{
  margin:12px 15px 15px!important;text-align:center}
.woocommerce ul.products li.product .onsale{background:var(--accent);color:var(--accent-ink);border:0}
.woocommerce-loop-product__title,.woocommerce ul.products li.product .star-rating{color:var(--ink)}

/* category tiles */
.woocommerce ul.products li.product-category a img{aspect-ratio:1/1;background:var(--surface-2)}
.woocommerce ul.products li.product-category h2{padding:12px 15px!important;color:var(--ink)}
.woocommerce ul.products li.product-category mark,.count{background:transparent;color:var(--accent);font-family:var(--mono)}

/* ---------- result count / ordering bar ---------- */
.woocommerce-ordering select,.orderby{background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}
.woocommerce-products-header__title,.page-title{color:var(--ink)!important;text-transform:uppercase;font-weight:800}

/* ---------- single product ---------- */
.single-product div.product .product_title{color:var(--ink);text-transform:uppercase}
.single-product div.product p.price,.single-product div.product span.price{color:var(--accent)!important;font-family:var(--mono);font-weight:700;font-size:1.6rem}
.single-product .woocommerce-product-details__short-description,.single-product .woocommerce-Tabs-panel{color:var(--muted)}
.single-product .quantity .qty{background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--surface-2);border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--surface)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--ink)}
.woocommerce-message,.woocommerce-info,.woocommerce-noreviews{background:var(--surface-2);color:var(--ink);border-top-color:var(--accent)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--accent)}

/* ---------- cart / checkout (keep legible) ---------- */
.woocommerce table.shop_table,.woocommerce-cart table.cart,.woocommerce .cart-collaterals,
.woocommerce-checkout #payment,.woocommerce form.checkout,.col2-set .col-1,.col2-set .col-2{color:var(--ink)}
.woocommerce table.shop_table{background:var(--surface);border-color:var(--line)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line);color:var(--ink)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.select2-container--default .select2-selection--single{
  background:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--ink)!important}
.woocommerce-checkout #payment{background:var(--surface)!important;border:1px solid var(--line)}
.woocommerce-checkout #payment ul.payment_methods{border-color:var(--line)}
.woocommerce-checkout #payment div.payment_box{background:var(--surface-2)!important;color:var(--ink)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--surface-2)}
label,.woocommerce-checkout label{color:var(--ink)}

/* ---------- homepage ---------- */
.home .entry-title{display:none}
.home .site-main h2,.page .site-main h2{text-transform:uppercase;font-weight:800;letter-spacing:-.01em;
  margin:2.4em 0 .9em;font-size:1.8rem;padding-bottom:.4em;border-bottom:1px solid var(--line)}
.home .entry-content>div:first-child{margin-bottom:0}

/* ---------- footer ---------- */
.site-footer{background:var(--steel)!important;color:var(--muted);border-top:1px solid var(--line)}
.site-footer a{color:var(--accent)}
.storefront-handheld-footer-bar{background:var(--steel);border-top:1px solid var(--line)}
.storefront-handheld-footer-bar a{color:var(--ink)}
.storefront-handheld-footer-bar ul li.cart .count{background:var(--accent);color:var(--accent-ink)}

/* eyebrow/mono utility used in hero */
.ac-eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.75rem}