/* Swipen in de carrousels op kaartpagina's weer mogelijk maken. * * Gemeld door Robbert, 01-09-2026: "op mobiel werkt het swipen in de caroussels * niet, op de kaartpagina's. Op de homepage werkt het wel." * * Wat er aan de hand was. De carrousel is gebouwd op gewoon horizontaal scrollen * (`overflow-x: auto` plus scroll-snap), en dat is precies wat een vinger op een * telefoon doet. Maar in kaart.min.css staat nog een regel uit de tijd van de * oude jQuery-slider: * * #vergelijkbaar .slider-koppelingen-vergelijkbaar, * #laatst_bekeken .slider-laatst_bekeken, … { overflow: hidden } * * Die had zin toen de slider zijn inhoud verschóóf; bij een scrollcarrousel zet * hij de rem erop. En hij wint, want een id plus een class weegt zwaarder dan de * twee classes van de carrouselregel. * * Op de desktop viel het niet op: daar zijn er pijlen die het scrollen met * JavaScript doen, en die werken ook met overflow hidden. Op mobiel zijn die * pijlen juist verborgen — je hoort te swipen — en dan zit je vast. Vandaar dat * het alleen op mobiel opviel, en alleen op kaartpagina's: op de homepage heet * het blok anders en staat het niet in die oude regel. * * Let op de extra `.native-carousel-container` in de selector. Die zit er niet * voor de sier: onze stylesheets komen onderaan de , maar op kaartpagina's * wordt kaart.min.css pas ná de geladen. Onze regels komen daar dus * eerder in de cascade, niet later, en dan verliest gelijke zwaarte. Met de * container erbij is het een id plus twee classes tegen een id plus een class, * en dat wint op specificiteit in plaats van op volgorde. Liever zo dan met * !important, want dat maakt de volgende aanpassing weer moeilijker. */ #vergelijkbaar .native-carousel-container .native-carousel, #laatst_bekeken .native-carousel-container .native-carousel, #maak_compleet .native-carousel-container .native-carousel { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }