/*
 * Zoekertjes: on a phone the search box, which floats beside the rules
 * button, gets a line of its own above the categories, and the forms to
 * change or remove an ad (number and password in a narrow box) take the
 * full width with each label above its field. Loaded after common.css (see
 * old/sn-sections.php).
 */
@media (max-width: 767px) {
  div:has(> #frmZoeken) { float: none !important; width: auto !important; clear: both; padding: 12px 0 !important; }
  #frmZoeken { display: flex; gap: 8px; }
  #frmZoeken #txtZoek { float: none !important; flex: 1; width: auto !important; margin: 0; }
  #frmZoeken .button { margin: 0; }

  #main .fieldset-wijzigen { width: auto; float: none; }
  #main .fieldset-wijzigen table, #main .fieldset-wijzigen tbody, #main .fieldset-wijzigen tr, #main .fieldset-wijzigen td { display: block; width: auto !important; overflow: visible; }
  #main .fieldset-wijzigen td { padding: 0; }
  #main .fieldset-wijzigen td + td { margin-bottom: 12px; }
  #main .fieldset-wijzigen input[type=text], #main .fieldset-wijzigen input[type=password] { width: 100%; }
}