/*
 * Bootstrap 4 → 5 compatibility layer.
 * Re-adds the handful of BS4 classes the panel still uses that BS5
 * removed or renamed, so we don't have to touch every markup site.
 * Load AFTER bootstrap.min.css and theme.php (uses theme tokens).
 */

/* ---- Accessibility: .sr-only (BS5 = .visually-hidden) ---- */
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* ---- Form group spacing (removed in BS5) ---- */
.form-group { margin-bottom: 1rem; }

/* ---- Block button (BS5 removed .btn-block) ---- */
.btn-block { display: block; width: 100%; }

/* ---- Float utilities (BS5 = float-start/end) ---- */
.float-left { float: left !important; }
.float-right { float: right !important; }

/* ---- Auto margins / spacing aliases (BS5 = ms-/me-) ---- */
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
.ml-1 { margin-left: .25rem !important; }
.mr-1 { margin-right: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.mr-2 { margin-right: .5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.mr-3 { margin-right: 1rem !important; }

/* ---- Badges: BS5 dropped .badge-{color}; re-map onto theme tokens ---- */
.badge-primary   { background-color: var(--theme-button); color: var(--theme-button-text); }
.badge-secondary { background-color: var(--ink-700); color: #fff; }
.badge-success   { background-color: var(--color-success); color: #fff; }
.badge-danger    { background-color: var(--color-alert); color: #fff; }
.badge-warning   { background-color: var(--color-warning); color: var(--ink); }
.badge-info      { background-color: var(--ink-500); color: #fff; }
.badge-light     { background-color: var(--paper-2); color: var(--ink); border: 1px solid var(--border); }
.badge-dark      { background-color: var(--ink); color: var(--paper); }

/* ---- Input group append/prepend (BS5 removed the wrapper) ---- */
.input-group > .input-group-prepend,
.input-group > .input-group-append {
	display: flex;
}
.input-group > .input-group-prepend { margin-right: -1px; }
.input-group > .input-group-append { margin-left: -1px; }
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text {
	border-radius: 0;
}
/* outer corners */
.input-group > .input-group-prepend:first-child > .btn:first-child,
.input-group > .input-group-prepend:first-child > .input-group-text:first-child {
	border-top-left-radius: var(--radius-md);
	border-bottom-left-radius: var(--radius-md);
}
.input-group > .input-group-append:last-child > .btn:last-child,
.input-group > .input-group-append:last-child > .input-group-text:last-child {
	border-top-right-radius: var(--radius-md);
	border-bottom-right-radius: var(--radius-md);
}