/**
 * Embed-overrides voor de gevendorde boekingswidget (assets/widget/).
 *
 * De widget-build wordt NIET aangepast; dit bestand corrigeert alleen de
 * breedte-aanname die de widget over zijn host doet en die op geen enkele
 * host waar te maken is.
 *
 * Het probleem
 * ------------
 * De filterbalk rekent met twee dingen tegelijk:
 *   1. zijn eigen container `.vp-max-w-[1228px] md:vp-w-[90%]` — 90% van de
 *      *host*-breedte, gemaximeerd op 1228px;
 *   2. de <form> daarin, die vanaf de xl-breakpoint (VIEWPORT >= 1280px)
 *      `flex-nowrap` krijgt. Die regel kijkt naar het venster, niet naar de
 *      doos waar de widget in staat.
 *
 * Aanname 1 hoort bij een full-bleed host: de widget krijgt zijn zijmarges
 * van die 90% en centreert zichzelf op 1228px. Zo staat hij op de oude site
 * (full-bleed Elementor-sectie) en zo staat hij sinds
 * `page-afspraak-maken.blade.php` ook in Blueprint — daar is dus niets meer
 * aan te corrigeren. (Historie: toen de widget hier nog in een witte kaart
 * binnen .container stond, haalde die 90% er bovenop nóg eens 10% af van een
 * al ingeknepen host — 1049px balk @1440. Die override is weg samen met de
 * kaart; zet er geen nieuwe host-inperking omheen zonder dit opnieuw te
 * meten.)
 *
 * Aanname 2 klopt nergens. Het venster zegt niets over de ruimte die de balk
 * werkelijk heeft, en zelfs op een full-bleed host valt de rij precies in het
 * gat: @1280–1365 is `flex-nowrap` actief terwijl de balk (90% => 1152px,
 * form-ruimte 1104px) de vijf kolommen niet kan dragen. De rij kán dan niet
 * afbreken en de laatste kolom — de gele knop "Maak afspraak" — schuift
 * buiten de balk de pagina op (horizontale scrollbar). Dat gebeurt op de
 * oude site net zo goed; het is een bug in de build, geen embed-conflict.
 */

/* Laat de rij afbreken wanneer hij niet past. `flex-wrap: wrap` — dat de
   widget zelf al als basis declareert — meet de werkelijke ruimte: past de
   rij (brede vensters), dan blijft alles op één regel; past hij niet, dan
   zakt de knop naar een tweede regel binnen de balk in plaats van de pagina
   op te schuiven. Geen breakpoint nodig, dus ook niets dat mis kan gaan als
   de host zijn container-maten wijzigt.

   Specificiteit 1-1-1 om `#vp-booking-root .xl\:vp-flex-nowrap` (1-1-0) te
   verslaan; gehaakt aan de basis-class die de widget zelf zet. */
#vp-booking-root form.vp-flex-wrap {
    flex-wrap: wrap;
}