
/*
 * Vila Baco Core v0.20.0 — Menu global oficial
 * Replica nas páginas internas o padrão visual do menu principal da Home.
 */

body.vb-content-page{
    padding-top:96px !important;
}

/* Theme/Elementor headers are not used on plugin-controlled internal pages. */
body.vb-content-page .site-header,
body.vb-content-page header.site-header,
body.vb-content-page .elementor-location-header{
    display:none !important;
}

.vb-global-header.vb-global-header--home-standard{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    z-index:9990 !important;
    width:100% !important;
    color:#fff !important;
    background:#3b0018 !important;
    border-bottom:1px solid rgba(255,255,255,.13) !important;
    box-shadow:0 8px 30px rgba(33,0,14,.16) !important;
}

body.admin-bar .vb-global-header.vb-global-header--home-standard{
    top:32px !important;
}

.vb-global-header--home-standard .vb-global-container{
    width:min(1180px,calc(100% - 48px)) !important;
    margin:0 auto !important;
}

.vb-global-header--home-standard .vb-global-nav-shell{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:96px !important;
    gap:24px !important;
}

.vb-global-header--home-standard .vb-global-logo{
    display:block !important;
    flex:0 0 auto !important;
    text-decoration:none !important;
}

.vb-global-header--home-standard .vb-global-logo img{
    display:block !important;
    width:130px !important;
    height:auto !important;
    max-width:130px !important;
    max-height:75px !important;
    object-fit:contain !important;
}

.vb-global-header--home-standard .vb-global-nav{
    position:static !important;
    display:flex !important;
    flex:1 1 auto !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.vb-global-header--home-standard .vb-global-nav>a{
    display:inline-flex !important;
    align-items:center !important;
    min-height:40px !important;
    padding:0 !important;
    color:#fff !important;
    background:transparent !important;
    font-family:'DM Sans',Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:1px !important;
    line-height:1 !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    transition:color .2s ease !important;
}

.vb-global-header--home-standard .vb-global-nav>a:hover{
    color:#72a900 !important;
}

.vb-global-header--home-standard .vb-global-nav>a.vb-global-nav__featured{
    color:#72a900 !important;
}

.vb-global-header--home-standard .vb-global-nav>a.vb-global-nav__featured:hover{
    color:#fff !important;
}

.vb-global-socials{
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    gap:8px !important;
}

.vb-global-socials a,
.vb-global-socials .vb-search-trigger,
.vb-global-nav__mobile-socials a,
.vb-global-nav__mobile-socials .vb-search-trigger{
    display:grid !important;
    place-items:center !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.42) !important;
    border-radius:50% !important;
    color:#fff !important;
    background:rgba(255,255,255,.05) !important;
    box-shadow:none !important;
    text-decoration:none !important;
    cursor:pointer !important;
    transition:.25s ease !important;
}

.vb-global-socials a:hover,
.vb-global-socials .vb-search-trigger:hover,
.vb-global-nav__mobile-socials a:hover,
.vb-global-nav__mobile-socials .vb-search-trigger:hover{
    border-color:#72a900 !important;
    color:#fff !important;
    background:#72a900 !important;
    transform:translateY(-2px) !important;
}

.vb-global-socials svg,
.vb-global-nav__mobile-socials svg{
    display:block !important;
    width:18px !important;
    height:18px !important;
    fill:currentColor !important;
}

.vb-global-socials .vb-search-trigger svg,
.vb-global-nav__mobile-socials .vb-search-trigger svg{
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

.vb-global-nav__mobile-socials{
    display:none;
}

.vb-global-header--home-standard .vb-global-toggle{
    display:none !important;
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.4) !important;
    border-radius:50% !important;
    color:#fff !important;
    background:transparent !important;
    font-size:22px !important;
    cursor:pointer !important;
}

/* Pages start exactly below the unified fixed menu. */
body.vb-content-page .vb-page-hero,
body.vb-content-page .vb-emporio,
body.vb-content-page .vb-events,
body.vb-content-page .vb-about,
body.vb-content-page .vb-single-reader{
    margin-top:0 !important;
}

@media(max-width:1100px){
    .vb-global-header--home-standard .vb-global-nav{
        gap:13px !important;
    }

    .vb-global-header--home-standard .vb-global-nav>a{
        font-size:10.5px !important;
        letter-spacing:.65px !important;
    }

    .vb-global-socials{
        gap:6px !important;
    }

    .vb-global-socials a,
    .vb-global-socials .vb-search-trigger{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        min-height:38px !important;
    }
}

@media(max-width:920px){
    body.vb-content-page{
        padding-top:86px !important;
    }

    .vb-global-header--home-standard .vb-global-nav-shell{
        min-height:86px !important;
    }

    .vb-global-header--home-standard .vb-global-logo img{
        width:112px !important;
        max-width:112px !important;
    }

    .vb-global-header--home-standard .vb-global-toggle{
        display:grid !important;
        place-items:center !important;
        margin-left:auto !important;
    }

    .vb-global-socials{
        display:none !important;
    }

    .vb-global-header--home-standard .vb-global-nav{
        position:absolute !important;
        top:86px !important;
        right:24px !important;
        left:24px !important;
        display:none !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        flex-direction:column !important;
        gap:4px !important;
        padding:22px !important;
        border:1px solid rgba(255,255,255,.11) !important;
        border-radius:4px 4px 28px 4px !important;
        background:#3b0018 !important;
        box-shadow:0 22px 55px rgba(0,0,0,.28) !important;
    }

    .vb-global-header--home-standard .vb-global-nav.is-open{
        display:flex !important;
    }

    .vb-global-header--home-standard .vb-global-nav>a{
        min-height:42px !important;
        font-size:12px !important;
    }

    .vb-global-nav__mobile-socials{
        display:flex !important;
        align-items:center !important;
        gap:8px !important;
        margin-top:12px !important;
        padding-top:16px !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
    }
}

@media(max-width:600px){
    body.vb-content-page{
        padding-top:80px !important;
    }

    body.admin-bar .vb-global-header.vb-global-header--home-standard{
        top:46px !important;
    }

    .vb-global-header--home-standard .vb-global-container{
        width:calc(100% - 30px) !important;
    }

    .vb-global-header--home-standard .vb-global-nav-shell{
        min-height:80px !important;
    }

    .vb-global-header--home-standard .vb-global-logo img{
        width:105px !important;
        max-width:105px !important;
    }

    .vb-global-header--home-standard .vb-global-nav{
        top:80px !important;
        right:15px !important;
        left:15px !important;
    }
}
