/* Bootstrap 4 → Bootstrap 5 compatibility shim
   Provides backward-compatible aliases for renamed utility classes */

/* Spacing utilities: mr-* → me-*, ml-* → ms-* */
.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; }

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

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

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

/* Close button (removed in Bootstrap 5) */
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}
.close:hover { opacity: .75; }
.close span { display: inline-block; }

/* Navbar compatibility (Bootstrap 3/4 → 5) */
.navbar-default {
    background-color: #f8f9fa;
    border-color: #e7e7e7;
}
.navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar-header { display: flex; align-items: center; }
.navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; }
.navbar-toggle {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: .25rem .75rem;
}
.icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #888;
    margin-top: 4px;
}

/* sr-only (renamed to visually-hidden in Bootstrap 5) */
.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;
}

/* btn-default (removed in Bootstrap 5) */
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/* Panel (removed in Bootstrap 5, replaced by cards) */
.panel { margin-bottom: 1rem; background-color: #fff; border: 1px solid transparent; border-radius: .25rem; }
.panel-default { border-color: #ddd; }
.panel-heading { padding: .5rem 1rem; background-color: #f5f5f5; border-bottom: 1px solid transparent; }
.panel-body { padding: 1rem; }

/* navbar-right */
.navbar-right { margin-left: auto; }
.navbar-text { padding-top: .5rem; padding-bottom: .5rem; }
.navbar-btn { margin-top: .3125rem; margin-bottom: .3125rem; }

/* Dropdown alignment (renamed in Bootstrap 5) */
.dropdown-menu-right { right: 0; left: auto; }
.dropdown-menu-left { left: 0; right: auto; }