/* BlueWave.host - cabeçalho superior da loja alinhado ao site principal */
@media (min-width: 1200px) {
    body:is(.page-products, .page-order) .app-nav {
        position: relative !important;
        z-index: 1040;
        display: block !important;
        width: 100% !important;
        height: 94px;
        background: #f5f8fc !important;
        border-top: 1px solid #111318;
        border-bottom: 1px solid #dfe6ef;
        box-shadow: 0 8px 24px rgba(15, 31, 58, .035);
    }

    body:is(.page-products, .page-order) .app-nav-header {
        position: relative !important;
        z-index: 3;
        height: 93px;
        background: transparent !important;
        border: 0 !important;
    }

    body:is(.page-products, .page-order) .app-nav-header > .container,
    body:is(.page-products, .page-order) .app-nav-menu > .container {
        position: relative;
        width: calc(100% - 56px) !important;
        max-width: 1240px !important;
        height: 100%;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    body:is(.page-products, .page-order) .app-nav-header .logo.hidden-sm.hidden-xs.hidden-md {
        position: absolute;
        z-index: 5;
        top: 50%;
        left: 0;
        display: flex !important;
        width: 198px;
        height: 66px;
        margin: 0 !important;
        padding: 10px 18px !important;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        transform: translateY(-50%);
    }

    body:is(.page-products, .page-order) .app-nav-header .logo.visible-xs.visible-sm.visible-md {
        display: none !important;
    }

    body:is(.page-products, .page-order) .app-nav-header .logo img {
        display: block;
        width: 162px !important;
        max-width: 162px !important;
        max-height: 43px !important;
        object-fit: contain;
    }

    body:is(.page-products, .page-order) .app-nav-header .top-nav {
        position: absolute !important;
        z-index: 5;
        top: 50%;
        right: 145px;
        display: flex !important;
        height: 44px;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center;
        gap: 4px;
        transform: translateY(-50%);
    }

    body:is(.page-products, .page-order) .app-nav-header .top-nav > li > a {
        display: flex;
        min-height: 40px;
        padding: 9px 10px !important;
        align-items: center;
        color: #536075 !important;
        border-radius: 10px;
    }

    body:is(.page-products, .page-order) .app-nav-header .top-nav > li > a:hover {
        color: #087f9b !important;
        background: #fff !important;
    }

    body:is(.page-products, .page-order) .app-nav-menu {
        position: absolute !important;
        z-index: 4;
        top: 0;
        right: 0;
        left: 0;
        display: block !important;
        width: 100% !important;
        height: 93px;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body:is(.page-products, .page-order) .app-nav-menu .menu-primary {
        display: flex !important;
        width: 100%;
        height: 93px;
        margin: 0 !important;
        padding: 0 0 0 224px !important;
        align-items: center;
        gap: 4px;
    }

    body:is(.page-products, .page-order) .app-nav-menu .menu-primary > li {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
    }

    body:is(.page-products, .page-order) .app-nav-menu .menu-primary > li > a:not(.btn) {
        display: flex !important;
        min-height: 44px;
        padding: 10px 13px !important;
        align-items: center;
        gap: 7px;
        color: #536075 !important;
        background: transparent !important;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 550;
    }

    body:is(.page-products, .page-order) .app-nav-menu .menu-primary > li > a:not(.btn):hover,
    body:is(.page-products, .page-order) .app-nav-menu .menu-primary > li.open > a:not(.btn) {
        color: #087f9b !important;
        background: #fff !important;
    }

    body:is(.page-products, .page-order) .app-nav-menu .menu-primary > li > a > svg {
        display: none !important;
    }

    body:is(.page-products, .page-order) #Primary_Navbar-Register {
        display: none !important;
    }

    body:is(.page-products, .page-order) #Primary_Navbar-Login {
        margin-left: auto !important;
    }

    body:is(.page-products, .page-order) #Primary_Navbar-Login > a.btn {
        display: flex !important;
        min-width: 144px;
        min-height: 48px;
        padding: 11px 18px !important;
        align-items: center;
        justify-content: center;
        color: #fff !important;
        background: #073a91 !important;
        border: 1px solid #073a91 !important;
        border-radius: 12px !important;
        font-size: 14px;
        font-weight: 700;
        box-shadow: 0 9px 20px rgba(7, 58, 145, .16) !important;
    }

    body:is(.page-products, .page-order) #Primary_Navbar-Login > a.btn > span {
        font-size: 0;
    }

    body:is(.page-products, .page-order) #Primary_Navbar-Login > a.btn > span::after {
        content: "Área do cliente";
        font-size: 14px;
    }

    body:is(.page-products, .page-order) #Primary_Navbar-Login > a.btn:hover {
        background: #062f76 !important;
        border-color: #062f76 !important;
    }

    body:is(.page-products, .page-order) .app-main,
    body:is(.page-products, .page-order) .app-footer {
        width: auto !important;
        margin-left: 0 !important;
        padding-top: 0;
    }
}