/*
 * Bootstrap 4 -> 5 compatibility layer for the Porto theme.
 * Loaded right after vendor/bootstrap5 and before the theme CSS, so the theme
 * still overrides everything here. It restores the BS4 defaults the theme was
 * built on, plus the few BS4-only classes still used in the markup.
 */

/* Links: BS5 underlines every link by default, BS4 only on hover */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Grid: BS4 gutters were 30px (BS5: 24px) and the container stopped at 1140px (BS5 adds a 1320px tier) */
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl,
.row { --bs-gutter-x: 30px; }
@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1140px; }
}
/* BS5 forces width:100% + padding on EVERY direct child of .row; BS4 only did that for .col* */
.row > :not([class*="col"]) { flex-shrink: 1; width: auto; max-width: none; padding-left: 0; padding-right: 0; margin-top: 0; }

/* Classes removed in BS5 that the markup still uses */
.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: .5rem; }
.badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem; }
.form-group { margin-bottom: 1rem; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-weight-normal { font-weight: 400 !important; }
.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;
}

/* Flex order: BS5 only ships .order-0..5 (+first/last); BS4 went up to 12 (the main nav uses order-6) */
.order-6 { order: 6 !important; }
.order-7 { order: 7 !important; }
.order-8 { order: 8 !important; }
.order-9 { order: 9 !important; }
.order-10 { order: 10 !important; }
.order-11 { order: 11 !important; }
.order-12 { order: 12 !important; }
@media (min-width: 576px) { .order-sm-6 { order: 6 !important; } .order-sm-7 { order: 7 !important; } .order-sm-8 { order: 8 !important; } .order-sm-9 { order: 9 !important; } .order-sm-10 { order: 10 !important; } .order-sm-11 { order: 11 !important; } .order-sm-12 { order: 12 !important; } }
@media (min-width: 768px) { .order-md-6 { order: 6 !important; } .order-md-7 { order: 7 !important; } .order-md-8 { order: 8 !important; } .order-md-9 { order: 9 !important; } .order-md-10 { order: 10 !important; } .order-md-11 { order: 11 !important; } .order-md-12 { order: 12 !important; } }
@media (min-width: 992px) { .order-lg-6 { order: 6 !important; } .order-lg-7 { order: 7 !important; } .order-lg-8 { order: 8 !important; } .order-lg-9 { order: 9 !important; } .order-lg-10 { order: 10 !important; } .order-lg-11 { order: 11 !important; } .order-lg-12 { order: 12 !important; } }
@media (min-width: 1200px) { .order-xl-6 { order: 6 !important; } .order-xl-7 { order: 7 !important; } .order-xl-8 { order: 8 !important; } .order-xl-9 { order: 9 !important; } .order-xl-10 { order: 10 !important; } .order-xl-11 { order: 11 !important; } .order-xl-12 { order: 12 !important; } }