/* ============================================================
   custom.css - Ajustes proprios da GVSLOG (carregado por ultimo)
   ------------------------------------------------------------
   Correcao do menu fixo (sticky):
   O tema "header-v4" deixa o cabecalho TRANSPARENTE quando ele
   fica fixo ao rolar a pagina (estado .upscrolled). Sem fundo,
   o menu fica ilegivel por cima do slider e do conteudo.
   Aqui damos fundo solido + sombra ao cabecalho no estado fixo,
   mantendo o comportamento de menu que acompanha a rolagem.
   ============================================================ */

/* Fundo solido quando o cabecalho esta fixo ao rolar.
   Sobrescreve a regra do tema (.header-v4 #header.upscrolled{background:0 0})
   por isso o !important pontual e necessario. */
.header-v4 #header.upscrolled,
#header.upscrolled {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08) !important;
}

/* Garante que o cabecalho fixo fique acima do slider e demais blocos. */
#header.upscrolled,
#header.downscrolled {
    z-index: 1000 !important;
}

/* Com fundo branco no estado fixo, os links do menu precisam de cor
   escura para contraste (no v4 eles sao claros, pensados para fundo escuro). */
.header-v4 #header.upscrolled #mainnav > ul > li > a {
    color: #21242b !important;
}
/* Item ativo e hover continuam no amarelo da marca. */
.header-v4 #header.upscrolled #mainnav > ul > li.home > a,
.header-v4 #header.upscrolled #mainnav > ul > li > a:hover,
.header-v4 #header.upscrolled #mainnav > ul > li.current-menu-item > a {
    color: #ffba00 !important;
}
/* Setinha do submenu "Servicos" tambem escura sobre fundo branco. */
.header-v4 #header.upscrolled #mainnav > ul > li.has-children > a:after {
    border-top-color: rgba(0, 0, 0, 0.4) !important;
}

/* ------------------------------------------------------------
   AJUSTE FINO (se necessario): reserva de espaco.
   O cabecalho fixo tem ~100px de altura (logo 50px + margens 25px).
   O JS do tema adiciona a classe ".upscrolled" ao #header (nao ao body)
   quando ele fica fixo. Como o #header fixo sai do fluxo, se em alguma
   pagina o conteudo ficar escondido atras dele no momento em que fixa,
   descomente o bloco abaixo e ajuste o valor ate o conteudo respirar.
   Deixar comentado por padrao: o fundo solido ja resolve a legibilidade.
   ------------------------------------------------------------ */
/*
#header.upscrolled {
    position: fixed;
}
.header-sticky .boxed {
    padding-top: 100px;
}
*/