/* Bootstrap 3 to Bootstrap 5 Compatibility Layer */
/* This file provides backward compatibility for Bootstrap 3 classes that were removed in Bootstrap 5 */

/* Reset body padding that was added by styles.css for Bootstrap 3 */
body {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

/* Navbar compatibility */
.navbar-inverse {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-fixed-top {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1030 !important;
}

.navbar-fixed-bottom {
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1030 !important;
}

/* Visibility utilities */
.hidden-print {
    display: block !important;
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

.visible-lg {
    display: none !important;
}

@media (min-width: 992px) {
    .visible-lg {
        display: block !important;
    }
}

.hidden-sm {
    display: block !important;
}

@media (max-width: 767px) {
    .hidden-sm {
        display: none !important;
    }
}

.hidden-md {
    display: block !important;
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md {
        display: none !important;
    }
}

.hidden-lg {
    display: block !important;
}

@media (min-width: 992px) {
    .hidden-lg {
        display: none !important;
    }
}

/* Helper classes */
.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Glyphicons to Font Awesome mapping */
.glyphicon {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    display: inline-block;
}

.glyphicon-chevron-down:before {
    content: "\f078";
}

/* Navbar text - Bootstrap 3 style */
.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 14px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }
}

/* Navbar collapse - Bootstrap 3 used this differently */
.navbar-collapse {
    flex-basis: auto;
    flex-grow: 0;
    align-items: center;
}

.navbar-collapse.collapse {
    display: inline-block !important;
}

.collapse.in {
    display: block;
}

/* Footer specific fixes */
.footer .navbar-collapse.collapse {
    display: block !important;
}

.footer #footer.container {
    display: block !important;
    overflow: hidden !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    --bs-gutter-x: 0;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.footer #footer p.navbar-text:first-of-type {
    float: left !important;
}

/* Dropdown */
.dropdown-menu-right {
    right: 0;
    left: auto;
}

/* Screen reader */
.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;
}

/* Grid offset classes for Bootstrap 3 compatibility */
.col-sm-offset-1 { margin-left: 8.333333%; }
.col-sm-offset-2 { margin-left: 16.666667%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-offset-4 { margin-left: 33.333333%; }
.col-sm-offset-5 { margin-left: 41.666667%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-offset-7 { margin-left: 58.333333%; }
.col-sm-offset-8 { margin-left: 66.666667%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-offset-10 { margin-left: 83.333333%; }
.col-sm-offset-11 { margin-left: 91.666667%; }

.col-md-offset-1 { margin-left: 8.333333%; }
.col-md-offset-2 { margin-left: 16.666667%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-4 { margin-left: 33.333333%; }
.col-md-offset-5 { margin-left: 41.666667%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-7 { margin-left: 58.333333%; }
.col-md-offset-8 { margin-left: 66.666667%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-10 { margin-left: 83.333333%; }
.col-md-offset-11 { margin-left: 91.666667%; }

.col-lg-offset-1 { margin-left: 8.333333%; }
.col-lg-offset-2 { margin-left: 16.666667%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-offset-4 { margin-left: 33.333333%; }
.col-lg-offset-5 { margin-left: 41.666667%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-offset-7 { margin-left: 58.333333%; }
.col-lg-offset-8 { margin-left: 66.666667%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-offset-10 { margin-left: 83.333333%; }
.col-lg-offset-11 { margin-left: 91.666667%; }

/* Bootstrap 3 xs columns - Bootstrap 5 uses col-* for all breakpoints */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-xs-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-xs-3 { flex: 0 0 25%; max-width: 25%; }
.col-xs-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-xs-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-xs-6 { flex: 0 0 50%; max-width: 50%; }
.col-xs-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-xs-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-xs-9 { flex: 0 0 75%; max-width: 75%; }
.col-xs-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-xs-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-xs-12 { flex: 0 0 100%; max-width: 100%; }

/* Navbar right alignment */
.navbar-right {
    margin-right: -15px;
}

@media (min-width: 768px) {
    .navbar-right {
        float: right !important;
        margin-right: 0;
    }
}

/* Button groups */
.btn-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}