/* Verberg de hele Dealer Info box op voertuigpagina's */
.single-listing .stm-listing-car-dealer-info {
  display: none !important;
}
.single-listing aside > .stm-listing-car-dealer-info {
  display: none !important;
}
@media (max-width: 768px) {
  .stm-single-car-contact, 
  .stm-dealer-info, 
  .stm-listing-car-dealer-info {
    display: none !important;
  }
}
/* Verberg het menu-item 'Account' op mobiel */
@media (max-width: 1024px) {
  li.menu-item a[href*="account"],
  li.menu-item a[href*="mijn-account"] {
    display: none !important;
  }
}
/* Oranje vinkjes in lijst 'list-style-1' */
ul.list-style-1 li::before,   /* Motors gebruikt :before */
ul.list-style-1 li::marker {  /* fallback voor moderne browsers */
    color: #F7971F !important;
}
/* ⇢ Vervang '.icon-faq' door jouw selector */
.icon-faq {
    color: #87A697 !important;      /* standaard groen-grijs */
    transition: color .25s ease;    /* soepel kleuroverloop */
}

.icon-faq:hover,
.icon-faq:focus,
.icon-faq.active {                 /* .active zetten we zometeen via JS */
    color: #F7971F !important;      /* oranje bij hover/klik */
}
/* Default kleur: #87A697 voor de accordion-iconen */
.vc_tta-panel .vc_tta-icon {
  color: #87A697 !important;
  transition: color 0.3s ease;
}

/* Oranje (#F7971F) bij hover én als actief (paneel open is) */
.vc_tta-panel.vc_active .vc_tta-icon,
.vc_tta-panel .vc_tta-icon:hover {
  color: #F7971F !important;
}
/* Oranje Facebook-tekst in footer */
.footer .stm-footer-bottom,
.footer a[href*="facebook.com"] {
    color: #F7971F !important;
}
/* Oranje kleur voor zwevende WhatsApp + Facebook iconen */
a[href*="wa.me"] svg,
a[href*="whatsapp.com"] svg,
a[href*="facebook.com"] svg,
a[href*="wa.me"] i,
a[href*="whatsapp.com"] i,
a[href*="facebook.com"] i {
    color: #F7971F !important;
    fill: #F7971F !important;
}
/* Oranje kleur voor Facebook-bericht onderaan in de footer */
.footer .stm-footer-text,
.footer .stm-footer-text p,
.footer .stm-footer-text span {
    color: #F7971F !important;
}
/* Compare-icoon hoverkleur */
.stm_compare:hover i,
.stm_compare:hover .stm-icon-compare {
  color: #F5941F !important;
}

/* Achtergrondkleur van cirkel met aantallen */
.stm_compare .stm-current-count {
  background-color: #F5941F !important;
  color: #fff !important;
}
/* Compare-icoon standaardkleur en hoverkleur */
.stm-header .stm_compare,
.stm-header .stm_compare:hover,
.stm-header .stm_compare i,
.stm-header .stm_compare:hover i {
    color: #F5941F !important;
    fill: #F5941F !important;
}

/* Bolletje naast het icoon */
.stm-header .stm-current-count,
.stm-header .stm_compare .stm-current-count {
    background-color: #F5941F !important;
    color: #fff !important;
}
/* 1. Icoon + linktekst in oranje (#F5941F) – zowel normaal als hover */
.help-bar-compare a,
.help-bar-compare a i,
.help-bar-compare a:hover,
.help-bar-compare a:hover i {
    color: #F5941F !important;
    fill:  #F5941F !important;   /* voor eventuele SVG-iconen */
    transition: color .25s ease;
}

/* 2. Blauwe bolletje (aantal) óók oranje */
.help-bar-compare .stm-current-count,
.help-bar-compare .stm-current-cars-in-compare {
    background-color: #F5941F !important;
    color: #fff !important;      /* wit cijfer in het bolletje */
    transition: background-color .25s ease;
}
/* Compare-icoon (forceert inline-stijl override) */
.help-bar-compare .stm-icon-compare {
  color: #F5941F !important;
  fill:  #F5941F !important;
}

/* Tekstkleur (voor "Compare") */
.help-bar-compare {
  color: #F5941F !important;
}

/* Getal-bolletje naast het icoon */
.help-bar-compare .stm-current-count,
.help-bar-compare .stm-current-cars-in-compare {
  background-color: #F5941F !important;
  color: #fff !important;
}
/* Vervangt algemene link-hoverkleur naar oranje */
a:hover,
a:focus {
  color: #F5941F !important;
}

/* Social icons bovenin */
.header-top-socials a:hover i,
.header-top-socials a i:hover,
.header-top-socials i:hover {
  color: #F5941F !important;
  fill:  #F5941F !important;
}
/* Prijs-banners rechts */
.stm-car-price-unit,
.stm-listing-price-title,
.stm-car-price {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
}

/* "OUR PRICE" label */
.stm-price-label {
    background-color: #86A294 !important;
    color: #fff !important;
}

/* Compare-knoppen */
.stm-listing-compare .stm-added,
.stm-listing-compare .stm-listing-compare-button,
.stm-listing-compare .stm-added:hover,
.stm-listing-compare .stm-listing-compare-button:hover {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
    color: #fff !important;
}

/* "Reset all" knop */
.stm-vehicle-filter .reset_all {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
    color: #fff !important;
}

/* Sorteer-dropdown (optioneel) */
.select2-container--default .select2-selection--single,
.select2-results__option--highlighted {
    background-color: #86A294 !important;
    color: #fff !important;
}

/* Eventuele badges */
.stm-badge,
.stm-badge .stm-label {
    background-color: #86A294 !important;
    color: #fff !important;
}
/* Prijslabels rechts boven (rechterhoek op de kaarten) */
.listing-price .stm-car-price,
.stm-listing-price-title,
.stm-car-price-unit,
.stm-car-price,
.stm-price-main {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
    color: #fff !important;
}

/* "OUR PRICE" label */
.stm-price-label {
    background-color: #86A294 !important;
    color: #fff !important;
}

/* "IN COMPARE LIST" knop */
.stm-listing-compare .stm-added,
.stm-listing-compare .stm-added:hover {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
    color: #fff !important;
}

/* "ADD TO COMPARE" knop (nog zichtbaar bij sommige items) */
.stm-listing-compare .stm-listing-compare-button,
.stm-listing-compare .stm-listing-compare-button:hover {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
    color: #fff !important;
}
/* 💶 Prijsbanner (rechter bovenhoek met prijs) */
.listing-price .stm-car-price,
.stm-car-price-unit,
.stm-car-price {
    background-color: #86A294 !important;
    color: #fff !important;
    border-color: #86A294 !important;
}

/* 🏷️ OUR PRICE label */
.stm-price-label,
.stm-price-label:before {
    background-color: #86A294 !important;
    color: #fff !important;
}

/* 🔁 IN COMPARE LIST knop */
.stm-listing-compare .stm-added,
.stm-listing-compare .stm-added:hover {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
    color: #fff !important;
    fill: #fff !important;
}

/* ➕ ADD TO COMPARE knop */
.stm-listing-compare .stm-listing-compare-button,
.stm-listing-compare .stm-listing-compare-button:hover {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
    color: #fff !important;
    fill: #fff !important;
}

/* 📦 "Reset all" knop */
.stm-vehicle-filter .reset_all {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
    color: #fff !important;
}
/* OUR PRICE-label (blauw vakje met prijs) → groen */
.meta-top .price .normal-price {
  background-color: #86A294 !important;
  color: #fff !important;
  border-color: #86A294 !important;
}
/* Slider-track (de lijn) */
.stm-vehicle-filter .noUi-connect {
  background-color: #86A294 !important;
}

/* Slider-handles (de bolletjes) */
.stm-vehicle-filter .noUi-handle {
  background-color: #86A294 !important;
  border: 2px solid #86A294 !important;
  box-shadow: none !important;
}

/* Optioneel: sliderlijn vóór/achter de waarde */
.stm-vehicle-filter .noUi-background,
.stm-vehicle-filter .noUi-base {
  background-color: #e1e1e1 !important; /* neutraal grijs als restlijn */
}
/* 🎨 Maak alle standaardknoppen (#86A294) in lijn met jouw stijl */

/* Algemene knoppen */
button,
input[type="submit"],
input[type="button"],
.stm-button,
.stm-btn,
.wpcf7-submit,
.vc_btn3,
.wp-block-button__link {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
    color: #fff !important;
    transition: background-color 0.3s ease;
}

/* Hover effect */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.stm-button:hover,
.stm-btn:hover,
.wpcf7-submit:hover,
.vc_btn3:hover,
.wp-block-button__link:hover {
    background-color: #6e8e84 !important; /* iets donkerder groen */
    border-color: #6e8e84 !important;
    color: #fff !important;
}
/* ✅ Motors-theme knoppen op de aanbodpagina in groen */
.stm-listing-compare .stm-added,
.stm-listing-compare .stm-added:hover,
.stm-listing-compare .stm-listing-compare-button,
.stm-listing-compare .stm-listing-compare-button:hover,
.stm-car-action-unit .car-action-unit-btn,
.stm-car-action-unit .car-action-unit-btn:hover,
.car-action-unit-btn,
.car-action-unit-btn:hover,
.car-action-unit .btn,
.car-action-unit .btn:hover {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
    color: #fff !important;
    fill: #fff !important;
    transition: background-color 0.25s ease;
}
/* Prijsschuif-lijn en handles */
.noUi-connect {
  background-color: #86A294 !important;
}
.noUi-handle {
  background-color: #86A294 !important;
  border-color: #86A294 !important;
  box-shadow: none !important;
}
.stm-car-price::before {
  border-top-color: #86A294 !important;
}
.stm-car-price::before {
  display: none !important;
}
.stm-vehicle-filter .reset_all,
.stm-vehicle-filter .reset_all:hover {
  background-color: #86A294 !important;
  border-color: #86A294 !important;
  color: #fff !important;
}
/* Prijskaart achtergrondkleur aanpassen */
div.price {
  background-color: #86A294 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
div.price::before {
  background-color: #86A294 !important;
  border-left-color: #86A294 !important;
}
/* 🟢 Sliderlijn (gevuld deel) */
.noUi-connect {
  background-color: #86A294 !important;
}

/* 🟢 Sliderlijn (lege deel) */
.noUi-base,
.noUi-background {
  background-color: #d3d3d3 !important; /* lichtgrijs voor contrast */
}

/* 🟢 Sliderbolletjes (handles) */
.noUi-handle {
  background-color: #86A294 !important;
  border: 2px solid #86A294 !important;
  box-shadow: none !important;
}

/* 🟢 Verwijder blauw randje binnenin bolletje */
.noUi-handle::after,
.noUi-handle::before {
  background-color: transparent !important;
}
/* 🟢 Prijsfilter slider – gevulde lijn (range) */
.ui-slider-range,
.ui-widget-header {
  background-color: #86A294 !important;
  border-color: #86A294 !important;
}
/* 🟢 Prijsfilter slider handles (de bolletjes) */
.ui-slider-handle,
.ui-slider-handle:after {
  background-color: #86A294 !important;
  border-color: #86A294 !important;
  box-shadow: none !important;
}
/* RESET ALL-knop groen maken */
a.button,
a.button:hover,
a.button:focus {
    background-color: #86A294 !important;
    border-color: #86A294 !important;
    color: #ffffff !important; /* witte tekst */
}
/* Blauwe "2 matches" tekst → groen */
.stm-listing-directory-total-matches,
.stm-secondary-color,
.stm-secondary-color.heading-font {
    color: #86A294 !important;
}
/* Maak dropdown-tekst wit (Merk, Model, Bouwjaar, enz.) */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
}

/* Optioneel: ook placeholdertekst wit maken */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #fff !important;
}
/* Mobiele weergave: achtergrondkleur van zoekfilters */
@media (max-width: 768px) {
  .stm-filter-mobile {
    background-color: #86A294 !important;
  }

  /* Optioneel: knoppen of tekst erin wit maken voor contrast */
  .stm-filter-mobile * {
    color: #fff !important;
  }
}
/* 🌿 Mobiele “Search Options” balk én uitklap in groen */
@media (max-width: 768px) {

  /* De smalle balk/knop die “Search Options” toont */
  .stm-filter-toggle,
  .stm-filter-toggle:hover,
  .stm-filter-toggle:focus {
    background-color:#86A294 !important;
    border-color:#86A294 !important;
    color:#fff !important;          /* witte tekst/icoon */
  }

  /* De uitgeklapte filterbox */
  .stm-filter-mobile-wrapper,
  .stm-filter-mobile-wrapper.active {
    background-color:#86A294 !important;
    border-color:#86A294 !important;
  }

  /* Eventuele icons of pijl binnen de balk */
  .stm-filter-toggle i,
  .stm-filter-toggle svg {
    color:#fff !important;
    fill:#fff !important;
  }
}
/* Aanpassing voor de blauwe prijsbalk onder afbeelding naar groen */
.single-car-price {
    background-color: #86A294 !important;
    color: #fff !important;
}
.entry-title h1,
.entry-title .h1 {
  color: #fff !important;
}
/* Verberg de sorteeroptie op de aanbodpagina */
.stm-sort-by-options,
.stm-archive-top__right {
    display: none !important;
}
/* Mobiele zoekbalkknop (Search Options) aanpassen naar groen */
.stm-filter-mobile-trigger,
.stm-filter-mobile-trigger:hover,
.stm-filter-mobile-trigger:focus {
    background-color: #86A294 !important;
    color: #fff !important; /* tekstkleur */
    border-color: #86A294 !important;
}
/* Prijskaart op auto-detailpagina */
.single-regular-price {
  background-color: #86A294 !important;
  color: #fff !important;
  border-radius: 4px;
  padding: 12px 18px;
  display: inline-block;
}
/* Achtergrond van de prijscontainer op detailpagina */
.single-car-prices {
  background-color: #86A294 !important;
}
.single-car-prices {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
/* Standaard kleur voor paginering links */
ul.page-numbers li > a,
ul.page-numbers li > span {
    background-color: #86A294 !important;
    color: #fff !important;
    border: none !important;
}

/* Actieve (geselecteerde) pagina */
ul.page-numbers li > span.current {
    background-color: #6e857a !important; /* iets donkerder groen voor contrast */
    color: #fff !important;
}

/* Hover-effect */
ul.page-numbers li > a:hover {
    background-color: #6e857a !important;
    color: #fff !important;
}
/* Groene achtergrond voor de 'Search Options' knop (mobiel) */
.stm-filter-toggle {
  background-color: #86A294 !important;
  color: #fff !important;
  border-color: #86A294 !important;
}

/* Hover effect (optioneel) */
.stm-filter-toggle:hover {
  background-color: #6e857a !important;
  color: #fff !important;
}
/* Groene kleur voor de 'Search Options' knop op mobiel */
.stm-filter-toggle,
.stm-filter-toggle.button,
.stm-filter-toggle.button:hover,
.stm-filter-toggle:visited {
  background-color: #86A294 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  fill: #ffffff !important;
}

/* Optioneel: icoon ook wit maken */
.stm-filter-toggle svg,
.stm-filter-toggle i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* Zoekbalkbalk (zowel desktop als mobiel) aanpassen naar groen */
.classic-filter-row .sidebar-entry-header {
  background-color: #86A294 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
/* Mobiele 'Search Options' knop groen maken */
.stm-filter-trigger {
  background-color: #86A294 !important;
  border-color: #86A294 !important;
  color: #fff !important;
  fill: #fff !important;
}
.header-main .stm-icon-pin,
.header-main .stm-icon-phone {
  color: #F5941F !important;
  fill: #F5941F !important;
}
.header-main .header-secondary-phone .phone .phone-label {
  color: #F5941F !important;
}