/*
 * Bootstrap 4 -> 5 compatibility shims.
 *
 * Bootstrap 5 removed a handful of layout helpers that the existing markup
 * still relies on. These rules reinstate the v4 behaviour so the legacy
 * templates keep their layout without having to rewrite every occurrence.
 */

/* .btn-block was removed in v5 */
.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: .5rem; }

/* .input-group-prepend / .input-group-append were removed in v5 */
.input-group-prepend,
.input-group-append { display: flex; align-items: stretch; }
.input-group-prepend { margin-right: -1px; }
.input-group-append { margin-left: -1px; }

/* .form-row was removed in v5 (a .row with 5px gutters) */
.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.form-row > .col,
.form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }

/* .jumbotron was removed in v5 (most markup already adds padding/border
   utilities; this is just a safe fallback). */
.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; }
.jumbotron-fluid { padding-right: 0; padding-left: 0; }

/* .form-group lost its default bottom margin in v5 */
.form-group { margin-bottom: 1rem; }

/* In v5 .badge no longer sets a text colour; restore the v4 contrast so
   badges remain readable now that badge-* became bg-*. */
.badge { color: #fff; }
.badge.bg-light, .badge.bg-warning { color: #212529; }