/*
 * Bootstrap 5 → zelfde uitstraling als met Bootstrap 4.5.
 * Alleen de verschillen die het theme raken; de rest regelt style.css.
 */

/* Containerbreedte zoals in Bootstrap 4 (geen extra brede xxl-stap) */
@media (min-width: 1400px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1140px; }
}

/* Gutters zoals in Bootstrap 4 (30px) */
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .row { --bs-gutter-x: 30px; }

/* Links: geen onderstreping (Bootstrap 4: alleen bij hover) */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Koppen: theme bepaalt de groottes (Bootstrap 5 schaalt ze anders mee) */
h1, h2, h3, h4, h5, h6 { line-height: 1.2; }

/* Bootstrap 4-gedrag van formulieren en knoppen */
label { display: inline-block; }
legend { float: none; font-size: inherit; }
.form-check-inline { margin-right: 0; }
.btn { line-height: 1.5; }
.btn:focus-visible { box-shadow: 0 0 0 .2rem rgba(255, 61, 127, .4); }
.form-check-input:checked { background-color: #FF3D7F; border-color: #FF3D7F; }

/* Body-kleur en lettertype komen uit style.css */
body { --bs-body-font-family: 'Open Sans', sans-serif; }