/* Custom Override CSS para Costa & Góes Mascarenhas Advogados Associados */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');


:root {
    --primary-color: #07303D !important;
    --secondary-color: #07303D !important;
    --light-color: #d4d4d4 !important;
    --white-color: #ffffff !important;
    --text-dark: #07303D !important;
    --text-light: #666666 !important;
    --bg-light: #f5f5f5 !important;
    --primary-light: rgba(7, 48, 61, 0.1) !important;
    --secondary-light: rgba(7, 48, 61, 0.1) !important;
}

body, p, span, div, li, td, input, textarea, select, button {
    font-family: 'Montserrat', serif !important;
}

h1, h2, h3, h4, h5, h6, .site-title, .site-description, .btn, .tab-btn, .nav-link, .menu a {
    font-family: 'Perpetua Titling MT Std', 'Times New Roman', serif !important;
    text-transform: uppercase !important;
}

.site-title {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.site-description {
    font-size: 0.7rem !important;
    letter-spacing: 2px !important;
}

/* Header e Navegação */
.site-header {
    background-color: var(--white-color) !important;
}

.top-bar {
    background-color: var(--primary-color) !important;
}

.main-navigation .menu a {
    color: var(--primary-color) !important;
}

.main-navigation .menu a:hover {
    color: var(--primary-color) !important;
    opacity: 0.8 !important;
}

.main-navigation .menu a::after {
    background-color: var(--primary-color) !important;
}

/* Botões */
.btn-primary {
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
}

.btn-primary:hover {
    background-color: #0a4a5c !important;
}

.btn-primary::before {
    background-color: #0a4a5c !important;
}

.btn-outline {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.btn-outline:hover {
    color: var(--white-color) !important;
}

.btn-outline::before {
    background-color: var(--primary-color) !important;
}

/* Hero Section */
.hero-overlay {
    background: linear-gradient(135deg, rgb(7 48 61 / 69%) 0%, rgb(7 48 61 / 50%) 100%) !important
}

.hero-title {
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Features Section */
.feature-icon {
    background-color: var(--secondary-light) !important;
    color: var(--primary-color) !important;
}

.feature-item:hover .feature-icon {
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
}

.feature-item h3::after {
    background-color: var(--primary-color) !important;
}

/* Seções */
.section-subtitle {
    color: var(--primary-color) !important;
}

.section-subtitle::before, 
.section-subtitle::after,
.section-heading h2::after {
    background-color: var(--primary-color) !important;
}

/* Serviços */
.service-icon {
    background-color: var(--primary-color) !important;
}

.service-icon::before {
    background-color: #0a4a5c !important;
}

.service-divider {
    background-color: var(--primary-color) !important;
}

.service-list li i {
    color: var(--primary-color) !important;
}

/* Áreas de Expertise */
.tab-btn.active::before,
.tab-btn:hover::before {
    background-color: var(--primary-color) !important;
}

.content-item i {
    color: var(--primary-color) !important;
}

.content-item:hover {
    border-color: var(--primary-color) !important;
}

/* Profissionais */
.professional-title {
    color: var(--primary-color) !important;
}

.professional-contact-link {
    color: var(--primary-color) !important;
}

.areas-tags span {
    background-color: var(--primary-light) !important;
    color: var(--primary-color) !important;
}

/* Valores */
.value-card::before {
    background-color: var(--primary-color) !important;
}

.value-icon {
    color: var(--primary-color) !important;
}

.value-card h3::after {
    background-color: var(--primary-color) !important;
}

.values-list li i {
    color: var(--primary-color) !important;
}

/* FAQ */
.faq-tab.active,
.faq-tab:hover {
    background-color: var(--primary-color) !important;
}

.accordion-item.active .accordion-header {
    background-color: var(--primary-light) !important;
}

.accordion-icon::before,
.accordion-icon::after {
    background-color: var(--primary-color) !important;
}

/* Contato */
.contact-icon {
    background-color: var(--primary-light) !important;
    color: var(--primary-color) !important;
}

.contact-item:hover .contact-icon {
    background-color: var(--primary-color) !important;
}

.social-icon {
    background-color: var(--primary-light) !important;
    color: var(--primary-color) !important;
}

.social-icon:hover {
    background-color: var(--primary-color) !important;
}

/* Footer */
.site-footer {
    background-color: var(--primary-color) !important;
}

.footer-widget-title::after {
    background-color: #0a4a5c !important;
}

.footer-contact-item i,
.footer-areas-list li i {
    color: #0a4a5c !important;
}

.footer-social a:hover {
    background-color: #0a4a5c !important;
}

/* WhatsApp Float */
.whatsapp-float {
    background-color: #25D366 !important;
}

.whatsapp-float::before {
    background-color: #25D366 !important;
}