/*
 * Bootstrap 4 → 5 compatibility. The legacy templates still use a few Bootstrap 4 utility names; this keeps them
 * working until each page is migrated. Delete rules here as the templates stop using them.
 */

.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.mr-0 { margin-right: 0 !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-sm-2 { margin-right: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pr-3 { padding-right: 1rem !important; }
.float-right { float: right !important; }
.float-left { float: left !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.border-left { border-left: 1px solid var(--mc-border) !important; }
.border-right { border-right: 1px solid var(--mc-border) !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-bold { font-weight: 700 !important; }

.badge-primary { background-color: var(--mc-brand-soft); color: var(--mc-brand); }
.badge-warning { background-color: var(--mc-warning-soft); color: var(--mc-warning); }
.badge-success { background-color: var(--mc-success-soft); color: var(--mc-success); }
.badge-danger { background-color: var(--mc-danger-soft); color: var(--mc-danger); }
.badge-info { background-color: var(--mc-info-soft); color: var(--mc-info); }
.badge-secondary { background-color: var(--mc-surface-2); color: var(--mc-ink-2); }

.form-inline { display: flex; flex-flow: row wrap; align-items: center; gap: 0.5rem; }
.form-group { margin-bottom: 1rem; }