:root {
  --hect-primary:#00ABE5;
  --hect-ink:#00abe5;
  --hect-ink-2:#FFFFFF;
  --hect-line:#000000;
  --hect-bg:rgba(0,0,0,0.99);
  --hect-bg-soft:#F7F9FB;
  --hect-hover:#EEF6FA;
  --hect-highlight: rgba(0,171,229,.16);
  --hect-shadow: 1px 1px 5px rgba(0,0,0,0.7);
  --arrow-pos: 50%;
}

/* 
   ==============================================
   1. ESTILO GLOBAL DO HEADER (DESKTOP E MOBILE)
   ==============================================
*/

#top #header .av-main-nav > li > a {
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);*/
}

#header_meta{
    border: none !important;
}

/*#top #header.header_color.av_header_transparency .av-main-nav > li > a:hover, 
#top #header.header_color.av_header_transparency .av-main-nav > li > a:focus, 
#top #header.header_color.av_header_transparency .av-main-nav > li > a:hover .avia-menu-text, 
#top #header.header_color.av_header_transparency .av-main-nav > li > a:focus .avia-menu-text {
    color: #FFF !important;
    text-shadow: 2px 2px 5px #36A9E1 !important;
    transition: text-shadow 0.4s ease-in-out !important;
}*/

.header_color .sub_menu li ul a, .header_color #payment, .header_color .sub_menu ul li, .header_color .sub_menu ul, #top .header_color .sub_menu li li a:hover, #top .header_color .sub_menu li li a:focus {
    border: none;
}

#top #header .av-main-nav > li > a:hover, 
#top #header .av-main-nav > li > a:focus, 
#top #header .av-main-nav > li > a:hover .avia-menu-text, 
#top #header .av-main-nav > li > a:focus .avia-menu-text {
    /*color: #FFF !important;
    text-shadow: 2px 2px 5px #36A9E1 !important;
    transition: text-shadow 0.4s ease-in-out !important;*/
    color: #36A9E1 !important;
}

#header_main {
    border: none !important;
}

/* 
   ==============================================
   2. BOTÃO "+" (ÍCONE ENTYPO)
   ==============================================
*/

#top #header .av-main-nav > li.icone-plus > a,
#top #header .av-main-nav > li.icone-plus > a * {
    font-size: 22px !important;
}

/*#top #header .av-main-nav > li.icone-plus > a:before {
    content: "\e816" !important; 
    font-family: 'entypo-fontello' !important;
    font-size: 18px !important;
    position: relative !important;
}/*

#av-burger-menu-ul > li.icone-plus > a:before {
    content: "\e817" !important;
    font-family: 'entypo-fontello' !important;
}

/* 
   ==============================================
   3. MEGA MENU E DROPDOWNS
   ==============================================
*/

.hect-mega-menu-item > ul.sub-menu {
    display: none !important;
}

.hect-mega-menu-content {
    display: none;
    position: fixed; 
    left: 50%;
    transform: translateX(-50%);
    width: 900px; 
    max-width: 95vw;
    background: var(--hect-bg);
    box-shadow: var(--hect-shadow);
    padding: 15px;
    z-index: 999999;
    /*border-radius: 12px 12px 12px 12px;*/
    grid-template-columns: 1fr 1fr 1.3fr;
    box-sizing: border-box;
}

.hect-mega-menu-content[data-open="true"] {
    display: grid;
}

/*.hect-mega-menu-content::before {
    content: '';
    position: absolute;
    top: -12px;
    left: var(--arrow-pos);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid var(--hect-bg);
    z-index: 1000000;
}*/

.header_color .main_menu ul ul, 
.header_color .main_menu .menu ul li a {
    background-color: var(--hect-bg) !important;
    color: #FFF !important;
    border: none !important;
}

#top .header_color .main_menu .menu ul li > a:hover, #top .header_color .main_menu .menu ul li > a:focus {
    color: var(--hect-primary) !important;
}

/*.sub-menu::before {
    content: '';
    position: absolute;
    top: -10px;
    left: var(--arrow-pos, 50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid var(--hect-bg);
    z-index: 10;
}*/

/* ESCONDER SETAS NO SCROLL (HEADER COMPACTO) */
/*.header-scrolled .hect-mega-menu-content::before,
.header-scrolled .sub-menu::before {
    display: none !important;
}*/

.hect-column { padding: 0 15px; border-right: 1px solid rgba(255,255,255,0.1); min-height: 300px; }
.hect-column:last-child { border-right: none; }

ul.hect-list { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.hect-list li { margin: 0 0 5px 0 !important; padding: 0 !important; list-style: none !important; }

.hect-list a {
    width: 100%;
    text-align: left;
    display: block;
    padding: 12px 15px;
    border-radius: 8px;
    text-decoration: none !important;
    color: #FFF !important;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
}

.hect-list a:hover, .hect-is-selected { 
   // background: var(--hect-highlight) !important; 
    color: var(--hect-primary) !important; 
}

.hect-description { padding: 15px; color: var(--hect-ink-2); height: 100%; font-size: 14px; line-height: 1.7; box-sizing: border-box; }
.hect-description strong { color: var(--hect-ink); display: block; margin-bottom: 12px; font-size: 19px; line-height: 1.2; }

/* 
   ==============================================
   4. LAYOUT DO HEADER (SOMENTE DESKTOP)
   ==============================================
*/

@media (min-width: 990px) {
    #header_main .container {
        display: block !important;
        position: relative !important;
    }

    .main_menu {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        width: auto !important;
        z-index: 100;
        right: initial !important;
    }

    /* SELETOR DE IDIOMAS À DIREITA */
    #hect-lang-switcher {
        position: absolute !important;
        right: 3% !important;
        top: 40% !important;
        transform: translateY(-50%) !important;
        z-index: 101;
    }

    #hect-lang-switcher .sub_menu {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        gap: 12px;
    }

    #hect-lang-switcher .sub_menu li {
        display: inline-block !important;
    }
}

/* 
   ==============================================
   5. MOBILE (ESTILO LIMPO)
   ==============================================
*/

@media (max-width: 989px) {
    /* Garante que o burger menu e o logo usem o comportamento nativo do Enfold */
    #header_main .container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    #av-burger-menu-ul { background-color: var(--hect-bg) !important; }
    #av-burger-menu-ul li a { color: #FFF !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important; }
    #av-burger-menu-ul li a:hover { background-color: var(--hect-highlight) !important; color: var(--hect-primary) !important; }

    /* Tratamento do "+" no Mobile */
    #av-burger-menu-ul li.icone-plus > a { display: none !important; }
    #av-burger-menu-ul li.icone-plus ul.sub-menu { display: block !important; position: static !important; visibility: visible !important; opacity: 1 !important; background: transparent !important; padding: 0 !important; }

    /* Mega Menu no Mobile */
    .hect-mega-menu-content { grid-template-columns: 1fr; max-height: 70vh; overflow-y: auto; width: 100vw !important; position: relative !important; left: 0 !important; transform: none !important; border-radius: 0; }
    .hect-column { min-height: auto; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 15px 0; }
    .hect-mega-menu-content::before { display: none; }
    
    /* Idiomas no Mobile */
    #hect-lang-switcher { position: relative !important; right: auto !important; top: auto !important; transform: none !important; margin: 10px 0 !important; display: inline-block !important; }
    #hect-lang-switcher .sub_menu { display: flex !important; gap: 8px; }
}