/* css/raakvlak.css — raakvlakken van 44 px op ELK toestel met een vinger
   ==========================================================================
   Gemeten op 07-09-2026 over alle 88 paginas op vijf breedtes: geen enkele
   pagina schuift zijdelings, maar op een iPad in staande stand (1024 px breed
   en dus een AANRAAKSCHERM) bleven twee soorten links te klein.

   ⛔ DE POLIJSTLAAG HING AAN EEN BREEDTE, EN DAT KLOPT NIET. Elke pagina heeft
      onderaan een blok "@media(max-width:860px)" dat de footerlinks op 44 px
      zet. Een iPad in staande stand is 1024 px, dus daar sloeg die regel niet
      aan: de footerlinks bleven 27 px hoog en het telefoonnummer in het blok
      "Waarborg, kilometers en brandstof" 17 px, op 53 wagenpaginas.
      De vraag is niet hoe breed het scherm is maar of er een vinger op komt,
      en dat vraagt u met (pointer: coarse) en (hover: none).
   ⚠️ De regels blijven bewust smal: enkel een minimumhoogte en de uitlijning
      die daarbij hoort. Zij mogen de opmaak van geen enkele pagina verzetten,
      want zij komen op alle 87.
   ========================================================================== */
@media (pointer: coarse), (hover: none) {

  /* de kolommen met links onderaan elke pagina */
  .ft-links a{
    min-height:44px; display:flex; flex-direction:column; justify-content:center;
    align-items:flex-start; line-height:1.35;
  }
  .ft-links a br{ display:block; }

  /* een telefoonnummer of een link midden in een uitleg: het nummer zelf is
     het raakvlak, dus krijgt het zijn eigen hoogte en wat lucht ernaast */
  .onbekend p a,
  .keuze p a{
    display:inline-flex; align-items:center; min-height:44px;
    padding:0 2px; margin:0 -2px;
  }

  /* de inhoudsopgave van de voorwaarden staat als een LIJST met links, en dat
     is navigatie, geen lopende tekst */
  nav.vw-inhoud ol li a{
    display:flex; align-items:center; min-height:44px;
  }
}

/* ── "Website door Deallos" onderaan elke pagina (03-10-2026) ──────────────
   Louis: op elke klantsite onderaan "website by Deallos", als merk en als link
   naar deallos.com. Het staat als laatste stuk in de rij .ft-bot, in dezelfde
   letter en grootte (13 px) als die rij: de algemene regel .ft a zou er anders
   14,5 px van maken. Onderstreept, want het is een link midden in een zin en
   geen lijst met links. Geen nieuwe kleur: het grijs van de voetlinks
   (--grijs, 5,7:1 op --ink), bij hover hun oranje. Op 84 pagina's is dat ook
   het grijs van de rij; op aanmelden, klant en wachtwoord kleurt klant.css de
   rij met --grijs-d, en dat haalt maar 2,9:1, dus erven mag hier niet.
   Het raakvlak is 44 px hoog op elk toestel (20 px regel plus 2 x 12 px), en
   de negatieve marge van evenveel houdt de regel even hoog als ervoor: niets
   in de voet verschuift. Staat buiten de media query hierboven, want een
   negatieve marge verzet niets en dan is er ook geen verschil tussen toestellen.
   ⛔ Tot 860 px staan de bel "Vraag het ons" en het mandje vast RECHTSONDER
   (chat.css, sinds 27-09-2026), en anders dan boven 861 px (fonts.css) houdt de
   voet daar geen ruimte voor vrij. Rechts in de rij lag de bel dus over
   "Deallos" (gemeten met elementFromPoint op 390, 414, 768 en 820). Daar krijgt
   de vermelding daarom een eigen laatste regel, links.
   ========================================================================== */
.ft-bot .ft-door{ color:var(--grijs); }
.ft-bot .ft-door a{
  font-size:inherit; color:inherit; line-height:20px;
  display:inline-block; padding:12px 0; margin:-12px 0;
  text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px;
}
.ft-bot .ft-door a:hover{ color:var(--or); }
@media(max-width:860px){
  .ft-bot .ft-door{ flex-basis:100%; }
}