/* Bootstrap 5.3.3 Compatibility Fixes */

/* Fix background color - restore off-white background */
body {
    background-color: #f8f9fa !important;
}

.page-content {
    background-color: #f8f9fa !important;
}

.main-content {
    background-color: #f8f9fa !important;
}

#content {
    background-color: #f8f9fa !important;
}

.content-body {
    background-color: #f8f9fa !important;
}

/* Remove underline from all menu links and their children */
#sidebar-menu ul li a,
#sidebar-menu ul li a:hover,
#sidebar-menu ul li a:focus,
#sidebar-menu ul li a:active,
#sidebar-menu ul li a:visited,
#sidebar-menu ul li a *,
#sidebar-menu ul li a:hover *,
#sidebar-menu ul li a:focus *,
#sidebar-menu ul li a:active *,
#sidebar-menu ul li a:visited *,
#sidebar-menu ul li ul.sub-menu li a,
#sidebar-menu ul li ul.sub-menu li a:hover,
#sidebar-menu ul li ul.sub-menu li a:focus,
#sidebar-menu ul li ul.sub-menu li a:active,
#sidebar-menu ul li ul.sub-menu li a:visited,
#sidebar-menu ul li ul.sub-menu li a *,
#sidebar-menu ul li ul.sub-menu li a:hover *,
#sidebar-menu ul li ul.sub-menu li a:focus *,
#sidebar-menu ul li ul.sub-menu li a:active *,
#sidebar-menu ul li ul.sub-menu li a:visited *,
.metismenu a,
.metismenu a:hover,
.metismenu a:focus,
.metismenu a:active,
.metismenu a:visited,
.metismenu a *,
.metismenu a:hover *,
.metismenu a:focus *,
.metismenu a:active *,
.metismenu a:visited * {
    text-decoration: none !important;
}

/* Ensure no underline on any link in sidebar and their children */
.vertical-menu a,
.vertical-menu a:hover,
.vertical-menu a:focus,
.vertical-menu a:active,
.vertical-menu a:visited,
.vertical-menu a *,
.vertical-menu a:hover *,
.vertical-menu a:focus *,
.vertical-menu a:active *,
.vertical-menu a:visited * {
    text-decoration: none !important;
}

/* Remove underline from all child elements inside menu links */
#sidebar-menu a span,
#sidebar-menu a i,
#sidebar-menu a .has-arrow,
#sidebar-menu a .waves-effect,
.metismenu a span,
.metismenu a i,
.vertical-menu a span,
.vertical-menu a i {
    text-decoration: none !important;
}

/* Fix footer alignment - prevent centering in Bootstrap 5 when positioned absolutely */
.footer {
    text-align: left !important;
    display: block !important;
}

.footer .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
}

.footer .row {
    justify-content: space-between !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
}

.footer .col-sm-6 {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.footer .col-sm-6:first-child {
    text-align: left !important;
    padding-left: 15px !important;
}

.footer .col-sm-6:last-child {
    text-align: right !important;
    padding-right: 15px !important;
    margin-left: auto !important;
}

.footer .text-sm-end {
    text-align: right !important;
}