/* =====================================================================
   RepairPlugin Pro  x  Ilko Telecom
   Eigen CSS voor de live planner op /reparatie/ (shortcode-widget).
   ---------------------------------------------------------------------
   Waar plaatsen: Elementor > Site-instellingen > Eigen CSS (of het thema),
   en de bestaande eigen plugin-CSS in de shortcode-widget op /reparatie/
   (o.a. "7) Powered by weg" en de BACKBUTTON-regels) vervangen door dit bestand.

   Opbouw: per stap van de plugin.
     0  Basis: kleuren, lettertype, de witte kaart om de widget
     1  Voortgangsbalk (Selecteer apparaat / Selecteer reparatie / Afronden afspraak)
     2  Stap 1: Welk model heb je? (zoeken, Vind mijn model, type, merk, model)
     3  Stap 2: Selecteer reparatie (toestel-kop, kleur, reparatiekaarten,
        opties, accessoires, Reparatie lijst)
     4  Stap 3: Afronden afspraak (servicemethode, locatie, datum, tijd,
        overzicht, Particulier/Zakelijk, velden, betaalmethode, bevestigen)
     5  Meldingen en de dialoog "Vind mijn model"
     6  Telefoon

   Waarom zo zwaar (html body ... .page-types.page-types en !important):
   bundle.css van de plugin gebruikt zelf lange selectors met veel !important.
   Deze bestanden winnen daar bewust van. Getest door dit bestand op 16-10-2026
   in de live pagina te laden (stap 1, 2 en 3); zie de opmerkingen [ONZEKER]
   voor wat nog op de echte site nagekeken moet worden.

   Lettertypes: Archivo (koppen) en Geist (de rest) moeten door het thema
   geladen worden, net als op de rest van de nieuwe site.
   ===================================================================== */


/* ---------------------------------------------------------------------
   0  Basis
   --------------------------------------------------------------------- */

/* De plugin zet deze variabelen zelf in :root. html:root weegt zwaarder. */
html:root {
  --theme: #111111;
  --theme-80-opacity: #111111CC;
  --theme-70-opacity: #111111B3;
  --theme-60-opacity: #11111199;
  --theme-50-opacity: #11111180;
  --theme-40-opacity: #11111166;
  --theme-20-opacity: #11111133;
  --theme-10-opacity: #1111111A;
  --rp-readmore-link: #111111;
  --rp-readmore-link-hover: #F91F25;
  --rp-font-family: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ilko-ink: #111111;
  --ilko-ink-2: rgba(17,17,17,.68);
  --ilko-red: #F91F25;
  --ilko-lila: #E7E7F8;
  --ilko-ground: #F3F3FF;
  --ilko-field: #F7F7FD;
  --ilko-line: rgba(17,17,17,.10);
}

/* De widget zelf: een witte kaart met ruime binnenmarge */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types {
  font-family: var(--rp-font-family) !important;
  color: var(--ilko-ink) !important;
  background: #FFFFFF !important;
  border: 1px solid var(--ilko-line) !important;
  border-radius: 28px !important;
  padding: 40px 48px 48px !important;
  box-shadow: none !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types *,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types button,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types input,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types textarea,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types p,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types span,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types td,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types th,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types label {
  font-family: var(--rp-font-family) !important;
  letter-spacing: 0 !important;
}

/* Alle hoofdletter-labels van de plugin worden zinsvorm */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .repair-mins,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .color-name,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .starting-at-sup,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .show-all-repairs,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-dm-price-badge,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .percent-off-badge,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-booking .bold,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-booking .light,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .send-offer-pdf .bold,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .send-offer-pdf .light,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .confirm-booking .bold,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .confirm-booking .light,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .breaked-ps p,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model-model {
  text-transform: none !important;
}

/* Grijze schaduwkaders van de plugin weg; wij werken met een dunne rand */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-v2-grey-box-shadow,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-input-box-shadow-container {
  box-shadow: none !important;
  border-radius: 20px !important;
}

/* Taalkiezer (vlaggetje) verbergen: de site is Nederlands.
   [ONZEKER] alleen doen als Engels/Pools/Oekraiens niet gebruikt wordt. */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-select-language-container { display: none !important; }

/* "Powered by RepairPlugin" stond al verborgen in de oude CSS.
   [ONZEKER] controleer of de licentie dit toestaat. */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp_powered_by_text_container { display: none !important; }


/* ---------------------------------------------------------------------
   1  Voortgangsbalk: geen nummers, een vinkje als een stap klaar is
   --------------------------------------------------------------------- */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress { max-width: 620px !important; margin: 0 auto 40px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20 span.step-circle {
  width: 28px !important;
  height: 28px !important;
  border: 0 !important;
  background: #FFFFFF !important;
  box-shadow: inset 0 0 0 1.5px rgba(17,17,17,.22) !important;
  color: #FFFFFF !important;
}
/* het cijfer verdwijnt; de huidige stap krijgt een rode stip */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20 span.step-circle .text { font-size: 0 !important; color: transparent !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.active span.step-circle { background: #FFFFFF !important; box-shadow: inset 0 0 0 1.5px var(--ilko-ink) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.active span.step-circle .text {
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  margin: auto !important;
  border-radius: 50% !important;
  background: var(--ilko-red) !important;
}
/* klaar: zwart rondje met wit vinkje (het vinkje-icoon van de plugin blijft staan) */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.completed span.step-circle { background: var(--ilko-ink) !important; box-shadow: none !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.completed span.step-circle .text { font-size: 14px !important; color: #FFFFFF !important; background: none !important; width: auto !important; height: auto !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.completed span.step-circle .text { display: grid !important; place-items: center !important; width: 100% !important; height: 100% !important; }
/* het vinkje van de plugin precies in het midden van het zwarte rondje */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.completed span.step-circle { position: relative !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.completed span.step-circle .rp-svg-icon {
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: 13px !important;
  height: 13px !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.completed span.step-circle svg { width: 13px !important; height: 13px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.completed span.step-circle svg * { fill: #FFFFFF !important; }
/* extra vinkje met CSS, voor het geval het plugin-icoon (door oude eigen code) niet zichtbaar is */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.completed span.step-circle::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 5px !important;
  height: 9px !important;
  margin: -6px 0 0 -3px !important;
  border: solid #FFFFFF !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  z-index: 2 !important;
}
/* labels: "Selecteer apparaat" in zinsvorm, Geist 14px */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .breaked-ps p { font-size: 14px !important; font-weight: 500 !important; color: var(--ilko-ink-2) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.active .breaked-ps p,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.completed .breaked-ps p { color: var(--ilko-ink) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.active .breaked-ps p { font-weight: 600 !important; }
/* de lijn: dun en grijs, gevuld met inkt */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-100 .p-bar { height: 2px !important; background: rgba(17,17,17,.12) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-100 .p-bar .p-complete,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-100 .p-bar .p-complete .p-bar-pad { height: 2px !important; background: var(--ilko-ink) !important; }


/* ---------------------------------------------------------------------
   Koppen, terugknop en tussenkopjes (alle stappen)
   --------------------------------------------------------------------- */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-heading,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container h1.select-heading.which-model-do-you-have {
  font-family: 'Archivo', ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: 40px !important;
  line-height: 1 !important;
  letter-spacing: -.035em !important;
  color: var(--ilko-ink) !important;
  text-transform: none !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-heading b,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-heading .light { font-weight: inherit !important; font-size: inherit !important; color: inherit !important; }

/* terugknop: inktzwart rondje met witte pijl.
   Let op: de oude eigen code op /reparatie/ (BACKBUTTON) zet de pijl inline op wit met !important;
   haal die oude code weg. Met een zwart rondje blijft de pijl hoe dan ook zichtbaar. */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: var(--ilko-ink) !important;
  border: 0 !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg .rp-transparency-background { display: none !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg svg,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg svg * { fill: #FFFFFF !important; color: #FFFFFF !important; }

/* tussenkopjes ("Selecteer kleur"): rood ruitje in plaats van de gekleurde stip */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container p.wp-repair-options-heading,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .or-select-your-type-brand,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .choose-location-text .the-text {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--ilko-ink-2) !important;
  text-transform: none !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container p.wp-repair-options-heading b,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .or-select-your-type-brand b,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .choose-location-text .the-text b { color: var(--ilko-ink) !important; font-weight: 600 !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .choose-location-text .line { display: none !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container p.wp-repair-options-heading:before,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .choose-location-text .the-text:before {
  width: 7px !important;
  height: 7px !important;
  border-radius: 1.5px !important;
  background: var(--ilko-red) !important;
  transform: rotate(45deg) !important;
}


/* ---------------------------------------------------------------------
   2  Stap 1: Welk model heb je?
   --------------------------------------------------------------------- */
/* zoekveld "Zoek je merk, model of modelcode" */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box p { font-size: 15px !important; color: var(--ilko-ink-2) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box p b { color: var(--ilko-ink) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .repair-search-box-v2 input,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-search-container input.search {
  height: 56px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(17,17,17,.16) !important;
  background: var(--ilko-field) !important;
  box-shadow: none !important;
  padding: 0 60px 0 18px !important;
  font-size: 16px !important;
  color: var(--ilko-ink) !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .repair-search-box-v2 input:focus,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-search-container input.search:focus,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-checkout-fields-container .user-info:focus {
  outline: none !important;
  border-color: var(--ilko-ink) !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(17,17,17,.08) !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .repair-search-box-v2 .submit-repair-search-v2 {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: var(--ilko-ink) !important;
  border: 0 !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .repair-search-box-v2 .submit-repair-search-v2 svg,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .repair-search-box-v2 .submit-repair-search-v2 svg * { fill: #FFFFFF !important; }
/* het grijze zoekvak wordt een lichtpaars vlak; stippen worden rode ruitjes */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box { background: var(--ilko-ground) !important; border-radius: 20px !important; box-shadow: none !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box p:before,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .or-select-your-type-brand:before {
  width: 7px !important;
  height: 7px !important;
  border-radius: 1.5px !important;
  background: var(--ilko-red) !important;
  transform: rotate(45deg) !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .search-content-v2 { border-radius: 20px !important; border: 0 !important; box-shadow: 0 1px 2px rgba(30,28,72,.06), 0 24px 48px -24px rgba(30,28,72,.28) !important; }

/* "Vind mijn model": pil met dunne rand */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wmdih-btn-cat-brands {
  border-radius: 20px !important;
  border: 1px solid rgba(17,17,17,.14) !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  color: var(--ilko-ink) !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wmdih-btn-cat-brands .text { font-size: 15px !important; font-weight: 600 !important; color: var(--ilko-ink) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wmdih-btn-cat-brands svg { fill: var(--ilko-ink) !important; }

/* tegels voor type, merk en model */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .cat-or-brand-container button.type,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .models button.type {
  border: 1px solid var(--ilko-line) !important;
  border-radius: 20px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  transition: border-color .2s, box-shadow .3s, transform .3s cubic-bezier(.22,1,.36,1) !important;
}
html body.hasMouseOver .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .cat-or-brand-container button.type:hover,
html body.hasMouseOver .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .models button.type:hover,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .cat-or-brand-container button.type:hover,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .models button.type:hover {
  border-color: rgba(17,17,17,.32) !important;
  background: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 34px 64px -40px rgba(30,28,72,.42) !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .cat-or-brand-container .text,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .models .text {
  color: var(--ilko-ink) !important;
  font-weight: 600 !important;
  text-transform: none !important;
}
/* type-tegels: icoon in een lila vlak, naam in Archivo */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types.is_type_page .cat-or-brand-container .icon,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is_type_page .cat-or-brand-container .icon { background: var(--ilko-lila) !important; border-radius: 12px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is_type_page .cat-or-brand-container .text { font-family: 'Archivo', ui-sans-serif, sans-serif !important; font-weight: 700 !important; font-size: 20px !important; }
/* merk-tegels: de logo's van de plugin rustig in zwart-wit.
   [ONZEKER] Liever: in RepairPlugin per merk een eenvoudig zwart woordmerk uploaden. */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-col-t5 .icon img { filter: grayscale(1) contrast(1.1) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-col-t5 .text { font-family: 'Archivo', ui-sans-serif, sans-serif !important; font-weight: 700 !important; font-size: 17px !important; }
/* model-tegels */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .models .m_code,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .models .m_code .tooltiptext { font-size: 13px !important; color: var(--ilko-ink-2) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .models .what-model-item button.type { border-style: dashed !important; border-color: rgba(17,17,17,.28) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .models-information .all-models { font-size: 15px !important; font-weight: 600 !important; color: var(--ilko-ink) !important; text-transform: none !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .models-information .all-models-number {
  min-width: 34px !important;
  height: 26px !important;
  line-height: 26px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: var(--ilko-lila) !important;
  color: var(--ilko-ink) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .models-information .total-models { display: none !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-search-container input.search { height: 48px !important; padding-left: 44px !important; }


/* ---------------------------------------------------------------------
   3  Stap 2: Selecteer reparatie
   --------------------------------------------------------------------- */
/* toestel-kop met modelcodes */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model-info .model-img { background: var(--ilko-ground) !important; border-radius: 12px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model-code .rp-model-code-badge {
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--ilko-ground) !important;
  color: var(--ilko-ink) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 3px 9px !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model-code .rp-model-code-more { color: var(--ilko-ink) !important; text-decoration: underline !important; text-decoration-color: var(--ilko-red) !important; text-underline-offset: 3px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model-model { color: var(--ilko-ink-2) !important; font-size: 14px !important; }

/* kleuren: witte tegel, swatch met afgeronde hoeken, gekozen = inktrand */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-color-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(17,17,17,.12) !important;
  border-radius: 12px !important;
  padding: 8px 12px 8px 8px !important;
  box-shadow: none !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-color-card.selected { border-color: var(--ilko-ink) !important; box-shadow: inset 0 0 0 1px var(--ilko-ink) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-color-card .square-bg { width: 28px !important; height: 28px !important; border-radius: 8px !important; box-shadow: inset 0 0 0 1px rgba(17,17,17,.14) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-color-card .color-name { width: auto !important; font-size: 15px !important; font-weight: 500 !important; color: var(--ilko-ink) !important; }

/* Incl./Excl. BTW-schakelaar
   [ONZEKER] de schakelaar is een svg van de plugin; dit kleurt hem zwart in plaats van groen. */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-tax-switcher p { font-size: 15px !important; color: var(--ilko-ink-2) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-tax-switcher p b { color: var(--ilko-ink) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-tax-switcher svg { filter: grayscale(1) brightness(.35) !important; }

/* reparatiekaarten */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card {
  border: 1px solid var(--ilko-line) !important;
  border-radius: 20px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  padding: 18px !important;
  transition: border-color .2s, box-shadow .3s, transform .3s cubic-bezier(.22,1,.36,1) !important;
}
html body.hasMouseOver .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card:hover {
  border-color: rgba(17,17,17,.32) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 34px 64px -40px rgba(30,28,72,.42) !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card.active {
  border-color: var(--ilko-ink) !important;
  box-shadow: inset 0 0 0 1px var(--ilko-ink) !important;
  background: #FFFFFF !important;
}
/* icoon in een lila vlak */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .repair-img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: var(--ilko-lila) !important;
  display: inline-grid !important;
  place-items: center !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .repair-img img { max-width: 24px !important; max-height: 24px !important; }
/* naam, duur, omschrijving */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .repair-name,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .repair-name .hover-text {
  font-family: 'Archivo', ui-sans-serif, sans-serif !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  color: var(--ilko-ink) !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .repair-mins { font-size: 13px !important; font-weight: 400 !important; color: var(--ilko-ink-2) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .repair-desc .description { font-size: 14px !important; line-height: 1.45 !important; color: var(--ilko-ink-2) !important; }
/* prijs: lichte pil, gekozen = inkt; "vanaf" als klein grijs woord erboven */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .wp-repair-action-price .wp-repair-add-item {
  background: var(--ilko-ground) !important;
  color: var(--ilko-ink) !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 5px 12px !important;
  font-family: 'Archivo', ui-sans-serif, sans-serif !important;
  font-weight: 700 !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .wp-repair-action-price .wp-repair-add-item *,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .wp-repair-action-price .show-price { color: inherit !important; font-family: inherit !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card.active .wp-repair-action-price .wp-repair-add-item { background: var(--ilko-ink) !important; color: #FFFFFF !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .starting-at-sup {
  background: none !important;
  color: var(--ilko-ink-2) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border: 0 !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .original-repair-price { color: var(--ilko-ink-2) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-col-9 .wp-repair-repair-card .price_on_request { font-size: 13px !important; font-weight: 600 !important; }
/* "20% korting": lila label */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .percent-off-badge {
  background: var(--ilko-lila) !important;
  color: var(--ilko-ink) !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
/* opties onder een kaart (Compatibel / Original / Service Pack) */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card .more-card-options li {
  background: var(--ilko-ground) !important;
  border: 1px solid rgba(17,17,17,.12) !important;
  border-radius: 12px !important;
  color: var(--ilko-ink) !important;
}
html body.hasMouseOver .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card .more-card-options li:hover,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card .more-card-options li.active {
  background: #FFFFFF !important;
  border-color: var(--ilko-ink) !important;
}
html body.hasMouseOver .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card .more-card-options li:hover *,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card .more-card-options li * { color: var(--ilko-ink) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card .more-card-options li .desc,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card .more-card-options li .repair-mins { color: var(--ilko-ink-2) !important; font-size: 13px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card .more-card-options li .name { font-weight: 600 !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card .more-card-options li .price { font-family: 'Archivo', ui-sans-serif, sans-serif !important; font-weight: 700 !important; }

/* "Toon alle 27 reparaties": witte pil */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container button.show-all-repairs {
  background: #FFFFFF !important;
  color: var(--ilko-ink) !important;
  border: 1px solid rgba(17,17,17,.14) !important;
  border-radius: 999px !important;
  padding: 12px 20px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container button.show-all-repairs svg { fill: var(--ilko-ink) !important; }

/* Aanbevolen accessoires (Mobile Safety Glass) */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-upsales-slider .wp-repair-repair-card {
  border: 1px solid var(--ilko-line) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  background: #FFFFFF !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-upsales-slider .upsales-img { background: var(--ilko-ground) !important; border-radius: 12px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-upsales-slider .wp-repair-price-cross { color: var(--ilko-ink-2) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-upsales-slider .wp-repair-add-item {
  background: var(--ilko-ground) !important;
  color: var(--ilko-ink) !important;
  border-radius: 999px !important;
  font-family: 'Archivo', ui-sans-serif, sans-serif !important;
  font-weight: 700 !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-upsales-slider .wp-repair-add-item * { color: inherit !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .upsalesControls button { border-radius: 50% !important; border: 1px solid rgba(17,17,17,.14) !important; background: #FFFFFF !important; }

/* Reparatie lijst: donkere kaart, zoals de prijs-samenvatting op de homepage */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-width-100.wp-repair-cart {
  background: var(--ilko-ink) !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 28px !important;
  box-shadow: none !important;
  padding: 28px 28px 24px !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-width-100.wp-repair-cart h2.cart-main-title {
  color: #FFFFFF !important;
  font-family: 'Archivo', ui-sans-serif, sans-serif !important;
  font-weight: 800 !important;
  font-size: 26px !important;
  padding: 0 !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart table,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart table td,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart table th { background: transparent !important; border-color: rgba(255,255,255,.12) !important; color: rgba(255,255,255,.76) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart table th.m_detail { color: rgba(255,255,255,.76) !important; font-weight: 500 !important; font-size: 15px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .added-item td { color: #FFFFFF !important; font-size: 15px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .added-item svg,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .added-item svg * { fill: #FFFFFF !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .added-item .percent-off-badge { background: var(--ilko-lila) !important; color: var(--ilko-ink) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .cart-repair-price { background: transparent !important; color: #FFFFFF !important; font-weight: 600 !important; padding: 0 !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .subtotal td,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .subtotal td strong { color: rgba(255,255,255,.76) !important; font-size: 15px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .subtotal td strong { color: #FFFFFF !important; font-weight: 600 !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .combo-info-alert { background: rgba(255,255,255,.08) !important; border-radius: 12px !important; color: rgba(255,255,255,.76) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .combo-info-alert * { color: inherit !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .combo-info-alert b { color: #FFFFFF !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .combo-info-icon svg { fill: var(--ilko-red) !important; stroke: var(--ilko-red) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .total-with-vat .cart-total { color: #FFFFFF !important; font-family: 'Archivo', ui-sans-serif, sans-serif !important; font-weight: 800 !important; font-size: 22px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .total-with-vat .vat { color: rgba(255,255,255,.76) !important; font-size: 13px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .total-actual-price,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .total-actual-price * { color: #FFFFFF !important; font-family: 'Archivo', ui-sans-serif, sans-serif !important; font-weight: 800 !important; }
/* knoppen: "Maak een offerte" = omlijnde pil, "Laatste stap" = witte pil */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart button.send-offer-pdf {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  width: 100% !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart button.send-offer-pdf * { color: #FFFFFF !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart button.send-offer-pdf .light { color: rgba(255,255,255,.76) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart button.send-offer-pdf .icon-cont { display: none !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-width-100.wp-repair-cart .finalize-booking-btn-cont { position: static !important; margin-top: 10px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-width-100.wp-repair-cart button.finalize-booking {
  width: 100% !important;
  min-height: 60px !important;
  background: #FFFFFF !important;
  color: var(--ilko-ink) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart button.finalize-booking .bold { color: var(--ilko-ink) !important; font-size: 16px !important; font-weight: 600 !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart button.finalize-booking .light { color: var(--ilko-ink-2) !important; font-size: 13px !important; }


/* ---------------------------------------------------------------------
   4  Stap 3: Afronden afspraak
   --------------------------------------------------------------------- */
/* servicemethode "Kom langs in onze winkel" */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .wp-repair-repair-card {
  border: 1px solid var(--ilko-line) !important;
  border-radius: 20px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .wp-repair-repair-card.active { border-color: var(--ilko-ink) !important; box-shadow: inset 0 0 0 1px var(--ilko-ink) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .repair-name { font-family: 'Archivo', ui-sans-serif, sans-serif !important; font-weight: 700 !important; font-size: 17px !important; color: var(--ilko-ink) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .repair-mins { color: var(--ilko-ink-2) !important; font-size: 13px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-width-100 .wp-repair-repair-card .rp-dm-price-badge.dm-free {
  background: var(--ilko-lila) !important;
  color: var(--ilko-ink) !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .wp-repair-action-price .fa-check svg,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .wp-repair-select-checkbox { fill: #FFFFFF !important; background: var(--ilko-ink) !important; border-color: var(--ilko-ink) !important; border-radius: 50% !important; }
/* locatie */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .locations-cont .location-select {
  border: 1px solid rgba(17,17,17,.12) !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .locations-cont .location-select.selected { border-color: var(--ilko-ink) !important; box-shadow: inset 0 0 0 1px var(--ilko-ink) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .locations-cont .location-select .bold { color: var(--ilko-ink) !important; font-weight: 600 !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .locations-cont .location-select .light { color: var(--ilko-ink-2) !important; }
/* datum: lichte vakjes, gekozen = inkt, zondag (is_day_off) doorzichtig */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types.page-finalize .wp-repair-select-container .wp-repair-width-100 .wp-repair-repair-card .more-info-ship-device .wpRepairDateSlide .dateOfWeek {
  width: auto !important;
  height: auto !important;
  min-height: 64px !important;
  margin: 0 3px !important;
  padding: 10px 0 !important;
  border-radius: 12px !important;
  background: var(--ilko-ground) !important;
  color: var(--ilko-ink) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types.page-finalize .wp-repair-select-container .wp-repair-width-100 .wp-repair-repair-card .more-info-ship-device .wpRepairDateSlide .dayOfWeek { font-size: 13px !important; color: var(--ilko-ink-2) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types.page-finalize .wp-repair-select-container .wp-repair-width-100 .wp-repair-repair-card .more-info-ship-device .wpRepairDateSlide .num { font-family: 'Archivo', ui-sans-serif, sans-serif !important; font-weight: 800 !important; font-size: 20px !important; color: inherit !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types.page-finalize .wp-repair-select-container .wp-repair-width-100 .wp-repair-repair-card .more-info-ship-device .wpRepairDateSlide.selected .dateOfWeek,
html body.hasMouseOver .wp-repair-fe-types-conatiner.rpv2.page-types.page-types.page-finalize .wp-repair-select-container .wp-repair-width-100 .wp-repair-repair-card .more-info-ship-device .wpRepairDateSlide.selected .dateOfWeek:hover { background: var(--ilko-ink) !important; color: #FFFFFF !important; box-shadow: none !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types.page-finalize .wp-repair-select-container .wp-repair-width-100 .wp-repair-repair-card .more-info-ship-device .wpRepairDateSlide.selected .dayOfWeek { color: rgba(255,255,255,.76) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types.page-finalize .wp-repair-select-container .wp-repair-width-100 .wp-repair-repair-card .more-info-ship-device .wpRepairDateSlide.is_day_off .dateOfWeek { background: transparent !important; box-shadow: inset 0 0 0 1px rgba(17,17,17,.12) !important; color: rgba(17,17,17,.5) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-slider-controls button,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .date-slider .slick-arrow { border-radius: 50% !important; border: 1px solid rgba(17,17,17,.14) !important; background: #FFFFFF !important; }
/* tijd: pillen; "De winkel is voor vandaag gesloten!" als rustig vlak */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .time-slider .time-box {
  border: 1px solid rgba(17,17,17,.12) !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  color: var(--ilko-ink) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .time-slider .time-box.selected { background: var(--ilko-ink) !important; border-color: var(--ilko-ink) !important; color: #FFFFFF !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .time-slider td.shop_close { background: var(--ilko-ground) !important; border-radius: 12px !important; padding: 14px 16px !important; color: var(--ilko-ink) !important; font-size: 15px !important; }

/* rechterkolom: overzicht in de donkere kaart.
   [ONZEKER] .col-container omvat het overzicht; controleer op de live site dat de velden
   eronder (Particulier/Zakelijk, Voornaam ...) licht blijven. */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container {
  background: var(--ilko-ink) !important;
  color: #FFFFFF !important;
  border-radius: 28px !important;
  padding: 24px 28px !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types.page-finalize .wp-repair-select-container .finalize-right .col-container table td,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types.page-finalize .wp-repair-select-container .finalize-right .col-container .table td,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container table,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container tbody,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container tr,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container td,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container span,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container div { color: inherit !important; border-color: rgba(255,255,255,.12) !important; background-color: transparent !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container .light,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container .appointment-time,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container .vat,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container .subtotal,
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container .cc-text { color: rgba(255,255,255,.76) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container .total-actual-price { font-family: 'Archivo', ui-sans-serif, sans-serif !important; font-weight: 800 !important; font-size: 32px !important; color: #FFFFFF !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .view-repair-order-btn { background: none !important; border: 0 !important; color: var(--ilko-ink) !important; text-decoration: underline !important; text-decoration-color: var(--ilko-red) !important; text-decoration-thickness: 2px !important; text-underline-offset: 5px !important; font-weight: 600 !important; text-transform: none !important; }

/* Particulier / Zakelijk */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .user-type-select .radio-button-option {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(17,17,17,.12) !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  color: var(--ilko-ink) !important;
  box-shadow: none !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .user-type-select .radio-button-option.active { border-color: var(--ilko-ink) !important; box-shadow: inset 0 0 0 1px var(--ilko-ink) !important; font-weight: 600 !important; }

/* velden: label BOVEN het veld, zinsvorm. De plugin levert "VOORNAAM" in hoofdletters;
   lowercase + ::first-letter maakt er "Voornaam" van.
   Tip: zet in RepairPlugin de labels zelf in zinsvorm en "Telefoon nummer" als "Telefoonnummer". */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-checkout-fields-container .wp-repair-input-group label,
html body .wp-repair-input-group label {
  position: static !important;
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  background: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: lowercase !important;
  color: var(--ilko-ink) !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-checkout-fields-container .wp-repair-input-group label::first-letter { text-transform: uppercase !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-checkout-fields-container .required-asterisk { color: var(--ilko-red) !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-checkout-fields-container .user-info {
  height: 52px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(17,17,17,.16) !important;
  background: var(--ilko-field) !important;
  padding: 0 16px !important;
  font-size: 16px !important;
  color: var(--ilko-ink) !important;
  box-shadow: none !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-checkout-fields-container textarea.user-info { height: auto !important; min-height: 96px !important; padding: 13px 16px !important; }

/* betaalmethode "Betalen na reparatie" */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .payment-method-group .wp-repair-card-payment-method {
  border: 1px solid var(--ilko-ink) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 0 0 1px var(--ilko-ink) !important;
  background: #FFFFFF !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .payment-method-group .wp-repair-card-payment-method label { color: var(--ilko-ink) !important; font-weight: 600 !important; font-size: 16px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .payment-method-group input[type="radio"] { accent-color: var(--ilko-ink) !important; }

/* totaal en "Bevestig afspraak": inktzwarte pil met de rode pijl-cirkel */
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-total-amount-p-tag { color: var(--ilko-ink-2) !important; font-size: 15px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-total-amount-p-tag b { color: var(--ilko-ink) !important; font-family: 'Archivo', ui-sans-serif, sans-serif !important; font-weight: 800 !important; font-size: 22px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .finalize-right button.confirm-booking {
  width: 100% !important;
  min-height: 60px !important;
  background: var(--ilko-ink) !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right button.confirm-booking .bold { color: #FFFFFF !important; font-size: 16px !important; font-weight: 600 !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right button.confirm-booking .light { color: rgba(255,255,255,.76) !important; font-size: 13px !important; }
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right button.confirm-booking .confirm-booking-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: var(--ilko-red) !important;
  display: inline-grid !important;
  place-items: center !important;
}
html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right button.confirm-booking .confirm-booking-icon svg { fill: #FFFFFF !important; }


/* ---------------------------------------------------------------------
   5  Meldingen en de dialoog "Vind mijn model"
   --------------------------------------------------------------------- */
html body .uibyrepairplugin-alert-inner {
  border-radius: 16px !important;
  background: #FFFFFF !important;
  box-shadow: 0 1px 2px rgba(30,28,72,.06), 0 24px 48px -24px rgba(30,28,72,.28) !important;
}
html body .uibyrepairplugin-alert-inner td.message { font-family: 'Geist', ui-sans-serif, system-ui, sans-serif !important; color: #111111 !important; }
html body .uibyrepairplugin-alert-inner td.icon.danger { background: #F91F25 !important; }
html body .uibyrepairplugin-alert-inner td.icon.success { background: #111111 !important; }
html body .what-model-i-have-modal-content { border-radius: 28px !important; font-family: 'Geist', ui-sans-serif, system-ui, sans-serif !important; }
html body .what-model-i-have-modal .operating-system-buttons button { border-radius: 999px !important; border: 0 !important; background: #E7E7F8 !important; color: #111111 !important; }
html body .what-model-i-have-modal .operating-system-buttons button.selected { background: #111111 !important; color: #FFFFFF !important; }
html body .what-model-i-have-modal .step-line { background: #F91F25 !important; }
html body .what-model-i-have-modal .step-heading { text-transform: none !important; letter-spacing: 0 !important; }


/* ---------------------------------------------------------------------
   6  Telefoon (de plugin zet zelf de klassen repair-mq-*; dit volgt de viewport)
   --------------------------------------------------------------------- */
@media (max-width: 760px) {
  html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types { padding: 24px 16px !important; border-radius: 24px !important; }
  html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-heading,
  html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container h1.select-heading.which-model-do-you-have { font-size: 28px !important; }
  html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-width-100.wp-repair-cart { border-radius: 24px !important; padding: 24px 20px !important; }
  html body .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .col-container { border-radius: 24px !important; padding: 20px !important; }
}


/* ---------------------------------------------------------------------
   7  Nagelopen op de live site (okt 2026): iconen, uitlijning, mobiel
   Extra #ilko in de selector: daarmee winnen deze regels ook van de
   plugin-regels die hierboven nog doorkwamen (grijze teksten, vlakken).
   --------------------------------------------------------------------- */

/* minder lege ruimte tussen voortgangsbalk en kop */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress { margin-bottom: 28px !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container { margin-top: 0 !important; }

/* voortgang: rondjes opnieuw opgebouwd, stip en vinkje precies in het midden */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20 span.step-circle { position: relative !important; display: block !important; padding: 0 !important; overflow: visible !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20 span.step-circle .text {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  font-size: 0 !important;
  background: none !important;
}
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20 span.step-circle .rp-svg-icon { display: none !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.active span.step-circle .text::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: var(--ilko-red) !important;
}
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress .wp-repair-width-20.completed span.step-circle::after { display: block !important; }

/* kop met terugknop: knop links naast de eerste regel, tekst botst er niet meer tegenaan */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .rpmb-30 { position: relative !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg {
  display: grid !important;
  place-items: center !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
}
/* het pijltje van de plugin valt soms weg (zwart rondje zonder pijl); daarom een eigen wit pijltje */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg .rp-svg-icon { display: none !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg:has(svg)::after {
  content: '' !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='white' d='M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg ~ .select-heading {
  display: block !important;
  min-height: 44px !important;
  margin: 0 0 24px 58px !important;
  padding-top: 2px !important;
}
/* in stap 1 is er niets om naar terug te gaan: dan geen leeg zwart rondje */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg:not(:has(svg)) { display: none !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg:not(:has(svg)) ~ .select-heading { margin-left: 0 !important; }

/* zoeken + "Vind mijn model" naast elkaar, even hoog */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .msb-cols { display: flex !important; align-items: flex-end !important; gap: 12px !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .msb-col-1 { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; max-width: none !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .msb-col-2 { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .wmdih-btn-cat-brands-cont { width: 100% !important; margin: 0 !important; justify-content: stretch !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .wmdih-btn-cat-brands {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  height: 56px !important;
  padding: 0 18px 0 14px !important;
  border-radius: 12px !important;
  white-space: nowrap !important;
}
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .wmdih-btn-cat-brands .what-model-icons-container { position: relative !important; display: block !important; flex: none !important; width: 26px !important; height: 30px !important; margin: 0 !important; transform: none !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .wmdih-btn-cat-brands .what-model-icons-container .icon,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .wmdih-btn-cat-brands .what-model-icons-container .icon .rp-svg-icon,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .wmdih-btn-cat-brands .what-model-icons-container .icon svg { display: block !important; width: 26px !important; height: 30px !important; margin: 0 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .wmdih-btn-cat-brands .what-model-icons-container .question-icon { position: absolute !important; top: 3px !important; right: -5px !important; left: auto !important; bottom: auto !important; width: 13px !important; height: 13px !important; z-index: 1 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .wmdih-btn-cat-brands .what-model-icons-container .question-icon .rp-svg-icon,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .wmdih-btn-cat-brands .what-model-icons-container .question-icon svg { display: block !important; width: 13px !important; height: 13px !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .wmdih-btn-cat-brands .text { display: block !important; margin: 0 !important; line-height: 1.2 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .repair-search-box-v2,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-search-box-v2-shortcode-container { width: 100% !important; max-width: none !important; }

/* type-tegels: het witte JPEG-vlak om het icoon verdwijnt in het lila */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .cat-or-brand-container .icon img,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-col-9 .wp-repair-repair-card .repair-img:not(.upsales-img) img { mix-blend-mode: multiply !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is_type_page .cat-or-brand-container .icon { left: 10px !important; right: 10px !important; width: auto !important; }

/* kleuren: swatch en naam links uitgelijnd */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-color-card { display: flex !important; align-items: center !important; gap: 10px !important; padding: 7px 10px 7px 7px !important; text-align: left !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-color-card .square-bg,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-color-card .color-name { position: static !important; inset: auto !important; transform: none !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-color-card .square-bg { flex: none !important; margin: 0 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-color-card .color-name { flex: 1 1 auto !important; margin: 0 !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }

/* kleurknoppen in een gelijk raster (de plugin zet ze als losse tabellen naast elkaar) */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .colors-container { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)) !important; gap: 8px !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .colors-container > .wp-repair-options-heading { grid-column: 1 / -1 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .colors-container > .total_count { display: none !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .colors-container .color-card { float: none !important; display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .colors-container .color-card .wp-repair-color-card { width: 100% !important; margin: 0 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-color-card .color-name { display: block !important; padding: 0 !important; width: auto !important; }

/* aanbevolen accessoire: foto over de hele breedte van de kaart */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-upsales-slider .wp-repair-repair-card { height: auto !important; overflow: hidden !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-upsales-slider .repair-img.upsales-img {
  display: grid !important;
  place-items: center !important;
  width: auto !important;
  height: 150px !important;
  margin: 10px 10px 0 !important;
  padding: 0 !important;
  border-radius: 14px !important;
  background: var(--ilko-ground) !important;
}
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .rp-upsales-slider .repair-img.upsales-img img { width: auto !important; max-width: 70% !important; height: auto !important; max-height: 120px !important; margin: 0 !important; mix-blend-mode: multiply !important; }

/* opties onder een reparatie (Compatibel / Original): geen zwevende pop-up maar een lijstje in de kaart */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card ul.more-card-options {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card ul.more-card-options li {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: 12px !important;
  row-gap: 2px !important;
  align-items: baseline !important;
  width: auto !important;
  margin: 0 0 8px !important;
  padding: 12px 14px !important;
  text-align: left !important;
  cursor: pointer !important;
}
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card ul.more-card-options li:last-child { margin-bottom: 0 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card ul.more-card-options li > * { position: static !important; float: none !important; width: auto !important; margin: 0 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card ul.more-card-options li .rpw72 { grid-column: 1 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card ul.more-card-options li .price { grid-column: 2 !important; grid-row: 1 !important; white-space: nowrap !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card ul.more-card-options li .repair-mins,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-repair-card ul.more-card-options li .desc { grid-column: 1 / -1 !important; }

/* ruimte tussen de paginakop "Plan je reparatie" en de planner */
html body #ilko .pg-rep section.rp-sec { margin-top: 40px !important; }

/* Reparatie lijst: leesbare grijstinten, zichtbaar kruisje, kortingsmelding netjes */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart th.m_detail,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .subtotal td { color: rgba(255,255,255,.62) !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .added-item .rp-svg-icon { cursor: pointer !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .added-item .rp-svg-icon path { fill: rgba(255,255,255,.6) !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .combo-info-alert { align-items: center !important; gap: 10px !important; padding: 10px 12px !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .combo-info-icon { flex: none !important; display: grid !important; place-items: center !important; width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart .combo-info-icon svg { width: 20px !important; height: 20px !important; fill: var(--ilko-red) !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart button.send-offer-pdf {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 56px !important;
  margin: 18px 0 0 !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 999px !important;
}
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart button.send-offer-pdf.active,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-cart button.send-offer-pdf:hover { border-color: rgba(255,255,255,.6) !important; }

/* Afronden: servicemethode-vinkje, locatie, "bekijk details" */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .wp-repair-action-price { display: grid !important; position: absolute !important; top: 18px !important; right: 18px !important; bottom: auto !important; margin: 0 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .wp-repair-action-price > * { grid-area: 1 / 1 !important; place-self: center !important; margin: 0 !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .wp-repair-select-checkbox { width: 26px !important; height: 26px !important; border: 0 !important; border-radius: 50% !important; background: #FFFFFF !important; box-shadow: inset 0 0 0 1.5px rgba(17,17,17,.3) !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .wp-repair-repair-card.active .wp-repair-select-checkbox { background: var(--ilko-ink) !important; box-shadow: none !important; }
/* vinkjes: die van de plugin staan scheef in het rondje; daarom een eigen vinkje met CSS */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .wp-repair-action-price .rp-svg-icon,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .user-type-select .radio-button-option .rp-svg-icon { display: none !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .wp-repair-select-checkbox,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .user-type-select .radio-button-option .wp-repair-select-checkbox { position: relative !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is-delivery-method-card .wp-repair-repair-card.active .wp-repair-select-checkbox::after,
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .user-type-select .radio-button-option.active .wp-repair-select-checkbox::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 5px !important;
  height: 10px !important;
  margin: -7px 0 0 -3px !important;
  border: solid #FFFFFF !important;
  border-width: 0 2px 2px 0 !important;
  border-radius: 0 !important;
  background: none !important;
  transform: rotate(45deg) !important;
}
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .locations-cont .location-select { background: #FFFFFF !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .locations-cont .location-select .icon path { fill: rgba(17,17,17,.35) !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .finalize-right .view-repair-order-btn { background: none !important; padding: 4px 0 !important; font-size: 14px !important; }

/* Particulier / Zakelijk: rondje met vinkje, netjes links in de knop */
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .user-type-select .radio-button-option { position: relative !important; padding: 0 18px 0 46px !important; }
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .user-type-select .radio-button-option .wp-repair-select-checkbox {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  width: 22px !important;
  height: 22px !important;
  margin: -11px 0 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  box-shadow: inset 0 0 0 1.5px rgba(17,17,17,.3) !important;
}
html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .user-type-select .radio-button-option.active .wp-repair-select-checkbox { background: var(--ilko-ink) !important; box-shadow: none !important; }

/* tablet en telefoon */
@media (min-width: 541px) and (max-width: 991px) {
  /* type-tegels: vier naast elkaar in plaats van drie plus één los */
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is_type_page .cat-or-brand-container .wp-repair-col-3 { width: 25% !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .is_type_page .cat-or-brand-container .text { font-size: 17px !important; }
}
@media (max-width: 991px) {
  /* de plugin zet de Reparatie lijst met inline-stijlen vast voor desktop; op kleinere schermen gewoon in de kolom */
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .wp-repair-width-100.wp-repair-cart {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    float: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 24px 0 0 !important;
  }
}
@media (max-width: 540px) {
  /* de plugin haalt hier de marges van alle omliggende blokken weg; de sectie krijgt de gewone 16px terug */
  html body #ilko section.rp-sec.repair-cont-nopad-nomargin { padding-left: 16px !important; padding-right: 16px !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types { padding: 20px 14px 24px !important; }
}
@media (max-width: 600px) {
  html body #ilko .pg-rep section.rp-sec { margin-top: 28px !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-progress { margin-bottom: 20px !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg { width: 40px !important; height: 40px !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg ~ .select-heading { min-height: 40px !important; margin: 0 0 20px 52px !important; padding-top: 6px !important; font-size: 26px !important; line-height: 1.05 !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .wp-repair-select-container .select-square-bg:not(:has(svg)) ~ .select-heading { margin-left: 0 !important; }
  /* "Vind mijn model" onder het zoekveld, over de volle breedte */
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box { padding: 18px 14px !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .msb-cols { flex-wrap: wrap !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .msb-col-1,
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .msb-col-2 { flex: 1 1 100% !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .model_search_box .wmdih-btn-cat-brands { height: 48px !important; background: #FFFFFF !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .repair-search-box-v2 input { height: 52px !important; font-size: 16px !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .user-type-select .radio-button-options { display: flex !important; gap: 10px !important; }
  html body #ilko .wp-repair-fe-types-conatiner.rpv2.page-types.page-types .user-type-select .radio-button-option { flex: 1 1 0 !important; margin: 0 !important; }
}