/*
index_bs5_from_v28_test.css
Scope: BS5 test-copy marker and compatibility layer.
Do not use this file to alter original index_bs4_v28_assets.html.
Main visual compatibility remains in assets/css/index_bs4_v28_assets.css.
*/

#mycarousel .carousel-indicators button {
    box-sizing: content-box;
}
.navbar-default .navbar-nav .dropdown-submenu > .dropdown-menu {
    z-index: 1045;
}

/* =========================================================
   BS5 v2 page-specific minimal patch
   Target: A-NAV desktop navbar same-row only
   Reason: Bootstrap 5 .row is flex and wraps by default. In the BS5 test copy,
           the legacy BS3/BS4 navbar-header and navbar-collapse can split into
           separate flex lines, causing the logo and parent menu row not to stay
           on the same horizontal row. This patch confines the desktop navbar
           to one nowrap flex row while keeping the accepted transparent state,
           scroll-to-black state, footer, B1, B2 and B3 untouched.
   Frozen: BS5 desktop transparent/scroll black state, BS5 desktop footer,
           original v28 rollback file, homepage text/images/links/main DOM.
   ========================================================= */
@media (min-width: 992px) {
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll {
        min-height: 80px !important;
        padding: 0 !important;
        border: 0 !important;
        flex-wrap: nowrap !important;
        overflow: visible !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll > .container {
        display: block !important;
        width: 970px !important;
        max-width: 970px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow: visible !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll > .container > .row {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        -ms-flex-align: flex-start !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll .navbar-header {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex: 0 0 246px !important;
        flex: 0 0 246px !important;
        width: 246px !important;
        max-width: 246px !important;
        min-height: 80px !important;
        height: 80px !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        overflow: visible !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll .navbar-logo.visible-lg {
        display: block !important;
        flex: 0 0 246px !important;
        width: 246px !important;
        max-width: 246px !important;
        height: 80px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll .navbar-logo.visible-lg img {
        display: block !important;
        width: 246px !important;
        max-width: 246px !important;
        height: 80px !important;
        margin: 0 !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll .navbar-logo.hidden-lg,
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll .navbar-toggle.navbar-toggler {
        display: none !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll .navbar-collapse.navbar-ex1-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
        flex-basis: auto !important;
        width: auto !important;
        max-width: calc(100% - 246px) !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        overflow: visible !important;
        background: transparent !important;
        align-items: flex-start !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll ul.nav.navbar-nav {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        -ms-flex-align: flex-start !important;
        align-items: flex-start !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-top: 30px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        list-style: none !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll ul.nav.navbar-nav > li {
        display: block !important;
        float: none !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        position: relative !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll ul.nav.navbar-nav > li > a,
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll ul.nav.navbar-nav > li > a.dropdown-toggle {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 15px 8px !important;
        line-height: 20px !important;
        white-space: nowrap !important;
        text-decoration: none !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll .dropdown-menu {
        white-space: normal !important;
        overflow: visible !important;
    }
}
@media (min-width: 1200px) {
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll > .container {
        width: 1170px !important;
        max-width: 1170px !important;
    }
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll ul.nav.navbar-nav > li > a,
    body > nav.navbar.navbar-default.navbar-expand-lg.fixed-top.navbar-fixed-top.navbar-scroll ul.nav.navbar-nav > li > a.dropdown-toggle {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}