/*  Ruimte bovenaan een pagina, gedeeld door business1, beauty1, hotel1 en interieur1 (Jenny, 13-09-2026:
    "de content moet hoger, er zit te veel ruimte tussen de hoofdfoto en het logo").

    1. De sectie direct onder de bannerfoto (#down-section) erfde de generieke Crafto-regel voor elke
       <section>: 110px, 90px onder 1600px. Hier ongeveer gehalveerd. Alleen de BOVENkant, en alleen de
       gewone sectie zonder eigen klasse: blokken met een eigen opmaak (een gekleurde band, het
       teamoverzicht, ...) regelen hun ruimte zelf. De generieke section-regel blijft ongemoeid, zodat
       het ritme tussen blokken en op de voorpagina niet verandert. */
section#down-section:not([class]) { padding-top: 45px; }
@media (max-width: 991px) { section#down-section:not([class]) { padding-top: 38px; } }
@media (max-width: 767px) { section#down-section:not([class]) { padding-top: 25px; } }

/*  2. Het eerste element van de klanttekst krijgt geen bovenmarge. Bijna duizend pagina's beginnen met een
       kop (vaak met het logo erin, uit de Perfectmanage-import), en die bracht ~31px marge mee boven op
       de sectieruimte, waardoor het logo lager stond dan de zijbalk ernaast. Ook als de editor de tekst
       in een extra div heeft gezet. */
:is(.biz-page-body, .bty-page-body, .htl-richtext, .td-richtext) > :first-child,
:is(.biz-page-body, .bty-page-body, .htl-richtext, .td-richtext) > div:first-child > :first-child {
    margin-top: 0;
}

/*  3. Het zijmenu van een pagina lijnt uit met de tekst (Jenny, 13-09-2026). De menukaart heeft p-7: 7% van
       de kolombreedte als binnenruimte, waardoor de kop 26px lager stond dan de eerste tekstregel. Een
       negatieve marge van 7% heft precies dat op, op elke breedte (marge en padding in procenten rekenen
       allebei met de breedte van de kolom). Alleen naast de tekst; op een telefoon staat het menu erboven. */
@media (min-width: 992px) { .wf-page-nav.p-7 { margin-top: -7%; } }

/*  4. Het pijltje voor een pagina met subpagina's is een echte knop die het submenu open- en dichtklapt.
       Het klikvlak is 44px, zonder dat het pijltje zelf groter wordt of de regel verschuift. */
.wf-subnav-toggle {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    width: 20px; height: 20px; margin-right: 5px; padding: 0; border: 0; background: none;
    line-height: 1; cursor: pointer;
}
.wf-subnav-toggle::before { content: ""; position: absolute; inset: -12px; }
.wf-subnav-toggle .feather { transition: transform .25s ease; }
.wf-subnav-toggle[aria-expanded="true"] .feather { transform: rotate(90deg); }
.wf-subnav-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 4px; }
.wf-subnav { padding-top: 10px; list-style: none; }