/**
 * Paleta de Cores - Congás Lafaiete
 * Identidade Visual Oficial
 * 
 * @author Roka Digital - https://rokadigital.com.br/contato/
 */

:root {
    /* Cores Principais Congás */
    --congas-azul: #204b9b;
    --congas-azul-escuro: #1a3d7a;
    --congas-verde: #70b73e;
    --congas-verde-escuro: #5a9632;
    --congas-branco: #ffffff;
    --congas-preto: #000000;
    --congas-cinza: #333333;
    --congas-cinza-claro: #666666;
    
    /* Aliases para compatibilidade */
    --primary-color: #204b9b;
    --secondary-color: #70b73e;
    --accent-color: #70b73e;
}

/* ===== HEADER ===== */
.header {
    background: var(--congas-branco) !important;
}

.nav-link:hover,
.nav-link.active {
    color: var(--congas-azul) !important;
}

/* ===== HERO ===== */
.hero-title {
    color: var(--congas-branco) !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.hero-subtitle {
    color: var(--congas-branco) !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Botão WhatsApp Hero */
.hero-buttons .btn-whatsapp,
.btn-whatsapp {
    background: var(--congas-verde) !important;
    border-color: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

.hero-buttons .btn-whatsapp:hover,
.btn-whatsapp:hover {
    background: var(--congas-verde-escuro) !important;
    border-color: var(--congas-verde-escuro) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(112, 183, 62, 0.4) !important;
}

/* Botão Ligar Hero */
.hero-buttons .btn-phone,
.btn-phone {
    background: var(--congas-azul) !important;
    border-color: var(--congas-azul) !important;
    color: var(--congas-branco) !important;
}

.hero-buttons .btn-phone:hover,
.btn-phone:hover {
    background: var(--congas-azul-escuro) !important;
    border-color: var(--congas-azul-escuro) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(32, 75, 155, 0.4) !important;
}

/* ===== SEÇÕES ===== */
.section-title {
    color: var(--congas-preto) !important;
}

.section-subtitle {
    color: var(--congas-cinza-claro) !important;
}

/* ===== CARDS DE PRODUTOS ===== */
.produto-card {
    border: 1px solid #e0e0e0 !important;
    transition: all 0.3s ease !important;
}

.produto-card:hover {
    border-color: var(--congas-verde) !important;
    box-shadow: 0 8px 25px rgba(112, 183, 62, 0.15) !important;
}

.produto-card .btn-whatsapp,
.produto-card .btn-primary {
    background: var(--congas-verde) !important;
    border-color: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

.produto-card .btn-whatsapp:hover,
.produto-card .btn-primary:hover {
    background: var(--congas-verde-escuro) !important;
    border-color: var(--congas-verde-escuro) !important;
}

.produto-card .btn-secondary,
.produto-card .btn-phone {
    background: var(--congas-azul) !important;
    border-color: var(--congas-azul) !important;
    color: var(--congas-branco) !important;
}

.produto-card .btn-secondary:hover,
.produto-card .btn-phone:hover {
    background: var(--congas-azul-escuro) !important;
    border-color: var(--congas-azul-escuro) !important;
}

/* ===== SEÇÃO CONTATO ===== */
.contato {
    background: #f8f9fa !important;
}

/* Ícones dos Cards de Contato */
.phone-card .contato-card-icon,
.location-card .contato-card-icon,
.schedule-card .contato-card-icon,
.contato-card-icon {
    background: var(--congas-azul) !important;
    color: var(--congas-branco) !important;
}

/* Header do Mapa */
.map-header {
    background: var(--congas-azul) !important;
    color: var(--congas-branco) !important;
}

.map-header h3,
.map-header p,
.map-header i {
    color: var(--congas-branco) !important;
}

/* Botão GPS */
.btn-gps {
    background: var(--congas-verde) !important;
    border-color: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

.btn-gps:hover {
    background: var(--congas-verde-escuro) !important;
    border-color: var(--congas-verde-escuro) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(112, 183, 62, 0.3) !important;
}

/* ===== FOOTER ===== */
.footer,
footer,
.site-footer,
.footer-section,
section.footer {
    background: var(--congas-verde) !important;
    background-color: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

.footer-title,
.site-footer .footer-title,
.footer-col .footer-title,
.location-title {
    color: var(--congas-branco) !important;
}

.footer-desc,
.footer p,
.footer a,
.site-footer p,
.site-footer a {
    color: var(--congas-branco) !important;
}

.footer a:hover,
.site-footer a:hover {
    color: var(--congas-branco) !important;
    opacity: 0.8 !important;
}

/* Ícones de Contato do Footer */
.footer-contact-item i,
.contact-icon {
    background: var(--congas-branco) !important;
    color: var(--congas-verde) !important;
}

.footer-contact-item:hover i,
.contact-icon:hover {
    background: var(--congas-azul) !important;
    color: var(--congas-branco) !important;
}

/* Redes Sociais Footer - Cores Padrão de Cada Rede */
.social-link.whatsapp {
    background: #25D366 !important;
    color: #ffffff !important;
    border: none !important;
}

.social-link.whatsapp:hover {
    background: #128C7E !important;
    transform: translateY(-2px) scale(1.1);
}

.social-link.instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

.social-link.instagram:hover {
    background: linear-gradient(45deg, #bc1888 0%, #cc2366 25%, #dc2743 50%, #e6683c 75%, #f09433 100%) !important;
    transform: translateY(-2px) scale(1.1);
}

.social-link.facebook {
    background: #1877F2 !important;
    color: #ffffff !important;
    border: none !important;
}

.social-link.facebook:hover {
    background: #0d65d9 !important;
    transform: translateY(-2px) scale(1.1);
}

/* Footer Bottom - Linha Final */
.footer-bottom,
.footer-copyright {
    background: var(--congas-azul) !important;
    color: var(--congas-branco) !important;
    border-top: 2px solid var(--congas-azul) !important;
}

.footer-bottom a,
.footer-copyright a {
    color: var(--congas-branco) !important;
}

.footer-bottom a:hover,
.footer-copyright a:hover {
    color: var(--congas-branco) !important;
    opacity: 0.8 !important;
}

/* ===== BOTÕES GERAIS ===== */
.btn-primary,
.btn-success {
    background: var(--congas-verde) !important;
    border-color: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

.btn-primary:hover,
.btn-success:hover {
    background: var(--congas-verde-escuro) !important;
    border-color: var(--congas-verde-escuro) !important;
}

.btn-secondary,
.btn-info {
    background: var(--congas-azul) !important;
    border-color: var(--congas-azul) !important;
    color: var(--congas-branco) !important;
}

.btn-secondary:hover,
.btn-info:hover {
    background: var(--congas-azul-escuro) !important;
    border-color: var(--congas-azul-escuro) !important;
}

/* ===== LINKS ===== */
a {
    color: var(--congas-azul);
}

a:hover {
    color: var(--congas-verde);
}

/* ===== BADGES E TAGS ===== */
.badge-primary,
.tag-primary {
    background: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

.badge-secondary,
.tag-secondary {
    background: var(--congas-azul) !important;
    color: var(--congas-branco) !important;
}

/* ===== FORMULÁRIOS ===== */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--congas-verde) !important;
    box-shadow: 0 0 0 3px rgba(112, 183, 62, 0.2) !important;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar-thumb {
    background: var(--congas-verde) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--congas-verde-escuro) !important;
}

/* ===== SELEÇÃO DE TEXTO ===== */
::selection {
    background: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

::-moz-selection {
    background: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

/* ===== BOTÃO FLUTUANTE WHATSAPP ===== */
.whatsapp-float,
.btn-whatsapp-float,
.whatsapp-button {
    background: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

.whatsapp-float:hover,
.btn-whatsapp-float:hover,
.whatsapp-button:hover {
    background: var(--congas-verde-escuro) !important;
    transform: scale(1.1) !important;
}

/* ===== CHAT PAGE ===== */
.chat-header {
    background: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

.chat-btn-send {
    background: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

.chat-btn-send:hover {
    background: var(--congas-verde-escuro) !important;
}

/* ===== PRODUTO PAGE ===== */
.produto-detalhes .btn-comprar,
.produto-detalhes .btn-whatsapp {
    background: var(--congas-verde) !important;
    border-color: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

.produto-detalhes .btn-comprar:hover,
.produto-detalhes .btn-whatsapp:hover {
    background: var(--congas-verde-escuro) !important;
    border-color: var(--congas-verde-escuro) !important;
}

/* ===== MODAL PEDIDO RÁPIDO ===== */
#modal-pedido-rapido .btn-enviar,
#modal-pedido-rapido .btn-whatsapp {
    background: var(--congas-verde) !important;
    border-color: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

#modal-pedido-rapido .btn-enviar:hover,
#modal-pedido-rapido .btn-whatsapp:hover {
    background: var(--congas-verde-escuro) !important;
    border-color: var(--congas-verde-escuro) !important;
}

/* ===== FILTROS DE CATEGORIA ===== */
.filtro-btn.ativo,
.categoria-btn.active {
    background: var(--congas-verde) !important;
    border-color: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}

.filtro-btn:hover,
.categoria-btn:hover {
    background: var(--congas-verde) !important;
    border-color: var(--congas-verde) !important;
    color: var(--congas-branco) !important;
}