/* Bootstrap 4 -> 5 compatibility helpers (minimal set)
   Purpose: keep existing BS4 class usage working after upgrading to BS5 CSS.
   Scope: spacing (ml/mr/pl/pr), text alignment, floats, btn-block, badge-pill, form-group.
*/

:root {
  /* Using Bootstrap 4 spacing scale: 0, .25rem, .5rem, 1rem, 1.5rem, 3rem */
}

/* Margin Right (mr-*) */
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

/* Margin Left (ml-*) */
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

/* Auto margins */
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }

/* Padding Right (pr-*) */
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: .25rem !important; }
.pr-2 { padding-right: .5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

/* Padding Left (pl-*) */
.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: .25rem !important; }
.pl-2 { padding-left: .5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }

/* Text alignment */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

/* Floats */
.float-left { float: left !important; }
.float-right { float: right !important; }

/* btn-block (BS4) -> w-100 in BS5 */
.btn-block { display: block; width: 100% !important; }

/* badge-pill (BS4) -> rounded-pill in BS5) */
.badge-pill { border-radius: 10rem !important; }

/* form-group spacing approximation */
.form-group { margin-bottom: 1rem; }

/* Input group BS4 shims (append/prepend wrappers were dropped in BS5) */
.input-group-append,
.input-group-prepend { display: flex; }
.input-group > .form-control + .input-group-append .btn,
.input-group > .form-select + .input-group-append .btn { margin-left: -1px; }