/**
 * De open-dagenbalk op /woningen: op mobiel een balk, op desktop de zijbalk.
 *
 * De facet `open_dagen` staat drie keer in het YOOtheme-template van het
 * woning-archief:
 *
 *   1. volle breedte, `uk-hidden@m`      → de balk op mobiel
 *   2. in de kolom `uk-width-1-3@m`      → de zijbalk op desktop
 *   3. in de kolom `uk-width-2-3@m`      → een tweede balk boven de resultaten
 *
 * Op desktop stonden 2 en 3 dus allebei: dezelfde keuzes twee keer op één
 * scherm, waarvan één vlak boven de andere. Gemeld op 2 september 2026.
 *
 * ## Waarom dit hier staat en niet in de builder
 *
 * De regel van deze plugin is dat het template blijft staan zoals het is en de
 * plugin bepaalt wat er getoond wordt. Een layout terugschrijven kan bovendien
 * stil sneuvelen — dan rendert de pagina leeg — en deze regel is met een
 * PR terug te draaien.
 *
 * De selector hangt aan de kolombreedte, en dat is de zwakke plek: verhuist de
 * balk naar een andere kolom, dan komt hij terug. Dat is met opzet de kant
 * waarop dit faalt. Een selector die op alles behalve de zijbalk mikt zou bij
 * een layoutwijziging juist álle filters laten verdwijnen, en een filter dat weg
 * is, is erger dan een filter dat er twee keer staat.
 */

/*
 * Op de facet zelf mikken werkt niet: het builder-element zet
 *
 *   #template-vN8lL_NT\#5 .facetwp-facet-open_dagen { display: flex !important }
 *
 * en dat is een ID plus een klasse. Daar wint geen enkele klasse-selector van,
 * ook niet met !important. Vandaar de omhullende panel, waar niets op staat.
 *
 * Die panel draagt zelf `uk-visible@m` — "alleen op desktop" — en bevat niets
 * anders dan deze facet. Precies het element dat hier weg moet.
 */
@media (min-width: 768px) {
  .uk-width-2-3\@m > .uk-panel.uk-visible\@m {
    display: none;
  }
}

/**
 * En op mobiel: de chips mogen wel omlopen, maar nooit de pagina breder maken.
 *
 * Met vier keuzes (twee open dagen, 'open woningen' en 'op afspraak') past de
 * rij niet op 375px. Omlopen is daar beter dan zijwaarts scrollen — je ziet dan
 * meteen wat er te kiezen valt.
 */
@media (max-width: 767px) {
  .facetwp-facet-open_dagen {
    max-width: 100%;
    flex-wrap: wrap;
  }
}