/**
* Theme Name: Navegar Child
* Description: This is a child theme of Helo
* Author: <a href="http://themeforest.net/user/crowdytheme">CrowdyTheme</a>
* Template: helo
* Version: 1.0.0
*/

/* ========================================
   FIXED HEADER COM SCROLLSMOOTHER E HIDE/SHOW
   ======================================== */

/* Remove o smooth-wrapper do admin-bar offset */
.admin-bar #smooth-wrapper {
    top: 0 !important;
}

/* Força o header a ficar fixo FORA do smooth-wrapper */
.nav-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000 !important;
    padding-inline: clamp(16px, 4vw, 32px);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.4s ease-out, 
                box-shadow 0.4s ease-out,
                opacity 0.5s ease-out;
    background-color: transparent !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, background-color, box-shadow, opacity;
    opacity: 1;
}

/* Estado do header quando rolado (classe adicionada via JS) */
.elementor-element.nav-header.scrolled {
    background-color: white !important;
    box-shadow: 0px 2px 10px rgba(35, 25, 85, 0.1);
}

/* Header escondido ao scrollar para baixo */
.elementor-element.nav-header.header-hidden {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

/* Header visível ao scrollar para cima */
.elementor-element.nav-header.header-visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}

/* Ajuste para admin bar do WordPress */
body.admin-bar .nav-header {
    top: 32px !important;
}

body.admin-bar .nav-header.header-hidden {
    transform: translateY(calc(-100% - 32px));
}

/* Ajuste para admin bar em telas menores */
@media screen and (max-width: 782px) {
    body.admin-bar .nav-header {
        top: 46px !important;
    }
    
    body.admin-bar .nav-header.header-hidden {
        transform: translateY(calc(-100% - 46px));
    }
}

/* Estilo da seta do submenu */
.nav-header .elementor-nav-menu .sub-arrow {
    padding: 10px 0 10px 4px;
}

/* IMPORTANTE: NÃO adiciona padding-top no smooth-content */
/* Você controlará isso manualmente via Elementor */
#smooth-content {
    /* padding-top removido - controle manualmente no Elementor */
}

/* Garantir que o header não seja cortado pela admin bar */
body.admin-bar #wpadminbar {
    position: fixed;
    z-index: 99998;
}