/* ============================================================
   EMMZED — AUTOMOTIVE.CSS  v3  (JUST THE VIBE)
   ------------------------------------------------------------
   No added layout. No hero. The theme recolours the existing
   shop/product UI only. One slim 44px strip is the sole
   addition on the category page.
   Scoped ONLY to  body.emz-automotive :
     • products.php?cat=Automotive
     • product.php where product category = Automotive
   ============================================================ */

/* ══════════════ FOUNDATION ══════════════ */
body.emz-automotive {
    background: #0b0b0c !important;
    color: #e8e8ea;
}
/* near-invisible carbon weave */
body.emz-automotive::before {
    content: "";
    position: fixed; inset: 0; z-index: -1; pointer-events: none;
    background:
        repeating-linear-gradient(45deg,  rgba(255,255,255,.008) 0 1px, transparent 1px 3px),
        repeating-linear-gradient(-45deg, rgba(255,255,255,.008) 0 1px, transparent 1px 3px);
}
/* the vibe: one 2px F1-red line across the very top */
body.emz-automotive::after {
    content: "";
    position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 4000;
    background: #e10600;
}

/* ---- header ---- */
body.emz-automotive header {
    background: rgba(10,10,11,.97) !important;
    border-bottom: 1px solid #1f1f23;
}
body.emz-automotive header .logo span,
body.emz-automotive header nav a { color: #d6d6da !important; }
body.emz-automotive header nav a:hover { color: #fff !important; }
body.emz-automotive header nav a.active { color: #e10600 !important; }
body.emz-automotive .cart-badge { background: #e10600 !important; color: #fff !important; }

/* ---- category pills ---- */
body.emz-automotive .cat-pill {
    background: #121214 !important; color: #b9b9bf !important;
    border: 1px solid #232327 !important;
}
body.emz-automotive .cat-pill:hover { border-color: #3a3a41 !important; color: #fff !important; }
body.emz-automotive .cat-pill.active {
    background: #e10600 !important; color: #fff !important;
    border-color: #e10600 !important;
}

/* ---- search ---- */
body.emz-automotive .search-box input {
    background: #121214; border: 1px solid #232327 !important; color: #fff !important;
}
body.emz-automotive .search-box input:focus { border-color: #e10600 !important; box-shadow: none; }
body.emz-automotive .search-box svg { color: #6f6f76; }

/* ---- product cards: recolour only, motion kept still ---- */
body.emz-automotive .product-card {
    background: #121214 !important;
    border: 1px solid #1f1f23 !important;
    animation: none;
}
body.emz-automotive .product-card:hover {
    border-color: #3d3d44 !important;
    transform: none;
    box-shadow: 0 10px 24px rgba(0,0,0,.45) !important;
}
body.emz-automotive .product-card h4,
body.emz-automotive .product-card h4 a { color: #f1f1f3 !important; }
body.emz-automotive .product-card .price {
    color: #e10600 !important;
    text-shadow: none;
}
body.emz-automotive .product-card > a { background: transparent !important; }
body.emz-automotive .p-info { background: transparent; }
body.emz-automotive .add-btn {
    background: #e10600 !important; color: #fff !important;
}
body.emz-automotive .add-btn:hover { background: #ff1414 !important; }
body.emz-automotive .wishlist-btn {
    background: #161619 !important; border: 1px solid #232327 !important; color: #d6d6da !important;
}
body.emz-automotive .low-stock-line { color: #e10600 !important; }
body.emz-automotive .stock-badge { background: #e10600 !important; animation: none; }
body.emz-automotive .qv-btn { background: rgba(11,11,12,.88) !important; }
body.emz-automotive .qv-btn:hover { background: #e10600 !important; color: #fff !important; }
body.emz-automotive .prod-header, body.emz-automotive .prod-header * { color: #9a9aa0 !important; }

/* ---- quick-view modal ---- */
body.emz-automotive .qv-modal {
    background: #121214 !important; color: #e8e8ea !important;
    border: 1px solid #232327;
}
body.emz-automotive .qv-name { color: #fff !important; }
body.emz-automotive .qv-price { color: #e10600 !important; text-shadow: none; }
body.emz-automotive .qv-desc { color: #a8a8af !important; }
body.emz-automotive .qv-img { background: #17171a !important; }
body.emz-automotive .qv-add { background: #e10600 !important; color: #fff !important; }
body.emz-automotive .qv-add:hover { background: #ff1414 !important; transform: none; }
body.emz-automotive .qv-full {
    background: #161619 !important; color: #fff !important; border: 1px solid #2b2b31 !important;
}
body.emz-automotive .qv-full:hover { border-color: #e10600 !important; }
body.emz-automotive .qv-close { background: #161619 !important; color: #d6d6da !important; }

/* ---- cart drawer ---- */
body.emz-automotive .cd-panel { background: #101012 !important; color: #e8e8ea !important; border-left: 1px solid #1f1f23; }
body.emz-automotive .cd-head { border-color: #1f1f23 !important; }
body.emz-automotive .cd-count { background: #e10600 !important; color: #fff !important; }
body.emz-automotive .cd-close { background: #161619 !important; color: #d6d6da !important; }
body.emz-automotive .cd-item, body.emz-automotive .cd-item-name { color: #e8e8ea !important; }
body.emz-automotive .cd-item { border-color: #1b1b1f !important; }
body.emz-automotive .cd-total-v { color: #e10600 !important; }
body.emz-automotive .cd-checkout { background: #e10600 !important; }
body.emz-automotive .cd-checkout:hover { background: #ff1414 !important; transform: none; }
body.emz-automotive .cd-meter { background: #121214 !important; border-bottom: 1px solid #1f1f23 !important; }
body.emz-automotive .cd-meter-fill { background: #e10600 !important; }
body.emz-automotive .cd-viewcart { background: #161619 !important; color: #fff !important; border: 1px solid #2b2b31 !important; }
body.emz-automotive .cd-qty { border-color: #2b2b31 !important; }
body.emz-automotive .cd-qty button { background: #1a1a1e !important; color: #d6d6da !important; }

/* ---- recently viewed ---- */
body.emz-automotive .rv-card { background: #121214 !important; border: 1px solid #1f1f23 !important; }
body.emz-automotive .rv-card .rv-name { color: #e8e8ea !important; }
body.emz-automotive .rv-title { color: #8a8a91 !important; }

/* ---- product page ---- */
body.emz-automotive .pd-info h1 { color: #fff !important; }
body.emz-automotive .pd-price { color: #e10600 !important; text-shadow: none; }
body.emz-automotive .pd-cat { background: #e10600 !important; color: #fff !important; }
body.emz-automotive .btn.add-to-cart {
    background: #e10600 !important; color: #fff !important;
    box-shadow: none;
}
body.emz-automotive .btn.add-to-cart:hover { background: #ff1414 !important; transform: none; }
body.emz-automotive .variant-btn.selected { border-color: #e10600 !important; }
body.emz-automotive .pd-trust-card { background: #121214 !important; border-color: #1f1f23 !important; }
body.emz-automotive .pd-trust-txt strong { color: #fff !important; }

/* ---- related ---- */
body.emz-automotive .related-card { background: #121214 !important; border: 1px solid #1f1f23 !important; }
body.emz-automotive .related-card h4 { color: #f1f1f3 !important; }
body.emz-automotive .related-card .r-price { color: #e10600 !important; }
body.emz-automotive .related-card:hover { border-color: #3d3d44 !important; transform: none; }

/* ---- reviews ---- */
body.emz-automotive .review-card,
body.emz-automotive .review-form-box {
    background: #121214 !important; border: 1px solid #1f1f23 !important;
}
body.emz-automotive .review-card:hover { border-color: #2b2b31 !important; }
body.emz-automotive .review-name { color: #fff !important; }
body.emz-automotive .reviews-avg-num { color: #e10600 !important; }
body.emz-automotive .review-form input,
body.emz-automotive .review-form textarea {
    background: #0e0e10 !important; color: #fff !important; border: 1px solid #232327 !important;
}
body.emz-automotive .review-form input:focus,
body.emz-automotive .review-form textarea:focus { border-color: #e10600 !important; }
body.emz-automotive .review-submit { background: #e10600 !important; color: #fff !important; }
body.emz-automotive .review-submit:hover { background: #ff1414 !important; }

/* ---- breadcrumb / footer ---- */
body.emz-automotive .breadcrumb, body.emz-automotive .breadcrumb a { color: #9a9aa0 !important; }
body.emz-automotive .main-footer {
    background: #0c0c0d !important;
    border-top: 1px solid #1f1f23;
}
body.emz-automotive .main-footer, body.emz-automotive .main-footer * { color: #b4b4ba !important; }

/* ══════════════ THE ONLY ADDITION — 44px SLIM STRIP ══════════════ */
.auto-strip {
    display: flex; align-items: center; justify-content: center; gap: 13px;
    background: #0d0d0f;
    border-bottom: 1px solid #1f1f23;
    padding: 11px 16px;
}
.auto-strip-wheel { width: 17px; height: 17px; flex-shrink: 0; display: block; }
.auto-strip-title {
    font-size: 11.5px; font-weight: 800; letter-spacing: .34em;
    color: #f1f1f3; text-transform: uppercase; line-height: 1;
}
.auto-strip-div { width: 1px; height: 11px; background: #2b2b31; }
.auto-strip-sub {
    font-size: 9px; font-weight: 700; letter-spacing: .26em;
    color: #e10600; text-transform: uppercase; line-height: 1;
}
.auto-strip-wheel .wheel-spin,
.auto-badge-wheel .wheel-spin {
    transform-origin: 50px 50px;
    animation: emzWheelSpin 12s linear infinite;   /* barely turning — just alive */
}
.auto-wheel { width: 100%; height: 100%; display: block; }
@keyframes emzWheelSpin { to { transform: rotate(360deg); } }

/* ══════════════ PRODUCT-PAGE BADGE — one compact line ══════════════ */
.auto-badge {
    display: inline-flex; align-items: center; gap: 10px;
    background: #121214;
    border: 1px solid #232327;
    border-left: 2px solid #e10600;
    padding: 6px 13px;
    margin: 0 0 10px;
}
.auto-badge .auto-badge-wheel { width: 16px; height: 16px; flex-shrink: 0; }
.auto-badge b {
    font-size: 10.5px; font-weight: 800; letter-spacing: .26em;
    color: #f1f1f3; text-transform: uppercase; line-height: 1;
}
.auto-badge .auto-badge-sub {
    font-size: 8.5px; font-weight: 700; letter-spacing: .22em;
    color: #e10600; text-transform: uppercase;
    border-left: 1px solid #2b2b31; padding-left: 10px; line-height: 1;
}

/* reduced motion — completely still */
@media (prefers-reduced-motion: reduce) {
    body.emz-automotive .auto-strip-wheel .wheel-spin,
    body.emz-automotive .auto-badge-wheel .wheel-spin { animation: none !important; }
}