/*
 * public/_css/cms.css
 * Kleine aanvullingen op main.css voor wat het CMS in de pagina zet (formulieren en
 * foutmeldingen); het ontwerp zelf staat ongewijzigd in main.css.
 */
.content form .form-group .form-control-wrap { display: block; }
.content .alert ul { margin-bottom: 0; }

/* Bewerkknoppen van het CMS: de chip draagt ook de Tailwind-klasse opacity-0, en Bootstrap 5
   heeft een eigen .opacity-0 met !important. Zonder dit bleef de chip altijd onzichtbaar. */
.cms-beheer:hover > .cms-beheerchip,
.cms-beheerchip:focus,
.cms-beheer-zichtbaar .cms-beheerchip { opacity: 1 !important; }

/* Tekstkleur uit de editor (<span class="color" style="--color: ..">): Filament zet alleen de variabele. */
.color[style*="--color"] { color: var(--color); }

/* Offerteformulier in groepen (gegevens.blade.php): elke groep een eigen kopje in de stijl van de site. */
.offerte-groep { margin: 0 0 1.75rem; padding: 0; border: 0; }
.offerte-groep legend { float: none; width: 100%; font-size: 1.4rem; font-weight: 500; line-height: 1.2; margin-bottom: .75rem; padding-bottom: .35rem; border-bottom: 1px solid rgba(0, 0, 0, .15); }
.offerte-groep label { margin-bottom: .25rem; }
.offerte-groep .row-afleveradres { padding: .75rem 1rem .25rem; margin-bottom: 1rem; border-left: 3px solid rgba(0, 0, 0, .2); }