/* All rules below are scoped under .partner780-header, the single wrapper
   div around this partner's whole header markup, so nothing here can ever
   affect any other element on the site (generic Bootstrap-looking class
   names like .dropdown, .navbar, .title, .show, etc. are reused here from
   the legacy Zoo markup and must stay contained). */

/* Bootstrap 5 does not provide .text-right/.text-left (renamed to
   .text-end/.text-start); the legacy Zoo markup still uses the old names,
   so without these shims they're inert and content stays left-aligned. */
.partner780-header .text-right {
    text-align: right !important;
}

.partner780-header .text-left {
    text-align: left !important;
}

.partner780-header .div1 {
    background: #C6672F !important;
}

.partner780-header .div1 a {
    font-family: Montserrat, sans-serif !important;
    color: #fff !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    line-height: 25px !important;
    border-right: 1px solid #bdc0ba !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    height: 25px !important;
    display: inline-block !important;
    text-decoration: none !important;
}

.partner780-header .div2 {
    background-color: rgba(106, 145, 51, 1) !important;
    min-height: 75px !important;
}

.partner780-header .div2 a {
    font-family: Montserrat, sans-serif !important;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

/* blueticket.min.css has no base .navbar{display:flex} rule at all (it was
   purged along with navbar-collapse/navbar-toggler), so without this the
   logo and the nav items stack as blocks instead of sitting in one row. */
.partner780-header .div2 .navbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

/* Lang dropdown (top bar) */
.partner780-header .div1 .dropdown {
    position: relative !important;
    display: inline-block !important;
}

.partner780-header .div1 .dropdown-toggle {
    background-color: transparent !important;
    color: white !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    line-height: 25px !important;
    font-size: 10px !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
}

.partner780-header .div1 .dropdown-menu,
.partner780-header .div2 .navbar .dropdown-menu {
    display: none !important;
    position: absolute !important;
    background-color: white !important;
    min-width: 50px !important;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2) !important;
    z-index: 1000 !important;
    margin-top: 0 !important;
}

.partner780-header .div1 .dropdown-menu {
    left: -18px !important;
}

/* Mega-menu: centered on the viewport via position:fixed, not anchored to
   .navbar. That div has BOTH "navbar" and "container" classes and sits
   nested inside an outer .container-xl, so its rendered box is narrower
   than (and not reliably centered with) the viewport - centering the
   930px-wide panel under that box pushed it off-screen. There is no
   transform/filter/will-change anywhere up the real ancestor chain on this
   site, so position:fixed is safe here. CSS owns position/left/transform
   (static); the "top" offset is set dynamically in JS to match the actual
   rendered header height, since nothing here declares "top" so there is no
   !important fight with the inline style. */
.partner780-header .div2 .navbar .dropdown-menu.top-menu.show {
    position: fixed !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: calc(100vw - 2rem) !important;
}

.partner780-header .div1 .dropdown-item {
    padding: 0px 0px !important;
    border: none !important;
    background: none !important;
    width: 100% !important;
    text-align: center !important;
    cursor: pointer !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}

.partner780-header .div1 .dropdown-item:hover {
    background-color: #f1f1f1 !important;
}

.partner780-header .div1 .dropdown-menu.show,
.partner780-header .div2 .navbar .dropdown-menu.show {
    display: block !important;
}

/* Mega-menu (main navbar) */
.partner780-header .navbar .nav-item a div.linha {
    background-color: #fff !important;
    width: 100px !important;
    height: 1px !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    transition: .5s !important;
}

.partner780-header .div2 .navbar .title,
.partner780-header .div2 .navbar .subtitle {
    color: white !important;
}

.partner780-header .div2 .navbar .subtitle {
    font-size: 11px !important;
    font-weight: 400 !important;
}

.partner780-header .navbar .dropdown-menu.top-menu {
    min-width: 930px !important;
}

.partner780-header .navbar .submenu a img {
    vertical-align: middle !important;
    max-width: 60px !important;
    max-height: 60px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.partner780-header .navbar .submenu a td {
    vertical-align: middle !important;
    padding-right: 20px !important;
}

.partner780-header .navbar .nav-item a {
    text-align: left !important;
    font-family: Montserrat, sans-serif !important;
    transition: .5s !important;
}

.partner780-header .div2 .navbar .nav-link {
    padding: 0.5rem 1rem !important;
}

.partner780-header .navbar .submenu a {
    font-family: Montserrat, sans-serif !important;
    color: #373737 !important;
    font-size: 18px !important;
    vertical-align: middle !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: block !important;
    border-bottom: 1px solid #b4b4b4 !important;
    max-width: 90% !important;
    min-height: 80px !important;
    transition: .5s !important;
    background-image: url(/img/partners/780/menu-seta.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    font-weight: 600 !important;
    line-height: 26px !important;
}

.partner780-header .navbar .dropdown-menu div[class*=col] {
    margin-bottom: 1rem !important;
}

.partner780-header .navbar .submenu table {
    width: 100% !important;
}

.partner780-header .navbar .submenu table td:first-child {
    width: 80px !important;
}

.partner780-header .navbar .submenu table td:nth-child(2) {
    text-align: left !important;
}

.partner780-header .div1 #quicksearch {
    display: inline-flex !important;
}

.partner780-header #myNavbar .ms-auto {
    margin-left: 0 !important;
    box-shadow: none !important;
}

/* Zoo header is rendered in normal document flow (not fixed), so the
   generic "main { margin-top: var(--bt-header-height, 6rem); }" spacing
   (reserved for the default fixed-top header) must be cleared whenever
   this header is present. Scoped via the sibling combinator so other
   partners' pages (where .partner780-header isn't in the DOM) are
   unaffected. */
.partner780-header ~ main {
    margin-top: 0 !important;
}

/* The compiled site CSS (wwwroot/css/blueticket.min.css) does not include
   Bootstrap's navbar-collapse/navbar-expand/navbar-toggler component rules
   at all (this app standardizes on .offcanvas for nav drawers elsewhere), so
   the legacy Zoo navbar markup has no CSS backing it. Supply the minimal
   subset ourselves, scoped to this header only. The Collapse JS component
   itself IS present in bootstrap.min.js, so data-bs-toggle="collapse" still
   works once these display rules exist. */
/* On mobile the whole nav (#myNavbar / .navbar-collapse) stays hidden -
   there is no toggler reveal for it below the lg breakpoint, by request. */
.partner780-header .div2 .navbar .navbar-collapse {
    display: none !important;
    flex-basis: 100% !important;
    flex-grow: 1 !important;
    align-items: center !important;
    margin-left: -15px !important;
}

.partner780-header .div2 .navbar .navbar-nav {
    display: flex !important;
    flex-direction: column !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    list-style: none !important;
}

/* The toggler is pointless with the collapse permanently hidden on mobile,
   so it stays hidden at every width (the >=992px media query below also
   hides it there, redundantly but harmlessly, for the desktop layout where
   .navbar-collapse is shown unconditionally instead). */
.partner780-header .div2 .navbar .navbar-toggler {
    display: none !important;
    padding: .25rem .75rem !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, .55) !important;
    border-radius: .375rem !important;
}

.partner780-header .div2 .navbar .navbar-toggler-icon {
    display: inline-block !important;
    width: 1.5em !important;
    height: 1.5em !important;
    vertical-align: middle !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

@media (min-width: 992px) {
    .partner780-header .div2 .navbar > .d-flex.flex-grow-1 {
        flex-grow: 0.5 !important;
    }

    .partner780-header .div2 .navbar .navbar-collapse {
        display: flex !important;
        flex-basis: auto !important;
    }

    .partner780-header .div2 .navbar .navbar-nav {
        flex-direction: row !important;
    }

    .partner780-header .div2 .navbar .navbar-toggler {
        display: none !important;
    }

    /* Overrides the site-wide ".navbar a img { width: 8rem }" base rule
       (wwwroot/css/blueticket.min.css) for this partner's logo only. */
    .partner780-header .navbar a img {
        width: 10rem !important;
    }
}