/*
 Theme Name:   MegaStore Child
 Theme URI:    http://7uptheme.com/wordpress/megastore
 Description:  MegaStore Child Theme
 Author:       the 7up WordPress team
 Author URI:   http://themeforest.net/user/7-up
 Template:     megastore
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: e-commerce, blog, grid-layout, two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments
 Text Domain:  megastore-child
*/

/* ==========================================================================
   1. HEADER - Botão de Busca e Carrinho (verde visível)
   ========================================================================== */

/* Botão de busca - fundo verde */
.advanced-search .btn-search {
    background-color: #a3cf52 !important;
    color: #ffffff !important;
}

/* Ícone do carrinho - fundo verde */
.block-wrap-cart .iner-block-cart:after {
    background-color: #a3cf52 !important;
    background-image: url('../megastore/assets/css/images/cart-icon.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    display: block !important;
}

/* ==========================================================================
   2. MENU - Visibilidade dos itens e hover
   ========================================================================== */

/* Links do menu - cor escura visível */
.main-menu .navbar-nav > li > a {
    color: #333333 !important;
}

/* Hover e item ativo - cor de destaque */
.main-menu .navbar-nav > li:hover > a,
.main-menu .navbar-nav > li.current-menu-item > a,
.main-menu .navbar-nav > li.active > a {
    color: #a3cf52 !important;
    background: transparent !important;
}

/* Fundo do item de menu no hover */
.main-menu .navbar-nav > li:hover,
.main-menu .navbar-nav > li.current-menu-item {
    background: #fff;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

/* ==========================================================================
   3. SUBMENU - Correção do dropdown
   ========================================================================== */

/* CORREÇÃO PRINCIPAL: Esconder blocos de conteúdo vazios/lixo do mega menu
   (contêm apenas <p>&nbsp;</p> da migração antiga) */
.dropdown-menu .sub-menu-list-box {
    display: none !important;
}

/* Esconder itens col-md-12 vazios gerados pelo mega menu walker */
.dropdown-menu > li.col-md-12 {
    display: none !important;
}

/* Dropdown regular - fundo limpo */
.main-menu .navbar-nav > li:hover > .dropdown-menu {
    background: #fbfbfb !important;
    border: 1px solid #eaeaea !important;
    border-width: 1px !important;
    padding: 10px 0 !important;
}

/* Submenu dentro de submenu - posição correta */
.main-menu .dropdown-menu .dropdown-menu {
    top: 0 !important;
    left: 100% !important;
    background: #fff !important;
    border: 1px solid #eaeaea !important;
}

/* Itens de submenu - remover fundo azul no hover */
.main-menu .dropdown-menu li:hover {
    background: #f5f5f5 !important;
}

/* Links de submenu - cor escura visível */
.main-menu .dropdown-menu li a,
.main-menu .dropdown-menu li:hover > a {
    color: #333 !important;
    background: transparent !important;
}

/* Hover nos links - cor verde */
.main-menu .dropdown-menu li a:hover {
    color: #a3cf52 !important;
}

/* ==========================================================================
   4. FOOTER - Links e ícones visíveis no hover
   ========================================================================== */

/* Links do rodapé - hover visível */
.footer-page a:hover,
.sv-footer a:hover,
footer a:hover {
    color: #a3cf52 !important;
    opacity: 1 !important;
}

/* Ícones sociais do rodapé - hover visível */
.footer-page .social-icon a:hover,
.sv-footer .social-icon a:hover,
footer .social-icon a:hover,
.footer-page i:hover,
.sv-footer i:hover {
    color: #a3cf52 !important;
    opacity: 1 !important;
}

/* Ícones sociais - manter visíveis */
.footer-page a,
.sv-footer a,
footer a {
    transition: color 0.3s ease;
}
