/* SOD.DEL: rechtgezette bronfouten. styles.css blijft letterlijk de bron (op de fontregel na). */
/* Rechtgezette bronfout (orchestrator 02/10, data/afwijkingen.md "mobiele overflow"): in de bron duwt de
   nav-knop "Request a quote" de burger op schermen < ~430 px buiten beeld (scrollWidth 431 op 390).
   De knop staat ook in de drawer, dus hier enkel in de navbalk verbergen. Bronregels blijven ongewijzigd. */
@media (max-width: 440px) { .nav__cta .btn--primary { display: none; } }
/* Rechtgezette bronfout (slotfix 02/10, data/afwijkingen.md "m3"): in de mobiele drawer wint `.drawer a { color: var(--ink) }`
   van `.btn--primary { color: #fff }`, waardoor "Request a quote" donkerblauw op donkerblauw staat (ook in de bron).
   Door m1 is dit op mobiel de enige offerteknop: witte tekst zoals de andere primaire knoppen. Bronregels blijven ongewijzigd. */
.drawer .btn--primary { color: #fff; }
/* Go-live 21/10 (D1-D4): juridische pagina's. In de bron erven links de tekstkleur (a { color: inherit }),
   waardoor ze in lopende tekst onzichtbaar zijn; tabellen hadden geen opmaak. */
.article a:not(.btn) { color: var(--navy); text-decoration: underline; text-underline-offset: 3px; }
.article a:not(.btn):hover { color: var(--navy-deep); }
.article table { width: 100%; border-collapse: collapse; margin: 6px 0 28px; font-size: 0.9rem; color: var(--body); }
.article th, .article td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.article th { color: var(--ink); font-weight: 600; background: var(--bg-alt); }
@media (max-width: 640px) { .article table { display: block; overflow-x: auto; } }
/* Go-live D1: knop "Cookie settings" in de footer, oogt als de links ernaast. */
.footer__cookiebtn { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; }
.footer__cookiebtn:hover { color: var(--ink); }
.form__note a { text-decoration: underline; text-underline-offset: 2px; }
/* Frontendcontrole 22-10-2026: knoppen in de sub-hero's links, onder de linksuitgelijnde tekst (de home-hero blijft gecentreerd). */
.hero--sub .btn-row { justify-content: flex-start; }
/* Productfiche: het vak in de verhouding van de productbeelden (16:10), zodat het label in het beeld niet wegvalt. */
.pd__media { aspect-ratio: 16 / 10; }
/* Megamenu: "Alle producten" en co op één regel. */
.mega__foot .textlink { white-space: nowrap; }
/* Footer: vijf blokken naast elkaar op desktop, zodat "Bedrijf" niet naar een tweede rij valt. */
@media (min-width: 1025px) { .footer__top { grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; gap: 36px; } }