/**
* Theme Name: Optcare Child
* Description: This is a child theme of Optcare, generated by Merlin WP.
* Author: <a href="https://themeforest.net/user/template_path">template_path</a>
* Template: optcare
* Version: 1.0.7
*/

/* -------------------------------------------------------------
 * Remove a sombra da secao de destaques ("Voce sabia?" / checkmarks).
 * A sombra vem do tema pai: .feature-section .inner-container em
 * assets/css/style.css (box-shadow: 0 0 50px rgba(0,0,0,.1)).
 * Nao e configuravel pelo Elementor por ser CSS do tema.
 * ------------------------------------------------------------- */
.feature-section .inner-container {
    box-shadow: none !important;
}

/* -------------------------------------------------------------
 * Remove a sombra da secao "Conheca Nossos Servicos".
 * A sombra vem de um pseudo-elemento no tema pai:
 * .service-section .tabs-box::before (box-shadow 0 0 50px).
 * Por ser ::before, nao aparece nem e removivel pelo Elementor.
 * ------------------------------------------------------------- */
.service-section .tabs-box::before {
    box-shadow: none !important;
}

/* -------------------------------------------------------------
 * Remove o fundo cinza claro da secao "Conheca Nossos Servicos".
 * A cor vem da classe utilitaria .bg-color-1 (#f2f4f5) do tema pai.
 * Escopado em .service-section para nao afetar outras paginas que
 * eventualmente usem .bg-color-1.
 * ------------------------------------------------------------- */
.service-section.bg-color-1 {
    background-color: transparent !important;
}

/* -------------------------------------------------------------
 * Remove a sombra do cabecalho (.header-lower do tema pai:
 * box-shadow 0 20px 30px rgba(0,0,0,.05)). Mantem a sombra dos
 * submenus (.submenu), que ajuda na leitura dos dropdowns.
 * ------------------------------------------------------------- */
.header-lower {
    box-shadow: none !important;
}

/* -------------------------------------------------------------
 * Header com a identidade da marca (logo "Opticas Piero").
 * A logo tem fundo #455e63; deixamos a barra do menu na mesma cor
 * para a logo se integrar, e tornamos menu, icones e botao legiveis
 * sobre o fundo escuro. Cor primaria (dourado): #cfa55b.
 * ------------------------------------------------------------- */

/* Barra do cabecalho (normal e a versao fixa ao rolar) na cor da marca */
.header-lower,
.sticky-header {
    background-color: #455e63 !important;
}

/* Links do menu principal em branco */
.main-menu .navigation > li > a {
    color: #ffffff !important;
}

/* Item ativo / hover em dourado */
.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a {
    color: #cfa55b !important;
}

/* Icone de busca e botao do menu mobile em branco */
.main-header .search-box-outer,
.main-header .mobile-nav-toggler {
    color: #ffffff !important;
}

/* Botao do header em dourado, para destacar sobre o fundo escuro */
.main-header .theme-btn.btn-one {
    background-color: #cfa55b !important;
    color: #263539 !important;
}

/* No hover o tema desliza um overlay escuro sobre o botao;
   deixamos o texto branco para continuar legivel. */
.main-header .theme-btn.btn-one:hover {
    color: #ffffff !important;
}

/* Remove o painel decorativo claro (gradiente creme->menta) atras da
   logo. Ele era feito para um header branco; no header teal ele criava
   aquele retangulo claro em volta da logo. Sem ele, a logo fica direto
   sobre o fundo #455e63 e se integra. */
.main-header .logo-box::before {
    background: none !important;
}

/* -------------------------------------------------------------
 * Rodape (footer_v1): o tema deixou o fundo escuro comentado, o que
 * deixava o texto branco dos widgets invisivel. Reativamos um fundo
 * escuro harmonizado com a marca (#455e63). Ajuste o tom se quiser.
 * ------------------------------------------------------------- */
.main-footer {
    background-color: #21323a;
}