/* Koppen en velden beginnen op dezelfde lijn.
 *
 * Waarom dit bestand bestaat
 * --------------------------
 * Gemeld door Martijn (X6): "koppen, vakken en randen beginnen net niet op dezelfde plek."
 *
 * Gemeten 11-09-2026 op Product toevoegen: de kop staat op 35 px met 6 px eigen ruimte ernaast,
 * dus de tekst begint op 41. Het veld eronder zit in een kolomvak met 10 px ruimte, dus de rand
 * van het veld begint op 45. Vier pixels verschil, op elke regel, in elk venster. Je ziet het niet
 * meteen, maar het maakt een scherm onrustig.
 *
 * Dat verschil komt niet uit de schermen zelf maar uit het raster eronder: een kop is een kolom en
 * het veld zit in een tweede kolom, en die twee kolommen hebben niet dezelfde ruimte aan de zijkant.
 *
 * Wat hier staat
 * --------------
 * De ruimte aan de linkerkant gaat eraf bij allebei, zodat de tekst van de kop en de rand van het
 * veld op dezelfde lijn beginnen. Alleen bij het eerste kolomvak in een veldgroep: staan er twee
 * kolommen naast elkaar, dan houdt de tweede zijn ruimte en blijft de tussenruimte staan.
 *
 * Dit bestand wordt in elke layout na de themabestanden geladen en wint dus van alle negen.
 */

/* --- de kop ----------------------------------------------------------------------------------- */
.form-group > label,
.form-group > span:where(.jm-tekstlabel),
.form-group > .control-label {
    padding-left: 0;
}

/* --- het veld eronder --------------------------------------------------------------------------
 *
 * Alleen het eerste kolomvak: dat is het vak dat tegen de linkerlijn aan hoort te staan.
 */
.form-group > div[class*="col-"]:first-of-type {
    padding-left: 0;
}

/* Het balkje dat zegt dat de kassa op zijn eigen kopie draait. (OF2, 12-09-2026.)

   Onderaan en over de volle breedte, want het moet opvallen zonder een knop te bedekken: wie
   afrekent kijkt naar de bon en naar de knoppen, niet naar de hoeken van het scherm. */
.kassa-offlinebalk {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    padding: 6px 12px;
    background: #8a6d3b;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

/* Kopbalk met zoekveld/filters (Reserveersoorten, Velden, Locaties, Activiteiten-categorieen, 29-10-2026).
 * De kop en de filters kregen elk een vaste helft (w-50); in een smal venster werd de kop afgekapt door de filters.
 * Nu krijgt de kop zijn eigen breedte (nooit afgekapt) en de filters nemen de rest; past dat niet, dan komen ze onder de kop. */
.page-title:has(> .row.w-50) {
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1rem;
}
.page-title:has(> .row.w-50) > .title-toast {
    width: auto !important;
    flex: 0 0 auto;
    max-width: 100%;
    white-space: normal;
    overflow: visible;
}
.page-title:has(> .row.w-50) > .title-toast h4 {
    white-space: nowrap;
    overflow: visible;
}
.page-title:has(> .row.w-50) > .row.w-50 {
    width: auto !important;
    flex: 1 1 320px;
    min-width: 0;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}