/* Shared navigation layout, isolated from page content styles. */
html.upns-navigation-ready header.masthead {
    position: fixed !important;
    top: var(--upns-header-top, 0px) !important;
    left: 24px; right: 24px; width: auto;
    margin: 0 !important; z-index: 9999;
    background: #fff;
}
html.upns-navigation-ready header.masthead > .container {
    width: 100% !important; max-width: 1400px;
    margin: 0 auto; padding: 10px 24px; box-sizing: border-box;
}
html.upns-navigation-ready header.masthead .row {
    display: flex; flex-wrap: nowrap; align-items: center;
    justify-content: space-between; gap: 24px; margin: 0;
}
html.upns-navigation-ready header.masthead .col-sm-3 {
    width: 200px; flex: 0 0 200px; padding: 0;
}
html.upns-navigation-ready header.masthead .col-sm-9 {
    width: auto; flex: 1 1 auto; min-width: 0; padding: 0; position: static;
}
html.upns-navigation-ready header.masthead .main-logo { display: block; }
html.upns-navigation-ready header.masthead .main-logo img {
    display: block; width: 200px; max-width: 100%; height: auto;
}
html.upns-navigation-ready .main-navigation { width: auto; }
html.upns-navigation-ready #menu-main-menu {
    display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center;
    gap: 0; width: auto; margin: 0; padding: 0;
}
html.upns-navigation-ready #menu-main-menu > li { display: block; }
html.upns-navigation-ready #menu-main-menu > li > a { padding: 10px 12px; white-space: nowrap; }
html.upns-navigation-ready #menu-main-menu > li.menu-item-has-children > a { padding-right: 25px; }
html.upns-navigation-ready #menu-main-menu li:focus-within > .sub-menu,
html.upns-navigation-ready #menu-main-menu li.submenu-open > .sub-menu { display: block; }
html.upns-navigation-ready .mobile-menu-toggle { display: none; }
@media (min-width: 992px) {
    html.upns-navigation-ready .main-navigation {
        position: static; height: auto !important; max-height: none !important; overflow: visible !important;
    }
}
@media (min-width: 992px) and (max-width: 1279px) {
    html.upns-navigation-ready header.masthead .col-sm-3 { width: 180px; flex-basis: 180px; }
    html.upns-navigation-ready #menu-main-menu {
        display: grid; grid-template-columns: repeat(4, max-content);
        justify-content: end; align-items: center;
    }
}
@media (max-width: 991px) {
    html.upns-navigation-ready header.masthead { left: 12px; right: 12px; }
    html.upns-navigation-ready header.masthead > .container { padding: 8px 16px; }
    html.upns-navigation-ready header.masthead .col-sm-3 { width: 180px; flex-basis: 180px; }
    html.upns-navigation-ready header.masthead .row { gap: 12px; }
    html.upns-navigation-ready .mobile-menu-toggle {
        display: block; position: static; transform: none; padding: 8px; margin-left: auto;
    }
    html.upns-navigation-ready .main-navigation {
        display: none; position: absolute; top: 100%; left: 0; right: 0;
        width: 100%; height: auto !important;
        max-height: var(--upns-menu-height) !important;
        overflow-y: auto !important; overflow-x: hidden;
        overscroll-behavior: contain; background: #fff;
        border-radius: 0 0 12px 12px; box-sizing: border-box;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        box-shadow: 0 8px 12px rgba(0,0,0,.1);
    }
    html.upns-navigation-ready .main-navigation.is-open { display: block; }
    html.upns-navigation-ready #menu-main-menu { display: block; width: 100%; text-align: left; }
    html.upns-navigation-ready #menu-main-menu > li > a {
        display: block; padding: 14px 20px; white-space: normal;
    }
    html.upns-navigation-ready #menu-main-menu .sub-menu {
        position: static; width: auto; min-width: 0; max-width: 100%;
        padding: 4px 0; margin: 0; border-radius: 0; box-shadow: none;
        background: #f6f7f8;
    }
    html.upns-navigation-ready #menu-main-menu .sub-menu .sub-menu { background: #eaf0f3; }
    html.upns-navigation-ready #menu-main-menu .sub-menu li { padding: 0 12px; }
    html.upns-navigation-ready #menu-main-menu .sub-menu a { white-space: normal; overflow-wrap: anywhere; }
    html.upns-navigation-ready #menu-main-menu li > .sub-menu,
    html.upns-navigation-ready #menu-main-menu li:hover > .sub-menu,
    html.upns-navigation-ready #menu-main-menu li:focus-within > .sub-menu { display: none !important; }
    html.upns-navigation-ready #menu-main-menu li.submenu-open > .sub-menu { display: block !important; }
    html.upns-navigation-ready #menu-main-menu li.menu-item-has-children > a {
        background-position: right 16px center; padding-right: 42px;
    }
}
html.upns-menu-locked { overflow: hidden !important; overscroll-behavior: none; }
