/* Hambúrguer + animação header-up — logo/tamanho ficam no CSS de cada página (cardápio/painel) */

.menu-btn,
.menu_btn,
div.menu-btn {
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    z-index: 9999;
    border: none;
    background: transparent;
    padding: 0;
    flex-shrink: 0;
}

.menu-btn span,
.menu_btn span,
div.menu-btn span {
    display: block;
    width: 30px;
    height: 3px;
    background: #f2a93b;
    border-radius: 5px;
    transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

body.menu_open .menu-btn span:nth-child(1),
body.menu_open .menu_btn span:nth-child(1),
body.menu-open .menu-btn span:nth-child(1),
body.menu-open .menu_btn span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
    background: #fff;
}

body.menu_open .menu-btn span:nth-child(2),
body.menu_open .menu_btn span:nth-child(2),
body.menu-open .menu-btn span:nth-child(2),
body.menu-open .menu_btn span:nth-child(2) {
    opacity: 0;
}

body.menu_open .menu-btn span:nth-child(3),
body.menu_open .menu_btn span:nth-child(3),
body.menu-open .menu-btn span:nth-child(3),
body.menu-open .menu_btn span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
    background: #fff;
}

#mainHeader.header-up,
#main_header.header-up,
#main_header.header_hidden,
#main_header.header_up,
header.gl-header-fixo.header-up {
    transform: translateY(-100%);
}

.header-wrapper.gl-header-animado {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-wrapper.gl-header-animado.header-up {
    transform: translateY(-100%);
}

/* Logo do header — não aplicar ao overlay de transição (#transition-overlay) */
body:not(.pagina-chat) #mainHeader > img:not([style*="width"]),
body:not(.pagina-chat) #main_header > img:not([style*="width"]),
body:not(.pagina-chat) #mainHeader img.logo-topo:not([style*="width"]),
body:not(.pagina-chat) #main_header img.logo-topo:not([style*="width"]) {
    min-width: 120px;
    width: 120px;
    height: auto;
    object-fit: contain;
    display: block;
}