/**
 * Small Bootstrap 4 utility compatibility layer for Instive.
 * These aliases cover classes that are emitted by the parent theme but removed
 * or renamed in Bootstrap 5. They can be removed gradually as parent templates
 * are replaced with native Bootstrap 5 markup.
 */

/* Bootstrap 4 media object (removed in Bootstrap 5). */
.media {
    display: flex;
    align-items: flex-start;
}
.media-body {
    flex: 1 1 auto;
    min-width: 0;
}

/* Directional utilities renamed to logical start/end utilities in Bootstrap 5. */
.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; }
.ml-auto { margin-left: auto !important; }

.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; }
.mr-auto { margin-right: auto !important; }

.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; }

.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; }

.float-left { float: left !important; }
.float-right { float: right !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

/* Bootstrap 4 screen-reader helpers renamed in v5. */
.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;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
}

/* Bootstrap 4 no-gutters helper. */
.no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important;
    --bs-gutter-x: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Legacy form-row/input-group wrappers used by older plugins/content. */
.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;
}
.input-group-prepend,
.input-group-append {
    display: flex;
}

/* Common v4 helpers that may exist in stored Elementor/Gutenberg HTML. */
.btn-block {
    display: block;
    width: 100%;
}
.badge-pill {
    border-radius: 50rem !important;
}