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

/* Base */
@import url(base/variables.css);
@import url(base/reset.css);
@import url(base/typography.css);

/* Layout */
@import url(layout/layout.css);

/* Componenten */
@import url(components/header.css);
@import url(components/navbar.css);
@import url(components/footer.css);
@import url(components/javascript.css);

/* Pagebuilder */
@import url(components/hero.css);
@import url(components/pagebuilder.css);
@import url(components/section.css?v=20260827);
@import url(components/tekst-intro.css);
@import url(components/beeldkaarten.css);
@import url(components/tekst-beeld.css?v=20260827c);
@import url(components/productoverzicht.css);
@import url(components/product-detail.css);
@import url(components/dealerlocator.css);
@import url(components/contact.css);
@import url(components/faq.css);
@import url(components/catalogus.css);
@import url(components/zoekformulier.css);
@import url(components/foutpagina.css);
@import url(components/scroll-achtergrond.css);

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