/* Theme Name: Enfold Child Description: Um Tema Filho para o tema de Wordpress Enfold. Version: 22.05.24 Author: Seven SI Author URI: http://sevensi.com.br/ Template: enfold /* ========================================================= HEADER ENFOLD — SEMPRE BRANCO (NORMAL + SCROLL + MOBILE) ========================================================= */ /* Fundo base do header */ #header, #header_main, #header_meta, #header .container_wrap, #header .container_wrap_logo { background: #ffffff !important; } /* Camada interna que o Enfold usa para pintar o fundo */ #header .header_bg { background-color: #ffffff !important; opacity: 1 !important; } /* Estado sticky / após scroll */ .html_header_scrolled #header, .html_header_sticky #header, .html_header_scrolled #header .header_bg, .html_header_sticky #header .header_bg { background-color: #ffffff !important; } /* Remove qualquer dark overlay */ #header.dark_bg_color, .html_header_scrolled #header.dark_bg_color { background-color: #ffffff !important; } /* ========================================================= ITENS DO MENU — SEMPRE PRETOS ========================================================= */ #header a, #header .avia-menu-text, #header .main_menu a { color: #000000 !important; } /* Hover */ #header a:hover, #header .main_menu a:hover { color: #000000 !important; } /* Ícones (FontAwesome / Entypo) */ #header i, #header [data-av_icon] { color: #000000 !important; } /* ========================================================= ENFOLD — REMOVER TARJA PRETA ABAIXO DO HEADER (OVERLAY DA PRIMEIRA SEÇÃO) ========================================================= */ /* Remove overlay escuro da primeira seção */ #main > .avia-section:first-child .av-section-color-overlay { background: transparent !important; opacity: 0 !important; } /* Garante que não haja fundo escuro residual */ #main > .avia-section:first-child { background-color: #ffffff !important; } /* Caso a seção use bg-style-scroll */ #main > .avia-section.avia-bg-style-scroll:first-child { background-image: none !important; } /* ========================================================= TEXTO PERSONALIZADO ========================================================= */ .custom-text-style { color: #000000 !important; } /* ========================================================= MENU MOBILE ========================================================= */ .av-burger-overlay, .av-burger-overlay-inner { background-color: #ffffff !important; } .av-burger-overlay a, .av-burger-overlay .avia-menu-text { color: #000000 !important; } /* ========================================================= TEXTO PERSONALIZADO DO HEADER "Michel Torres Costa" ========================================================= */ .custom-text-style { color: #000000 !important; } /* Garantia contra header dark / scroll / mobile */ #header .custom-text-style, .html_header_scrolled .custom-text-style, .html_header_sticky .custom-text-style, .av-burger-overlay .custom-text-style { color: #000000 !important; } /* ========================================================= ENFOLD + WOOCOMMERCE ÍCONE DO CARRINHO — FUNDO BRANCO / ÍCONE PRETO ========================================================= */ /* --------------------------------------------------------- 1. LINK DO CARRINHO (REMOVE FUNDO PRETO) --------------------------------------------------------- */ .menu-item.cart_dropdown > li > a.cart_dropdown_link { background-color: #ffffff !important; color: #000000 !important; } /* --------------------------------------------------------- 2. ÍCONE DO CARRINHO (PRETO) --------------------------------------------------------- */ .menu-item.cart_dropdown a.cart_dropdown_link span[data-av_icon] { color: #000000 !important; background: none !important; } /* --------------------------------------------------------- 3. CONTADOR DO CARRINHO (BOLINHA) --------------------------------------------------------- */ .menu-item.cart_dropdown .av-cart-counter { background-color: #ffffff !important; color: #000000 !important; border: 1px solid #000000 !important; } /* --------------------------------------------------------- 4. HOVER (MANTÉM LIMPO) --------------------------------------------------------- */ .menu-item.cart_dropdown > li > a.cart_dropdown_link:hover { background-color: #ffffff !important; } /* --------------------------------------------------------- 5. GARANTIA CONTRA HEADER DARK / SCROLL --------------------------------------------------------- */ #header.dark_bg_color .menu-item.cart_dropdown a, .html_header_scrolled .menu-item.cart_dropdown a { background-color: #ffffff !important; color: #000000 !important; } /* ========================================================= HEADER + MENU (DESKTOP E MOBILE) Tema: Enfold Objetivo: - Header sempre branco - Menu desktop e mobile branco - Itens do menu sempre pretos - Nenhuma mudança ao scroll - Sem sticky / shrink / slim ========================================================= */ /* --------------------------------------------------------- 1. HEADER SEMPRE BRANCO (FUNDO REAL) --------------------------------------------------------- */ #header, #header .header_bg { background-color: #ffffff !important; opacity: 1 !important; } /* Neutraliza cores automáticas do Enfold */ #header.dark_bg_color .header_bg, #header.header_color .header_bg, .html_header_scrolled #header .header_bg, .html_header_sticky #header .header_bg { background-color: #ffffff !important; } /* --------------------------------------------------------- 2. DESATIVAR COMPORTAMENTOS DE SCROLL (sticky / shrink / slim / stretch) --------------------------------------------------------- */ #header.av_header_sticky { position: relative !important; top: auto !important; } #header, #header * { transform: none !important; } #header.av_slim { height: auto !important; } .html_header_scrolled #header { box-shadow: none !important; } /* --------------------------------------------------------- 3. MENU DESKTOP — ITENS SEMPRE PRETOS --------------------------------------------------------- */ #header .av-main-nav > li > a .avia-menu-text, #header .av-main-nav > li > a i { color: #000000 !important; } /* Hover */ #header .av-main-nav > li:hover > a .avia-menu-text, #header .av-main-nav > li:hover > a i { color: #000000 !important; } /* Item ativo */ #header .av-main-nav > li.current-menu-item > a .avia-menu-text, #header .av-main-nav > li.current-menu-parent > a .avia-menu-text { color: #000000 !important; } /* Neutraliza modo dark no scroll */ #header.dark_bg_color .av-main-nav > li > a .avia-menu-text, #header.dark_bg_color .av-main-nav > li > a i { color: #000000 !important; } /* --------------------------------------------------------- 4. MENU MOBILE — FUNDO BRANCO --------------------------------------------------------- */ #avia-mobile-menu, .av-burger-overlay, .av-burger-overlay-bg { background-color: #ffffff !important; } /* --------------------------------------------------------- 5. MENU MOBILE — ITENS PRETOS --------------------------------------------------------- */ #avia-mobile-menu a, #avia-mobile-menu .avia-menu-text, .av-burger-overlay a { color: #000000 !important; } /* Hover / ativo no mobile */ #avia-mobile-menu a:hover, #avia-mobile-menu .current-menu-item > a { color: #000000 !important; } /* --------------------------------------------------------- 6. ÍCONE HAMBÚRGUER PRETO --------------------------------------------------------- */ .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { background-color: #000000 !important; } /* --------------------------------------------------------- 7. LIMPEZA FINAL (REMOVE CONTRASTES DO ENFOLD) --------------------------------------------------------- */ #header *, #avia-mobile-menu * { text-shadow: none !important; box-shadow: none !important; } /* ========================================================= MENU MOBILE ENFOLD — CORREÇÃO DEFINITIVA - Fundo branco - Itens pretos - Remove fundo preto injetado ========================================================= */ /* --------------------------------------------------------- 1. FUNDO REAL DO MENU MOBILE --------------------------------------------------------- */ .av-burger-overlay, .av-burger-overlay-bg, #av-burger-menu-ul { background-color: #ffffff !important; } /* Remove gradientes e overlays internos */ .av-burger-overlay-bg::before, .av-burger-overlay-bg::after { background: none !important; } /* --------------------------------------------------------- 2. ITENS DO MENU MOBILE — TEXTO PRETO --------------------------------------------------------- */ #av-burger-menu-ul li a, #av-burger-menu-ul li a .avia-menu-text, #av-burger-menu-ul li a i { color: #000000 !important; } /* Item ativo */ #av-burger-menu-ul li.current-menu-item a, #av-burger-menu-ul li.current_page_item a { color: #000000 !important; } /* --------------------------------------------------------- 3. REMOVE EFEITOS VISUAIS DO ENFOLD --------------------------------------------------------- */ #av-burger-menu-ul li a { background: none !important; box-shadow: none !important; text-shadow: none !important; } /* Bolinhas e efeitos */ #av-burger-menu-ul .avia-bullet, #av-burger-menu-ul .avia-menu-fx, #av-burger-menu-ul .avia-arrow { background: none !important; border-color: #000000 !important; } /* --------------------------------------------------------- 4. ÍCONE HAMBÚRGUER PRETO --------------------------------------------------------- */ .av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after { background-color: #000000 !important; } /* --------------------------------------------------------- 5. GARANTIA EXTRA (FORÇA ABSOLUTA) --------------------------------------------------------- */ .html_av-overlay-open .av-burger-overlay-bg, .html_av-overlay-open #av-burger-menu-ul { background-color: #ffffff !important; } /* ========================================================= ENFOLD — CORREÇÃO DEFINITIVA FUNDO PRETO DO #main ========================================================= */ /* Força fundo branco no conteúdo */ #main { background-color: #ffffff !important; } /* Segurança extra contra regras legacy */ body #main { background-color: #ffffff !important; } /* Remove herança escura em páginas internas */ .html_header_sticky_disabled #main, .html_header_scrolled #main { background-color: #ffffff !important; } /* ========================================================= ENFOLD — SPECIAL HEADINGS SEMPRE PRETOS ========================================================= */ /* H2 dos Special Headings */ .av-special-heading .av-special-heading-tag, .av-special-heading .av-special-heading-tag strong { color: #000000 !important; } /* Segurança contra paleta do Enfold */ .main_color .av-special-heading-tag, .main_color .av-special-heading-tag strong { color: #000000 !important; }