/* ===========================================
   GOLDEN COLORS - CORES PERSONALIZADAS
   =========================================== */

/* SUA MATRIZ DE CORES */
:root {
    --golden-bg-main: #fbfbfb;
    --golden-text-dark: #2e2e2e;
    --golden-text-main: #a7acbc;
    --golden-text-light: #9195a1;
    --golden-link: #efc44d;
    --golden-link-hover: #efc44d;
    --golden-accent2: #efc44d;
    --golden-accent3: #df7839;
    --golden-accent3-hover: #c46932;
    --golden-gray-dark: #5b5a5a;
    --golden-border: #cbcbcb;
    --golden-button-text: #2e2e2e;
    --golden-button-hover: #e0b542;
}

/* ===========================================
   ADMIN BAR - NÃO MEXER
   =========================================== */
#wpadminbar,
#wpadminbar * {
    color: inherit !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 2.46153846 !important;
}

#wpadminbar a,
#wpadminbar .ab-item,
#wpadminbar .ab-label {
    color: inherit !important;
}

/* ===========================================
   MENUS PRINCIPAIS - DESKTOP
   =========================================== */

/* 1. ITENS DO MENU PRINCIPAL - PRETO */
.sc_layouts_menu_nav > li > a {
    color: var(--golden-text-dark) !important;
}

/* 2. HOVER DOS ITENS - AMARELO */
.sc_layouts_menu_nav > li > a:hover {
    color: var(--golden-link) !important;
}

/* 3. ITEM ATUAL - AMARELO */
.menu-item.current-menu-item > a,
.menu-item.current-menu-parent > a {
    color: var(--golden-link) !important;
}

/* ===========================================
   SUBMENUS DESKTOP (DROPDOWN)
   =========================================== */

/* 4. FUNDO DOS SUBMENUS */
.scheme_default {
    --theme-color-extra_link: var(--golden-link) !important;
    --theme-color-extra_hover: #f8d97a !important;
}

/* 5. LINKS DOS SUBMENUS - AMARELO */
.sc_layouts_menu_nav .sub-menu a,
.sc_layouts_menu_nav ul.sub-menu li a,
.menu-item-has-children .sub-menu a {
    color: var(--golden-link) !important;
}

/* 6. HOVER DOS SUBMENUS - AMARELO CLARO */
.sc_layouts_menu_nav .sub-menu a:hover,
.sc_layouts_menu_nav ul.sub-menu li a:hover,
.menu-item-has-children .sub-menu a:hover {
    color: #f8d97a !important;
}

/* ===========================================
   MENU DE TRÊS PONTOS (COMPACTADO)
   =========================================== */

/* 7. ÍCONE DOS TRÊS PONTOS - PRETO */
.menu-item.menu-collapse > a,
.menu-collapse > a,
.sc_layouts_menu_nav > li.menu-collapse > a {
    color: var(--golden-text-dark) !important;
}

/* 8. ÍCONE ELIPSIS - PRETO */
.menu-collapse .trx_addons_icon-ellipsis-vert:before {
    color: var(--golden-text-dark) !important;
}

/* 9. HOVER DO ÍCONE - AMARELO */
.menu-item.menu-collapse > a:hover,
.menu-collapse > a:hover,
.sc_layouts_menu_nav > li.menu-collapse > a:hover {
    color: var(--golden-link) !important;
}

.menu-collapse:hover .trx_addons_icon-ellipsis-vert:before {
    color: var(--golden-link) !important;
}

/* 10. DROPDOWN DOS TRÊS PONTOS - FUNDO ESCURO */
.menu-collapse .submenu,
.menu-collapse ul.submenu {
    background-color: #1a1a1a !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}

/* 11. LINKS DO DROPDOWN - AMARELO */
.menu-collapse .submenu a,
.menu-collapse .submenu .menu-item a,
.menu-collapse .submenu li a {
    color: var(--golden-link) !important;
}

/* 12. HOVER DOS LINKS - AMARELO CLARO */
.menu-collapse .submenu a:hover,
.menu-collapse .submenu .menu-item a:hover,
.menu-collapse .submenu li a:hover {
    color: #f8d97a !important;
    background-color: rgba(239, 196, 77, 0.1) !important;
}

/* ===========================================
   BOTÃO ENVIAR DO FORMULÁRIO
   =========================================== */

/* 13. BOTÃO PRINCIPAL */
.wpcf7 input[type="submit"].wpcf7-submit,
input.wpcf7-submit[type="submit"] {
    background-color: var(--golden-link) !important;
    border-color: var(--golden-link) !important;
    color: var(--golden-button-text) !important;
    background: var(--golden-link) !important;
}

/* 14. HOVER DO BOTÃO */
.wpcf7 input[type="submit"].wpcf7-submit:hover,
input.wpcf7-submit[type="submit"]:hover {
    background-color: var(--golden-button-hover) !important;
    border-color: var(--golden-button-hover) !important;
    color: var(--golden-button-text) !important;
    background: var(--golden-button-hover) !important;
}

/* 15. CONTAINER DO ÍCONE */
.wpcf7 .wpcf7-submit-style .submit-style-in {
    background-color: var(--golden-link) !important;
}

.wpcf7 .wpcf7-submit-style .submit-style-in:hover {
    background-color: var(--golden-button-hover) !important;
}

.wpcf7 .wpcf7-submit-style .submit-style-in:before {
    color: var(--golden-button-text) !important;
}

/* ===========================================
   BOTÃO "VOLTAR AO TOPO"
   =========================================== */
a.trx_addons_scroll_to_top {
    background-color: var(--golden-button-hover) !important;
    color: #ffffff !important;
}

a.trx_addons_scroll_to_top:hover {
    background-color: var(--theme-color-extra_bg_color) !important;
    color: #ffffff !important;
}

/* ===========================================
   LINKS EM FORMULÁRIOS
   =========================================== */
.wpcf7-acceptance a {
    color: var(--golden-link) !important;
    text-decoration: none !important;
}

.wpcf7-acceptance a:hover {
    color: var(--golden-button-hover) !important;
    text-decoration: underline !important;
}

/* ===========================================
   EXCEÇÕES - NÃO MEXER
   =========================================== */
.rev_slider,
.rev_slider *,
.mfp-wrap,
.mfp-content {
    background-color: inherit !important;
    color: inherit !important;
}

/* ===========================================
   MENU MOBILE - SOLUÇÃO COMPLETA
   =========================================== */

/* === SEÇÃO 1: BOTÃO HAMBÚRGUER === */

/* 16. BOTÃO HAMBÚRGUER - SEM FUNDO, SEM HOVER */
.sc_layouts_menu_mobile_button_burger,
.sc_layouts_iconed_text.sc_layouts_menu_mobile_button_burger {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 17. ÍCONE HAMBÚRGUER - PRETO, SEM HOVER */
.trx_addons_icon-menu:before,
.sc_layouts_item_icon:before {
    color: var(--golden-text-dark) !important;
    transition: none !important;
}

/* 18. SEM HOVER NO HAMBÚRGUER */
.sc_layouts_item_link:hover .trx_addons_icon-menu:before,
.sc_layouts_item_link:hover .sc_layouts_item_icon:before {
    color: var(--golden-text-dark) !important;
}

/* 19. ELEMENTOS PAIS TRANSPARENTES */
.sc_layouts_item.elementor-element,
.elementor-widget-container,
.sc_layouts_iconed_text {
    background-color: transparent !important;
}

/* === SEÇÃO 2: MENU MOBILE ABERTO === */

/* 20. FUNDO DO MENU MOBILE - CINZA CLARO */
.menu_side_wrap,
.menu_mobile_inner,
.menu_mobile_nav_area,
.menu_mobile_content_wrap,
.menu_mobile_content_wrap_inner,
.menu_mobile_header_wrap {
    background-color: var(--golden-bg-main) !important;
    background: var(--golden-bg-main) !important;
}

/* 21. LINKS PRINCIPAIS - PRETO */
.menu_mobile_nav_area a,
#mobile-menu_mobile a,
.menu_mobile_nav a,
.menu_mobile_nav li.menu-item > a {
    color: var(--golden-text-dark) !important;
}

/* 22. HOVER LINKS PRINCIPAIS - AMARELO */
.menu_mobile_nav_area a:hover,
#mobile-menu_mobile a:hover,
.menu_mobile_nav a:hover,
.menu_mobile_nav li.menu-item > a:hover {
    color: var(--golden-link) !important;
}

/* 23. SUBMENUS MOBILE - PRETO */
.menu_mobile_nav .sub-menu a,
#mobile-menu_mobile .sub-menu li a,
.menu_mobile_nav_area .sub-menu a {
    color: var(--golden-text-dark) !important;
}

/* 24. HOVER SUBMENUS MOBILE - AMARELO */
.menu_mobile_nav .sub-menu a:hover,
#mobile-menu_mobile .sub-menu li a:hover,
.menu_mobile_nav_area .sub-menu a:hover {
    color: var(--golden-link) !important;
}

/* 25. LINHAS DIVISÓRIAS ENTRE ITENS */
.menu_mobile_nav li.menu-item {
    border-bottom: 1px solid var(--golden-border) !important;
    padding: 12px 0 !important;
}

.menu_mobile_nav li.menu-item:last-child {
    border-bottom: none !important;
}

/* 26. ESPAÇAMENTO SUBMENUS */
.menu_mobile_nav .sub-menu li.menu-item {
    padding-left: 20px !important;
}

/* 27. BOTÃO FECHAR - PRETO */
.menu_mobile_close,
.menu_button_close {
    color: var(--golden-text-dark) !important;
}

.menu_button_close_text,
.menu_button_close_icon {
    color: var(--golden-text-dark) !important;
}

/* 28. HOVER BOTÃO FECHAR - AMARELO */
.menu_mobile_close:hover,
.menu_button_close:hover {
    color: var(--golden-link) !important;
}

/* === SEÇÃO 3: RESPONSIVIDADE === */

/* 29. TABLET (768px-1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .menu_mobile_inner,
    .menu_mobile_nav_area {
        background-color: var(--golden-bg-main) !important;
    }
    
    .menu_mobile_nav_area a {
        color: var(--golden-text-dark) !important;
    }
    
    .menu_mobile_nav .sub-menu a {
        color: var(--golden-text-dark) !important;
    }
}

/* 30. DESKTOP (>1024px) - GARANTIA */
@media (min-width: 1025px) {
    .sc_layouts_menu_nav > li > a {
        color: var(--golden-text-dark) !important;
    }
}

/* === SEÇÃO 4: CÓDIGOS DE GARANTIA === */

/* 31. REMOVE ESTILOS INLINE DO TEMA */
[style*="background-color"][class*="menu_mobile"],
[style*="background:"][class*="menu_mobile"] {
    background-color: var(--golden-bg-main) !important;
}

/* 32. CÓDIGO DE FALLBACK */
*[class*="mobile"][class*="menu"]:not([class*="button"]) {
    background-color: #fbfbfb !important;
}

*[class*="mobile"][class*="menu"] a:not(.menu_button_close) {
    color: #2e2e2e !important;
}

*[class*="mobile"][class*="menu"] a:hover:not(.menu_button_close) {
    color: #efc44d !important;
}

/* === SEÇÃO 5: FORMULÁRIOS === */

/* 33. ÍCONE DO BOTÃO DE FORMULÁRIO */
.wpcf7 .wpcf7-submit-style .submit-style-in:before {
    color: #2e2e2e !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* 34. ÍCONE ALTERNATIVO */
.wpcf7-submit-style:after {
    content: "→" !important;
    position: absolute !important;
    left: 35px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #2e2e2e !important;
    font-size: 18px !important;
    z-index: 10 !important;
}




/* ===========================================
   REMOVER RODAPÉ DA HOME
   =========================================== */

/* 1. Remove completamente o footer da home */
body.home .footer_wrap,
body.home .footer_copyright_wrap,
body.home footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 2. Remove qualquer espaço reservado */
body.home .footer_wrap:before,
body.home .footer_wrap:after {
    display: none !important;
    content: none !important;
}

/* 3. Ajusta o body para ocupar 100% da tela */
body.home {
    min-height: 100vh !important;
}

/* 4. Remove margem/padding do conteúdo anterior ao footer */
body.home .content-wrap:last-child,
body.home .container:last-child,
body.home .elementor-section:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 5. Se houver wrapper do footer */
body.home #footer,
body.home .site-footer {
    display: none !important;
}