/* AutoDeal — three targeted visual fixes, 2026-10-30.
   Loaded after the brand styles. No layout, business logic or light-mode artwork changes. */

/* 1. Hero toggle: neutral choices stay legible on the light pill in night mode. */
html[data-theme="dark"] body .hero .hero-search-wrap .hero-search-tabs .hero-search-tab:not(.active),
html[data-theme="night"] body .hero .hero-search-wrap .hero-search-tabs .hero-search-tab:not(.active) {
  color:#151922!important;
  -webkit-text-fill-color:#151922!important;
  background:#f0f1f4!important;
  opacity:1!important;
}
html[data-theme="dark"] body .hero .hero-search-wrap .hero-search-tabs .hero-search-tab:not(.active) *,
html[data-theme="night"] body .hero .hero-search-wrap .hero-search-tabs .hero-search-tab:not(.active) * {
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  opacity:1!important;
}
html[data-theme="dark"] body .hero .hero-search-wrap .hero-search-tabs .hero-search-tab.active,
html[data-theme="night"] body .hero .hero-search-wrap .hero-search-tabs .hero-search-tab.active {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#ff087c!important;
}
html[data-theme="dark"] body .hero .hero-search-wrap .hero-search-tabs .hero-search-tab.active *,
html[data-theme="night"] body .hero .hero-search-wrap .hero-search-tabs .hero-search-tab.active * {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* 2. Garage cards: outlined map links must be white on a dark card. */
html[data-theme="dark"] body .garage-card .garage-actions :is(a,button).btn:is(.ghost,.outline,.secondary,.btn-outline),
html[data-theme="night"] body .garage-card .garage-actions :is(a,button).btn:is(.ghost,.outline,.secondary,.btn-outline) {
  color:#f6f7fb!important;
  -webkit-text-fill-color:#f6f7fb!important;
  border-color:#d5d9e2!important;
  background:transparent!important;
  background-image:none!important;
  opacity:1!important;
}
html[data-theme="dark"] body .garage-card .garage-actions :is(a,button).btn:is(.ghost,.outline,.secondary,.btn-outline):hover,
html[data-theme="night"] body .garage-card .garage-actions :is(a,button).btn:is(.ghost,.outline,.secondary,.btn-outline):hover {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#ff087c!important;
  background:#ff087c!important;
}

/* 3. Pieces and accessories mode illustrations: remove artificial white glow
   only at night. The accompanying script transparently keys the white image
   background when the browser is allowed to read the pixels. */
html[data-theme="dark"] body :is(#adTabParts,#adTabAccess) img,
html[data-theme="night"] body :is(#adTabParts,#adTabAccess) img {
  box-shadow:none!important;
  background:transparent!important;
  filter:none!important;
}
html[data-theme="dark"] body :is(#adTabParts,#adTabAccess) picture,
html[data-theme="night"] body :is(#adTabParts,#adTabAccess) picture {
  box-shadow:none!important;
  background:transparent!important;
  filter:none!important;
}
html[data-theme="dark"] body :is(#adTabParts,#adTabAccess) img.ad-night-art-clean,
html[data-theme="night"] body :is(#adTabParts,#adTabAccess) img.ad-night-art-clean {
  background:transparent!important;
  mix-blend-mode:normal!important;
  box-shadow:none!important;
  filter:drop-shadow(0 7px 11px rgba(0,0,0,.17))!important;
}
/* Fallback when pixels cannot be read due to cross-origin restrictions:
   soften the hard rectangle without altering the source image or day mode. */
html[data-theme="dark"] body :is(#adTabParts,#adTabAccess) img.ad-night-art-fallback,
html[data-theme="night"] body :is(#adTabParts,#adTabAccess) img.ad-night-art-fallback {
  -webkit-mask-image:radial-gradient(ellipse 68% 70% at center,#000 46%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 68% 70% at center,#000 46%,transparent 100%)!important;
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="dark"] body :is(#adTabParts,#adTabAccess) img,
  html[data-theme="night"] body :is(#adTabParts,#adTabAccess) img{transition:none!important}
}