/*
========================================================

CORTICEIRA VIKING

Ficheiro: viking-header.css

Descrição: Personalização Header.

Autor: André Belinha

Versão: 2.0

Última atualização: Julho 2026

========================================================
*/


/* ==========================================================
   1. MENU
========================================================== */

.elementor-nav-menu--main .elementor-nav-menu{

    display:flex;

    width:100%;

    flex-wrap:nowrap;

}


/* ==========================================================
   2. ITENS DO MENU
========================================================== */

.elementor-nav-menu--main .elementor-item{

    min-height:var(--cv-header-height);

    height:var(--cv-header-height);

    padding:0 var(--cv-header-padding) !important;

    line-height:var(--cv-header-height) !important;

    border-radius:var(--cv-header-radius);

    white-space:nowrap;

}

/* ==========================================================
   3. BOTÃO CATÁLOGO
========================================================== */

.elementor-nav-menu .menu-catalogo > a{

    background:var(--cv-white);

    color:var(--cv-primary) !important;

    border:2px solid var(--cv-primary);

    transform:none !important;

    transition:none !important;

}


/* ----------------------------------------------------------
   Hover do Catálogo
---------------------------------------------------------- */

.elementor-nav-menu .menu-catalogo > a:hover{

    background:var(--cv-primary);

    color:var(--cv-white) !important;

    border-color:var(--cv-primary);

    transform:none !important;

    transition:none !important;

}


/* ==========================================================
   4. ITEM ATIVO
========================================================== */

.elementor-nav-menu .current-menu-item:not(.menu-catalogo) > a{

    background:var(--cv-primary);

    color:var(--cv-white) !important;

    transform:none !important;

    transition:none !important;

}


/* ----------------------------------------------------------
   Hover do Item Ativo
---------------------------------------------------------- */

.elementor-nav-menu .current-menu-item:not(.menu-catalogo) > a:hover{

    background:var(--cv-primary) !important;

    color:var(--cv-white) !important;

    transform:none !important;

    transition:none !important;

}


/* ==========================================================
   5. CATÁLOGO ATIVO
========================================================== */

.elementor-nav-menu .menu-catalogo.current-menu-item > a{

    background:var(--cv-primary);

    color:var(--cv-white) !important;

    border-color:var(--cv-primary);

    transform:none !important;

    transition:none !important;

}


/* ----------------------------------------------------------
   Hover do Catálogo Ativo
---------------------------------------------------------- */

.elementor-nav-menu .menu-catalogo.current-menu-item > a:hover{

    background:var(--cv-primary) !important;

    color:var(--cv-white) !important;

    border-color:var(--cv-primary);

    transform:none !important;

    transition:none !important;

}


/* ==========================================================
   6. AJUSTE DO HEADER
   Ecrãs entre 768px e 1500px
========================================================== */

@media (min-width:768px) and (max-width:1500px){

    #container-logo{

        width:20% !important;

    }

    #container-menu{

        width:70% !important;

    }

    #container-idioma{

        width:10% !important;

    }

}


/* ==========================================================
   7. MOBILE
========================================================== */

@media (max-width:767px){

    .elementor-nav-menu .menu-catalogo{

        margin-left:0 !important;

        text-align:center;

    }

}