/* =========================================================================
   CARS-TEBEX — NATIVE THEME OVERRIDES (XStore / WooCommerce)  v1.0
   Restyles the theme's OWN elements (Add to Cart, sale badges, checkout
   buttons, price) to match the Dark Garage system. NOT scoped to .ctx —
   this intentionally targets real theme selectors. Loaded site-wide after
   cars-tebex-theme.css via the cars-tebex-kit mu-plugin.
   ========================================================================= */
:root{ --ctk-red:#e5102d; --ctk-red2:#ff2742; --ctk-green:#3ddc84; }

/* ---- Product-grid "Add to Cart" (XStore etheme grid) -------------------- */
.woocommerce a.button.add_to_cart_button,
a.etheme-product-grid-button.add_to_cart_button,
.etheme-product-grid-button{
  background:linear-gradient(180deg,var(--ctk-red2),var(--ctk-red))!important;
  color:#fff!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  border:0!important;
  border-radius:12px!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
.woocommerce a.button.add_to_cart_button:hover,
.etheme-product-grid-button:hover{
  color:#fff!important;
  filter:brightness(1.06)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 12px 26px -10px rgba(229,16,45,.75)!important;
}

/* "View cart" / added state → ghost, so it doesn't double-shout next to red */
.woocommerce a.added_to_cart{
  background:transparent!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:12px!important;
}
.woocommerce a.added_to_cart:hover{
  border-color:var(--ctk-red2)!important;
  background:rgba(229,16,45,.10)!important;
  color:#fff!important;
}

/* ---- Single product main Add to Cart ------------------------------------ */
.woocommerce div.product form.cart .single_add_to_cart_button,
.single_add_to_cart_button.button{
  background:linear-gradient(180deg,var(--ctk-red2),var(--ctk-red))!important;
  color:#fff!important;
  font-weight:800!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:0 8px 24px -8px rgba(229,16,45,.6)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px -8px rgba(229,16,45,.8)!important;
  filter:brightness(1.05)!important;
}

/* ---- Cart / checkout primary buttons ------------------------------------ */
.woocommerce a.checkout-button.button.alt,
.woocommerce .button.alt,
.woocommerce #place_order{
  background:linear-gradient(180deg,var(--ctk-red2),var(--ctk-red))!important;
  color:#fff!important;
  border:0!important;
  border-radius:12px!important;
  font-weight:700!important;
  transition:filter .18s ease, transform .18s ease!important;
}
.woocommerce a.checkout-button.button.alt:hover,
.woocommerce .button.alt:hover,
.woocommerce #place_order:hover{ filter:brightness(1.06)!important; transform:translateY(-1px)!important; }

/* ---- Sale badge → racing red -------------------------------------------- */
.woocommerce span.onsale,
.etheme-product-grid .onsale,
.onsale{
  background:var(--ctk-red)!important;
  color:#fff!important;
  border-radius:6px!important;
  font-weight:800!important;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* ---- Price emphasis ----------------------------------------------------- */
.woocommerce ins .woocommerce-Price-amount,
.woocommerce ins{ color:var(--ctk-green)!important; font-weight:800!important; text-decoration:none; }
.woocommerce del .woocommerce-Price-amount,
.woocommerce del{ opacity:.55; }

/* ---- Product card hover accent (subtle) --------------------------------- */
.etheme-product-grid-item{ transition:border-color .2s ease, transform .2s ease; }
.etheme-product-grid-item:hover{ border-color:rgba(229,16,45,.45)!important; }

/* ---- Misc accent: quantity focus & links-on-hover in shop --------------- */
.woocommerce .quantity input:focus{ border-color:var(--ctk-red2)!important; outline:none; }

/* =========================================================================
   SITE HEADER (Elementor header template #4328) → Dark Garage
   Solid near-black bar + hairline bottom border + red hover / active
   underline. Covers the sticky clone (same .elementor-4328 id).
   ========================================================================= */
.elementor-4328.elementor-location-header{
  background-color:#0a0a0d !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}
.elementor-4328 .elementor-item{ transition:color .15s ease !important; }
.elementor-4328 .elementor-item:hover{ color:var(--ctk-red2) !important; }
/* pointer underline (active + hover) → racing red */
.elementor-4328 .elementor-item:before,
.elementor-4328 .elementor-item:after{ background-color:var(--ctk-red2) !important; }
/* dropdown / sub-menu panel matches theme surface */
.elementor-4328 .elementor-nav-menu--dropdown,
.elementor-4328 .sub-menu,
.elementor-4328 .elementor-nav-menu__container.elementor-nav-menu--dropdown{
  background-color:#141419 !important;
  border:1px solid rgba(255,255,255,.09) !important;
}
.elementor-4328 .sub-menu .elementor-item:hover,
.elementor-4328 .elementor-nav-menu--dropdown .elementor-item:hover{
  background-color:rgba(229,16,45,.10) !important;
  color:var(--ctk-red2) !important;
}
/* cart / header icons hover */
.elementor-4328 [class*="cart"] a:hover,
.elementor-4328 .elementor-button:hover{ color:var(--ctk-red2) !important; }

/* =========================================================================
   SITE-WIDE TYPOGRAPHY → Inter (match the homepage)
   Theme body/menus are already Inter; this converts the leftovers —
   headings (DM Sans), Elementor heading/text widgets (DM Sans/Roboto) —
   to Inter. Deliberately does NOT touch icon fonts (FontAwesome, XStore
   icons, star ratings, dashicons) — only text-bearing selectors. Inter is
   already loaded by the kit's @import, so no extra font request.
   ========================================================================= */
body,
h1, h2, h3, h4, h5, h6,
p, a, li, blockquote, label, figcaption, strong, em, small, th, td,
button, input, select, textarea, optgroup,
.button, .menu a, .entry-title, .page-title, .widget-title, .widget,
.product_title, .woocommerce-loop-product__title, .etheme-product-grid-title,
.etheme-headline-text-wrapper, .etheme-headline,
.woocommerce-Price-amount, .price,
.elementor-heading-title,
.elementor-widget-text-editor, .elementor-widget-text-editor *,
.elementor-button, .elementor-widget-button .elementor-button{
  font-family:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}

/* =========================================================================
   SHOP / ARCHIVE PRODUCT CARDS → match the homepage .ctx .card look
   Surface panel + hairline border + 16px radius + 16:10 cover image +
   left-aligned title/price + full-width red button + hover lift.
   ========================================================================= */
.etheme-product-grid{ grid-template-columns:repeat(4,1fr)!important; gap:20px!important; }

.etheme-product-grid-item{
  background:#141419!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  text-align:left!important;
  display:flex!important;
  flex-direction:column!important;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease!important;
}
.etheme-product-grid-item:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(229,16,45,.5)!important;
  box-shadow:0 20px 40px -20px rgba(0,0,0,.8)!important;
}

/* image: uniform 16:10, cover, subtle zoom on hover */
.etheme-product-grid-image{ margin:0!important; position:relative; }
.etheme-product-grid-image > a{ display:block!important; aspect-ratio:16/10; background:#000; overflow:hidden; }
.etheme-product-grid-image img{ width:100%!important; height:100%!important; object-fit:contain!important; object-position:center center!important; transition:transform .4s ease!important; }
.etheme-product-grid-item:hover .etheme-product-grid-image img{ transform:scale(1.03)!important; }
.etheme-product-grid-image footer{ display:none!important; } /* hide hover-overlay add-to-cart (keep the visible one) */

/* content: left-aligned, padded, button pinned to bottom for even card height */
.etheme-product-grid-content{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:left!important;
  padding:15px 15px 17px!important;
  gap:10px!important;
  flex:1!important;
}
.etheme-product-grid-title{ font-size:14.5px!important; font-weight:600!important; line-height:1.35!important; min-height:40px; margin:0!important; }
.etheme-product-grid-title a{ color:#f5f6f8!important; }
.etheme-product-grid-content .price{ font-weight:800!important; font-size:16px!important; color:#f5f6f8!important; margin:0!important; }
.etheme-product-grid-content > a.add_to_cart_button{ width:100%!important; justify-content:center!important; margin-top:auto!important; padding:11px 16px!important; font-size:12.5px!important; }
.star-rating-wrapper:empty{ display:none!important; }

@media(max-width:1024px){ .etheme-product-grid{ grid-template-columns:repeat(3,1fr)!important; } }
@media(max-width:680px){ .etheme-product-grid{ grid-template-columns:repeat(2,1fr)!important; } }