/* ============================================================================
   QStylez base theme — main stylesheet
   Volgorde: tokens → reset → typografie → layout → componenten → secties → per-site

   LET OP — cache-busting: filemtime-versioning zit alleen op main.css zelf, niet
   op de @import-partials. Die worden anders door de browser uit cache geserveerd
   en dan lijkt je CSS-wijziging niet aan te komen. Hoog daarom bij ELKE CSS-edit
   het ?v=-nummer hieronder op (één nummer voor alle imports).
   ============================================================================ */

/* Base */
@import url(base/variables.css?v=126);
@import url(base/reset.css?v=126);
@import url(base/typography.css?v=126);

/* Layout */
@import url(layout/layout.css?v=126);

/* Componenten */
@import url(components/header.css?v=126);
@import url(components/navbar.css?v=126);
@import url(components/footer.css?v=126);
@import url(components/footer-korff.css?v=126);
@import url(components/mobiele-balk.css?v=126);
@import url(components/javascript.css?v=126);

/* Pagebuilder */
@import url(components/pagebuilder.css?v=126);
@import url(components/section.css?v=126);

/* Pagebuilder-lagen (Korff) — lagen.css eerst: die zet het spacing-ritme. */
@import url(components/lagen.css?v=126);
@import url(components/laag-intro.css?v=126);
@import url(components/laag-vacatures.css?v=126);
@import url(components/laag-projecten.css?v=126);
@import url(components/laag-verhalen.css?v=126);
@import url(components/laag-cta.css?v=126);
@import url(components/laag-cijfers.css?v=126);
@import url(components/laag-logos.css?v=126);
@import url(components/laag-tekstbeeld.css?v=126);
@import url(components/laag-voordelen.css?v=126);
@import url(components/laag-blokken.css?v=126);
@import url(components/laag-stappen.css?v=126);
@import url(components/laag-formulier.css?v=126);
@import url(components/laag-faq.css?v=126);
@import url(components/laag-team.css?v=126);
@import url(components/verhaal-kaart.css?v=126);
@import url(components/verhalen-slider.css?v=126);
@import url(components/verhaal-detail.css?v=126);
@import url(components/laag-contact.css?v=126);
@import url(components/page-transition.css?v=126);
@import url(components/whatsapp-modal.css?v=126);
@import url(components/knop-hover.css?v=126);
@import url(components/error404.css?v=126);
@import url(components/mobiel-menu.css?v=126);

/* Losse templates */
@import url(components/vacature-detail.css?v=126);
@import url(components/paginakop.css?v=126);
@import url(components/overzicht.css?v=126);
@import url(components/project-kaart.css?v=126);
@import url(components/project-detail.css?v=126);

/* Per-site overrides (leeg in de base — hier zet je site-specifieke CSS) */
@import url(theme-specific/theme-mobile.css?v=127);
@import url(theme-specific/theme-ipad.css?v=126);
@import url(theme-specific/theme-ipad-landscape.css?v=126);
@import url(theme-specific/theme-desktop.css?v=126);

/* Tussenmaten helemaal onderaan: die moet over alle componenten heen kunnen. */
@import url(components/tablet.css?v=126);