/* Endless Garage — dealership vehicle product pages (product_cat 190).
   Enqueued by mu-plugins/eg-dealer-vehicle-assets.php.

   These pages render through Elementor Theme Builder templates 3327 "Dealership
   Vehicles" and 4219 "Sold Vehicles": white-background designs that predate the
   site's black/lime re-skin. Two of the re-skin's global rules land badly on them:

   1. Product-data tabs. The parent theme paints the ACTIVE tab with
      li.active::before (#191919) and expects white text, but both templates' own
      CSS (post-3327.css / post-4219.css) forces the tab text to #000 — black on
      near-black. Inactive tabs sit on white and turn lime on hover (theme a:hover),
      which is 1.2:1 on white.
   2. The "Contact us" link under "Vehicle Sold" (template 4219, widget 9bd97e0)
      takes the theme's lime link colour inside the template's white box.

   !important is deliberate: the template rules print later (post-<id>.css) at
   equal or higher specificity; none of them are !important. */

/* ---- 1. tabs ---- */
.elementor-3327 .woocommerce-tabs ul.wc-tabs li.active a,
.elementor-4219 .woocommerce-tabs ul.wc-tabs li.active a {
  color: #FFFFFF !important;
}
.elementor-3327 .woocommerce-tabs ul.wc-tabs li:not(.active) a:hover,
.elementor-3327 .woocommerce-tabs ul.wc-tabs li:not(.active) a:focus-visible,
.elementor-4219 .woocommerce-tabs ul.wc-tabs li:not(.active) a:hover,
.elementor-4219 .woocommerce-tabs ul.wc-tabs li:not(.active) a:focus-visible {
  color: #0A0A0A !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---- 2. "Contact us" on sold vehicles ---- */
.elementor-4219 .elementor-element-9bd97e0 a,
.elementor-4219 .elementor-element-9bd97e0 a:hover,
.elementor-4219 .elementor-element-9bd97e0 a:focus-visible {
  color: #0A0A0A !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}