/* ========================================
   ESQUEMA DE CORES PERSONALIZADO
   Cor Principal: Dourado (#D4AF37)
   Cor Secundária: Cinza Escuro (#2C2C2C)
   Cor de Destaque: Dourado Claro (#FFD700)
   ======================================== */

/* Links gerais */
a {
    color: #D4AF37 !important;
}

a:hover {
    color: #D4AF37 !important;
}

/* Exceção para links do footer que devem permanecer brancos */
#footer a,
#footer .credits a {
    color: #fff !important;
}

#footer a:hover,
#footer .credits a:hover {
    color: #fff !important;
}

/* Links que devem ter fundo no hover (como botões) - DESABILITADO PARA PERMITIR CONTROLE ESPECÍFICO DOS BOTÕES
a.btn:hover {
    background-color: #D4AF37 !important;
    color: #000000 !important;
}

a.btn:hover i {
    color: #000000 !important;
}*/

/* Botão voltar ao topo */
.back-to-top {
    background: #D4AF37 !important;
    color: #000000 !important;
    transition: all 0.3s ease !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 999 !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important;
}

.back-to-top i {
    color: #000000 !important;
}

.back-to-top:hover {
    background: #D4AF37 !important;
    color: #000000 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.25) !important;
}

/* Preloader */
#preloader:before {
    border: 6px solid #D4AF37 !important;
    border-top-color: #f5f2e7 !important;
}

/* Header/Navbar - Estilos condicionais baseados no contexto da página */

/* PADRÃO PARA PÁGINAS COM FUNDO BRANCO (sem hero-banner) */
body.no-hero .navbar a, 
body.no-hero .navbar a:focus {
    color: #2C2C2C !important;
}

body.no-hero .navbar ul li a i {
    color: #2C2C2C !important;
}

body.no-hero .navbar .getstarted, 
body.no-hero .navbar .getstarted:focus {
    color: #2C2C2C !important;
    border-color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 17px !important;
    background: transparent !important;
}

/* PADRÃO PARA PÁGINAS COM BANNER/HERO (página inicial) */
body.has-hero .navbar a, 
body.has-hero .navbar a:focus {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.has-hero .navbar ul li a i {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.has-hero .navbar .getstarted, 
body.has-hero .navbar .getstarted:focus {
    color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 17px !important;
    background: transparent !important;
}

/* HOVER E ACTIVE STATES - MESMO PARA TODAS AS PÁGINAS */
.navbar a:hover, 
.navbar .active, 
.navbar .active:focus, 
.navbar li:hover > a {
    color: #000000 !important;
    background-color: #D4AF37 !important;
    border-radius: 17px !important;
    padding: 8px 12px !important;
    transition: all 0.3s ease !important;
}

/* Hover específico para o botão de telefone */
.navbar .getstarted:hover, 
.navbar a.getstarted:hover,
.navbar .getstarted:focus:hover {
    background: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #000000 !important;
    border-radius: 17px !important;
    transition: all 0.3s ease !important;
}

/* Ícone do telefone no hover */
.navbar .getstarted:hover i, 
.navbar a.getstarted:hover i,
.navbar .getstarted:focus:hover i {
    color: #000000 !important;
}

/* Ícones do dropdown também ficam pretos no hover */
.navbar li:hover > a i,
.navbar a:hover i,
.navbar .dropdown:hover > a i,
.navbar .dropdown > a:hover i {
    color: #000000 !important;
}

/* Forçar hover dourado para todos os links da navbar incluindo telefones */
.navbar ul li:hover > a,
.navbar ul li > a:hover {
    background-color: #D4AF37 !important;
    color: #000000 !important;
    border-radius: 17px !important;
    transition: all 0.3s ease !important;
}

/* Garantir que os ícones dos dropdowns sigam o mesmo padrão */
.navbar .dropdown:hover > a,
.navbar .dropdown > a:hover {
    background-color: #D4AF37 !important;
    color: #000000 !important;
    border-radius: 17px !important;
    transition: all 0.3s ease !important;
}

.navbar .dropdown:hover > a i,
.navbar .dropdown > a:hover i {
    color: #000000 !important;
}

/* Ícones ficam pretos no hover */
.navbar ul li:hover > a i,
.navbar ul li > a:hover i,
.navbar ul li.dropdown:hover > a i,
.navbar ul li.dropdown > a:hover i {
    color: #000000 !important;
}

/* Garante que os links ativos também sigam o padrão */
.navbar .active {
    color: #000000 !important;
    background-color: #D4AF37 !important;
    border-radius: 17px !important;
    padding: 8px 12px !important;
}

.navbar .active i {
    color: #000000 !important;
}

/* Remove a linha de sublinhado dos links do navbar */
.navbar > ul > li > a:before {
    display: none !important;
}

/* Garante que os dropdowns também sigam o padrão */
.navbar .dropdown ul {
    background: rgba(255, 255, 255, 0.95) !important;
}

.navbar .dropdown ul a {
    color: #15222b !important;
}

/* FALLBACK - Se não houver classe específica, usa cores escuras por padrão */
body:not(.has-hero):not(.no-hero) .navbar a,
body:not(.has-hero):not(.no-hero) .navbar a:focus,
body:not(.has-hero):not(.no-hero) .navbar ul li a i,
body:not(.has-hero):not(.no-hero) .navbar .getstarted,
body:not(.has-hero):not(.no-hero) .navbar .getstarted:focus {
    color: #2C2C2C !important;
}

body:not(.has-hero):not(.no-hero) .navbar .getstarted,
body:not(.has-hero):not(.no-hero) .navbar .getstarted:focus {
    border-color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 17px !important;
    background: transparent !important;
}

.navbar .dropdown ul a:hover, 
.navbar .dropdown ul .active:hover, 
.navbar .dropdown ul li:hover > a {
    color: #000000 !important;
    background-color: #D4AF37 !important;
}

/* ÍCONE DO MENU HAMBURGER - CORES ESPECÍFICAS POR PÁGINA */
/* Preto em páginas sem hero (fundo branco) */
body.no-hero .mobile-nav-toggle,
body:not(.has-hero) .mobile-nav-toggle {
    color: #000000 !important;
}

/* Branco em páginas com hero/banner (home) */
body.has-hero .mobile-nav-toggle {
    color: #ffffff !important;
}

/* PADRONIZAÇÃO DO MENU MOBILE - SEMPRE CORES ESCURAS PARA BOA VISIBILIDADE */
/* Aplicar em todas as páginas, sobrescrevendo outras regras */
.navbar-mobile a, 
.navbar-mobile a:focus,
.navbar-mobile ul li a {
    color: #15222b !important;
}

.navbar-mobile a:hover, 
.navbar-mobile .active, 
.navbar-mobile li:hover > a,
.navbar-mobile .getstarted:hover,
.navbar-mobile .getstarted:focus:hover {
    color: #000000 !important;
    background-color: #D4AF37 !important;
}

.navbar-mobile .getstarted, 
.navbar-mobile .getstarted:focus {
    border-color: #15222b !important;
    color: #15222b !important;
}

.navbar-mobile .dropdown ul a,
.navbar-mobile .dropdown ul a:focus {
    color: #15222b !important;
}

.navbar-mobile .dropdown ul a:hover, 
.navbar-mobile .dropdown ul .active:hover, 
.navbar-mobile .dropdown ul li:hover > a {
    color: #000000 !important;
    background-color: #D4AF37 !important;
}

/* Garantir que todos os ícones do menu mobile sejam escuros */
.navbar-mobile ul li a i,
.navbar-mobile .dropdown > a i {
    color: #15222b !important;
}

.navbar-mobile a:hover i,
.navbar-mobile .active i,
.navbar-mobile li:hover > a i,
.navbar-mobile .getstarted:hover i,
.navbar-mobile .getstarted:focus:hover i {
    color: #000000 !important;
}

/* Botão getstarted com cores escuras igual aos outros itens */
.navbar-mobile .getstarted i {
    color: #15222b !important;
}

/* Regras específicas para elementos dropdown no menu mobile */
.navbar-mobile .dropdown > a,
.navbar-mobile .dropdown > a span {
    color: #15222b !important;
}

/* FORÇAR CORES ESCURAS NO MENU MOBILE INDEPENDENTE DA PÁGINA */
/* Especificidade máxima para sobrescrever qualquer regra do body.has-hero */
body.has-hero .navbar-mobile a,
body.has-hero .navbar-mobile a:focus,
body.has-hero .navbar-mobile ul li a,
body.no-hero .navbar-mobile a,
body.no-hero .navbar-mobile a:focus,
body.no-hero .navbar-mobile ul li a,
body .navbar-mobile a,
body .navbar-mobile a:focus,
body .navbar-mobile ul li a {
    color: #15222b !important;
}

body.has-hero .navbar-mobile .dropdown > a,
body.has-hero .navbar-mobile .dropdown > a span,
body.no-hero .navbar-mobile .dropdown > a,
body.no-hero .navbar-mobile .dropdown > a span,
body .navbar-mobile .dropdown > a,
body .navbar-mobile .dropdown > a span {
    color: #15222b !important;
}

body.has-hero .navbar-mobile ul li a i,
body.has-hero .navbar-mobile .dropdown > a i,
body.no-hero .navbar-mobile ul li a i,
body.no-hero .navbar-mobile .dropdown > a i,
body .navbar-mobile ul li a i,
body .navbar-mobile .dropdown > a i {
    color: #15222b !important;
}

/* Manter o botão getstarted com cores escuras igual aos outros itens */
body.has-hero .navbar-mobile .getstarted,
body.has-hero .navbar-mobile .getstarted:focus,
body.no-hero .navbar-mobile .getstarted,
body.no-hero .navbar-mobile .getstarted:focus,
body .navbar-mobile .getstarted,
body .navbar-mobile .getstarted:focus {
    color: #15222b !important;
    border-color: #15222b !important;
}

body.has-hero .navbar-mobile .getstarted i,
body.no-hero .navbar-mobile .getstarted i,
body .navbar-mobile .getstarted i {
    color: #15222b !important;
}

/* Botão de busca rápida */
#btn-busca-rapida {
    color: #D4AF37 !important;
}

/* Section title */
.section-title h2 {
    color: #2C2C2C !important;
}

.section-title h2::after {
    background: #D4AF37 !important;
}

/* Botões e elementos de formulário */
.btn-danger {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.btn-danger:hover {
    background-color: #D4AF37 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

.btn-danger:hover i {
    color: #ffffff !important;
}

/* Botões escuros com hover apenas de escala */
.btn-dark {
    background-color: #2C2C2C !important;
    border-color: #2C2C2C !important;
    color: #ffffff !important;
    transition: transform 0.2s ease !important;
}

.btn-dark:hover {
    background-color: #2C2C2C !important;
    border-color: #2C2C2C !important;
    color: #ffffff !important;
    transform: scale(1.05) !important;
}

/* Botões de sucesso (WhatsApp) com hover apenas de escala */
.btn-success {
    background-color: #075E54 !important;
    border-color: #075E54 !important;
    transition: transform 0.2s ease !important;
    color: white !important;
}

.btn-success:hover {
    background-color: #075E54 !important;
    border-color: #075E54 !important;
    color: white !important;
    transform: scale(1.05) !important;
}

/* Botões outline secondary com hover dourado */
.btn-outline-secondary {
    transition: all 0.3s ease !important;
}

.btn-outline-secondary:hover {
    background-color: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #000000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

.btn-outline-secondary:hover i {
    color: #000000 !important;
}

/* Elementos específicos das páginas */
.categoria a {
    color: #444444 !important;
}

.categoria a:hover {
    color: #D4AF37 !important;
}

/* Paginação com cores escuras */
.page-link {
    color: #2C2C2C !important;
}

.page-link:hover {
    color: #000000 !important;
    background-color: #e9ecef !important;
}

.page-item.active .page-link {
    background-color: #2C2C2C !important;
    border-color: #2C2C2C !important;
    color: #ffffff !important;
}

.page-item.active .page-link:hover {
    background-color: #2C2C2C !important;
    border-color: #2C2C2C !important;
    color: #ffffff !important;
}

/* Cor de destaque para textos importantes */
span[style*="color: red"] {
    color: #D4AF37 !important;
}

/* Backgrounds vermelhos substituídos por dourado */
[style*="background-color: #c93238"] {
    background-color: #D4AF37 !important;
}

/* Bordas vermelhas substituídas por dourado */
[style*="border-color: red"],
[style*="border-color: #c93238"] {
    border-color: #D4AF37 !important;
}

/* Elementos específicos inline que precisam ser sobrescritos */
.navbar .getstarted, .navbar .getstarted {
    border-color: #D4AF37 !important;
}

/* Botões Bootstrap danger redefinidos - desabilitado 
.btn-danger {
    --bs-btn-bg: #D4AF37 !important;
    --bs-btn-border-color: #D4AF37 !important;
    --bs-btn-hover-bg: #FFD700 !important;
    --bs-btn-hover-border-color: #FFD700 !important;
    --bs-btn-focus-shadow-rgb: 212, 175, 55 !important;
    --bs-btn-active-bg: #B8960F !important;
    --bs-btn-active-border-color: #B8960F !important;
    --bs-btn-disabled-bg: #D4AF37 !important;
    --bs-btn-disabled-border-color: #D4AF37 !important;
}*/

/* Contact form submit button */
.contact .php-email-form button[type=submit] {
    background: #D4AF37 !important;
    border: 0 !important;
    color: white !important;
}

.contact .php-email-form button[type=submit]:hover {
    background: #FFD700 !important;
}

/* Footer elements */
#footer .footer-top .social-links a:hover {
    background: #D4AF37 !important;
}

#footer .footer-top .footer-links ul a {
    color: #fff !important;
}

#footer .footer-top .footer-links ul a:hover {
    color: #D4AF37 !important;
}

#footer .footer-top .footer-newsletter form input[type=submit] {
    background: #D4AF37 !important;
    border: 0 !important;
}

#footer .footer-top .footer-newsletter form input[type=submit]:hover {
    background: #FFD700 !important;
}

#footer .credits a {
    color: #fff !important;
    background: transparent !important;
    text-decoration: none !important;
}

#footer .credits a:hover {
    color: #fff !important;
    background: transparent !important;
    background-color: transparent !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Link Sistemas Cordon em dourado */
#footer .credits a[href*="scordon.com.br"] {
    color: #D4AF37 !important;
    background: transparent !important;
    background-color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#footer .credits a[href*="scordon.com.br"]:hover {
    color: #D4AF37 !important;
    background: transparent !important;
    background-color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* CTA button normal state - REMOVIDO - conflitava com nova regra */

/* Hero section buttons */
#hero .btn-get-started {
    background: #D4AF37 !important;
    border: 2px solid #D4AF37 !important;
}

#hero .btn-get-started:hover {
    background: transparent !important;
    color: #D4AF37 !important;
    border: 2px solid #D4AF37 !important;
}

/* Portfolio filters */
.portfolio #portfolio-flters li:hover, 
.portfolio #portfolio-flters li.filter-active {
    color: #D4AF37 !important;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover, 
.portfolio .portfolio-item .portfolio-info .details-link:hover {
    background: #D4AF37 !important;
}

/* Testimonials */
.testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #D4AF37 !important;
}

/* CTA section */
.cta .cta-btn {
    background: transparent !important;
    border: 2px solid #000000 !important;
    color: #000000 !important;
}

.cta .cta-btn:hover {
    background: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
}

/* Team member h4 after line */
.team .member h4::after {
    background: #D4AF37 !important;
}

/* Team member social links */
.team .member .social a {
    color: #5c8eb0 !important;
}

.team .member .social a:hover {
    background: transparent !important;
    color: #D4AF37 !important;
}

/* Contact info icons */
.contact .info-box i {
    background: #D4AF37 !important;
    color: white !important;
}

/* About section count boxes */
.about .count-box a:hover {
    color: #D4AF37 !important;
}

/* Services icon boxes */
.services .icon-box:hover h4 a {
    color: #D4AF37 !important;
}

/* Features navigation */
.features .nav-link:hover {
    color: #D4AF37 !important;
}

.features .nav-link.active {
    background: #D4AF37 !important;
    color: white !important;
}

/* About boxes card icons hover */
.about-boxes .card:hover .card-icon i {
    color: #D4AF37 !important;
}

/* About boxes card titles */
.about-boxes .card-title a:hover {
    color: #D4AF37 !important;
}

/* Form focus states */
.contact .php-email-form input:focus, 
.contact .php-email-form textarea:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25) !important;
}

/* Form control focus (Bootstrap) */
.form-control:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25) !important;
}

/* WhatsApp Button - Estilo minimalista */
#myButton {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important;
    transition: all 0.3s ease !important;
    bottom: 90px !important;
    right: 20px !important;
    position: fixed !important;
    z-index: 1000 !important;
    background: #25D366 !important;
    background-color: #25D366 !important;
}

#myButton:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.25) !important;
    background: #25D366 !important;
    background-color: #25D366 !important;
}

#myButton img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
}

/* Forçar cor única do WhatsApp sobrescrevendo plugin */
.WAFloatingButton,
.WAFloatingButton > div {
    background: #25D366 !important;
    background-color: #25D366 !important;
}

/* Customizar popup do WhatsApp */
.WAFloatingButton .WAFloatingButtonMessage {
    background-color: #ffffff !important;
    border: 1px solid #D4AF37 !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.WAFloatingButton .WAFloatingButtonMessage::before {
    border-top-color: #D4AF37 !important;
}

/* Custom utility classes */
.text-gold {
    color: #D4AF37 !important;
}

.text-dark-gray {
    color: #2C2C2C !important;
}

.bg-gold {
    background-color: #D4AF37 !important;
}

.bg-dark-gray {
    background-color: #2C2C2C !important;
}

.border-gold {
    border-color: #D4AF37 !important;
}

/* Loading animation com cores douradas */
@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.contact .php-email-form .loading:before {
    border: 3px solid #D4AF37 !important;
    border-top: 3px solid transparent !important;
}

/* Cores restantes que precisam ser sobrescritas */
.about .count-box a:hover,
.about-boxes .card-title a:hover,
.about-boxes .card:hover .card-icon i,
.services .icon-box:hover h4 a,
.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active,
.portfolio .portfolio-item .portfolio-info .preview-link:hover,
.portfolio .portfolio-item .portfolio-info .details-link:hover,
.testimonials .swiper-pagination .swiper-pagination-bullet-active,
.contact .info-box i,
#footer .footer-top .social-links a:hover,
#footer .footer-top .footer-newsletter form input[type=submit]
/* Regra removida - estava causando conflito */

/* Backgrounds específicos */
.about-boxes .card-icon i,
.contact .info-box i,
.features .nav-link.active,
#hero .btn-get-started,
.contact .php-email-form button[type=submit],
#footer .footer-top .footer-newsletter form input[type=submit] {
    background: #D4AF37 !important;
    background-color: #D4AF37 !important;
}

/* Bordas específicas */
.features .nav-link.active,
#hero .btn-get-started {
    border-color: #D4AF37 !important;
}

/* Hover states específicos */
#hero .btn-get-started:hover {
    background: transparent !important;
    color: #D4AF37 !important;
    border-color: #D4AF37 !important;
}

.contact .php-email-form button[type=submit]:hover,
#footer .footer-top .footer-newsletter form input[type=submit]:hover {
    background: #FFD700 !important;
    background-color: #FFD700 !important;
}

/* Gradientes específicos */
.about .play-btn::after {
    background: radial-gradient(#D4AF37 50%, rgba(212, 175, 55, 0.4) 52%) !important;
}

/* Borders específicos */
.about .play-btn:hover::after {
    border-left: 15px solid #D4AF37 !important;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #D4AF37 !important;
}

/* Override de cores de texto específicas */
.team .member .social a:hover {
    background: transparent !important;
    color: #D4AF37 !important;
}

.contact .info-box i {
    background: #D4AF37 !important;
    color: white !important;
}

/* Cores de foco para inputs */
.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
    border-color: #D4AF37 !important;
}

/* Específico para formulários de contato */
.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25) !important;
}