/* =========================================================
   THEME OVERRIDES (cole no FINAL do seu CSS)
   - Controle de cores centralizado por variáveis
   - Sobrescreve as cores fixas do template
   ========================================================= */

/*:root {*/
/* COR PRINCIPAL (verde com azul / teal) */
/*--primary: #0fae9a;
    --primary-hover: #0c8f7f;*/
/* COR SECUNDÁRIA (azul petróleo) */
/*--secondary: #0b3c49;
    --secondary-hover: #072c35;*/
/* TEXTO */
/*--text: #6b7280;
    --text-strong: #0f3d3b;*/
/* FUNDOS */
/*--bg: #f4f7f8;
    --surface: #ffffff;*/
/* BORDAS */
/*--border: rgba(11, 60, 73, 0.12);*/
/* SOMBRA */
/*--shadow: 0 8px 28px rgba(0,0,0,.08);*/
/* RGB para overlays */
/*--primary-rgb: 15, 174, 154;
    --secondary-rgb: 11, 60, 73;*/
/* BORDER RADIUS PADRÃO */
/*--radius: 10px;
}*/

/* base */
body {
    color: var(--text) !important;
}

.bg {
    background-color: var(--bg) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--text-strong) !important;
}

a {
    color: var(--secondary) !important;
}

    a:hover {
        color: var(--primary) !important;
    }

/* seleção */
::selection {
    background: var(--secondary) !important;
    color: #fff !important;
}

/* preloader */
.preloader {
    background: var(--primary) !important;
}

/* BOTÕES */


.theme-btn {
    background: var(--primary) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
    color: #fff !important;
}

    .theme-btn:hover {
        background: var(--secondary) !important;
        color: #fff !important;
    }

.theme-border-btn {
    border-color: var(--primary) !important;
    border-radius: var(--radius) !important;
    color: #fff !important;
}

    .theme-border-btn:hover {
        background: var(--primary) !important;
        color: #fff !important;
    }

/* SCROLL TOP */
#scroll-top {
    background: var(--primary) !important;
}

    #scroll-top:hover {
        background: var(--secondary) !important;
    }

/* TOP HEADER */
.header-top-contact ul li a {
    color: var(--surface) !important;
}


    .header-top-contact ul li a i {
        color: var(--surface) !important;
    }

.header-top-social a {
    color: var(--primary) !important;
    background: #fff !important;
}

    .header-top-social a:hover {
        background: var(--cortopo) !important;
        color: #fff !important;
    }

/* NAVBAR / MENU */
.navbar .nav-item .nav-link {
    color: var(--secondary) !important;
}

    .navbar .nav-item .nav-link.active,
    .navbar .nav-item:hover .nav-link {
        color: var(--primary) !important;
    }

.navbar .nav-item .dropdown-menu .dropdown-item {
    color: var(--secondary) !important;
}

    .navbar .nav-item .dropdown-menu .dropdown-item:hover {
        color: var(--primary) !important;
    }



.navbar-bg {
    position: relative;
    background: #fff;
    border-radius: 10px;
    z-index: 1;
}

    .navbar-bg::before {
        content: "";
        position: absolute;
        /*background: #00d9ff !important;*/
        background: linear-gradient(135deg,#0039be,#01091d);
        border-radius: 10px;
        width: 220px;
        left: -30px;
        top: -10px;
        bottom: -10px;
        transform: translateY(0px) skew(-30deg);
        z-index: -1;
    }


.navbar-toggler-icon {
    color: var(--secondary) !important;
}

.header-phone-icon {
    color: var(--primary) !important;
}

.header-phone-number a {
    color: var(--primary) !important;
}

/* HERO */
.hero-single::before {
    background: rgba(8, 4, 66, 0.7) !important;
}

/* mantém overlay escuro */
.hero-section .owl-dots .owl-dot.active span {
    background-color: var(--primary) !important;
}

.hero-slider2.owl-theme .owl-nav [class*=owl-]:hover {
    background: #fff !important;
    color: var(--primary) !important;
}

/* SHAPES */
.shape-1, .shape-2 {
    background: rgba(var(--primary-rgb), 1) !important;
}

    .shape-1::before {
        border-color: rgba(var(--primary-rgb), 1) !important;
    }

    .shape-2::before {
        background: rgba(var(--primary-rgb), .5) !important;
    }

/* CARDS / BOXES */
.feature-item,
.service-item,
.blog-item,
.widget,
.contact-form,
.login-form,
.checkout-widget {
    background: var(--surface) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
}


/* ABOUT / LIST ICONS */
.about-experience {
    background: var(--primary) !important;
}

    .about-experience span {
        color: var(--primary) !important;
    }

.about-list li .icon i {
    color: var(--primary) !important;
}

/* GALLERY / CASE overlays */
.gallery-item::before {
    background: rgba(var(--primary-rgb), .7) !important;
}

.case-img::before {
    background: rgba(var(--primary-rgb), .7) !important;
}

.case-link {
    color: var(--primary) !important;
}

.case-content-info small {
    color: var(--primary) !important;
}

.case-content-info a:hover {
    color: var(--primary) !important;
}



.case-content-info a {
    color: var(--primary) !important;
}



.case-arrow {
    background: rgba(var(--primary-rgb), .5) !important;
}

    .case-arrow i {
        background: var(--primary) !important;
    }

/* TESTIMONIAL */
.testimonial-quote {
    background: var(--primary) !important;
}

    .testimonial-quote::before {
        color: var(--primary) !important;
    }

.testimonial-author-img {
    border-color: var(--primary) !important;
}

.testimonial-area .owl-dots .owl-dot span {
    background: var(--primary) !important;
}

/* COUNTER */
.counter-area {
    background: var(--primary) !important;
}

/* FAQ */
.faq-area .accordion-item {
    border-radius: var(--radius) !important;
}

    .faq-area .accordion-item i {
        background: var(--primary) !important;
    }

.faq-area .accordion-button:not(.collapsed),
.accordion-button:not(.collapsed) {
    color: var(--primary) !important;
}

.accordion-button:not(.collapsed) {
    border-bottom-color: var(--primary) !important;
}

/* FORMS focus */
.form-control:focus,
.form-select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), .15) !important;
}

/* CONTACT */
.contact-info {
    border-color: var(--primary) !important;
}

    .contact-info::before {
        background: var(--primary) !important;
    }

.contact-info-icon {
    border-color: var(--primary) !important;
}

    .contact-info-icon i {
        background: var(--primary) !important;
    }

/* PRICING */
.pricing-amount span {
    background: var(--primary) !important;
}

.pricing-feature i {
    color: var(--primary) !important;
}

/* PAGINATION */
.pagination .page-link {
    background: var(--secondary) !important;
}

    .pagination .page-link:hover,
    .pagination .page-item.active .page-link {
        background: var(--primary) !important;
    }

/* LOGIN */
.login-form .login-header h3 {
    color: var(--primary) !important;
}

.login-form .forgot-pass {
    color: var(--primary) !important;
}

.form-check-input:checked {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* SEARCH POPUP */
.search-popup .close-search {
    background: var(--primary) !important;
}

.search-popup .form-group button,
.search-popup .form-group input[type="submit"] {
    background: var(--primary) !important;
}

    .search-popup .form-group button:hover,
    .search-popup .form-group input[type="submit"]:hover {
        background: var(--secondary) !important;
    }

/* FOOTER */

.footer-widget-box p {
    color: var(--surface) !important;
}

.footer-list li a {
    color: var(--surface) !important;
}

.footer-widget-title {
    color: var(--surface) !important;
}

.footer-list i {
    color: var(--surface) !important;
}

.footer-area {
    background: var(--corrodape) !important;
    color: var(--surface) !important;
}

    .footer-area li {
        color: var(--surface) !important;
    }

.footer-social li a i {
    border-color: var(--primary) !important;
    color: var(--surface) !important;
}

    .footer-social li a i:hover {
        background: var(--primary) !important;
    }

.footer-widget-title::before,
.footer-widget-title::after {
    background-color: var(--surface) !important;
}

.footer-contact li i {
    color: var(--surface) !important;
}

.copyright .footer-menu li a:hover {
    color: var(--primary) !important;
}

.copyright .copyright-text a {
    color: var(--primary) !important;
}

/* HOME-2 e HOME-3 (se usar) */
.home-2 .header-top,
.home-2 .navbar {
    background-color: var(--cortopo) !important;
}

.home-2 .header-top-contact ul li a i {
    color: var(--surface) !important;
}

.home-3 .header-top-contact ul li a i {
    color: var(--surface) !important;
}

.home-3 .header-top {
    background-color: var(--cortopo) !important;
    color: var(--surface) !important;
}

/* Dropdown icons FontAwesome (mantém) */
.dropdown-toggle::after {
    color: currentColor !important;
    opacity: .7;
}

.site-title-tagline {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 16px;
    color: var(--primary) !important;
    position: relative;
}
/* ===============================
   CASE / LINKS ÚTEIS - COR DO TEMA
================================ */

.case-content-info small {
    color: var(--primary) !important;
}

.case-link {
    color: var(--primary) !important;
}

.case-img::before {
    background: rgba(var(--primary-rgb), .7) !important;
}

.case-arrow {
    background: rgba(var(--primary-rgb), .45) !important;
}

    .case-arrow i {
        background: var(--primary) !important;
        color: #fff !important;
    }

.case-content-info a:hover {
    color: var(--primary) !important;
}


@media all and (min-width: 992px) {

    .navbar-brand {
        margin-right: 0;
        margin-left: 20px
    }

        .navbar-brand img {
            width: 100px;
        }
}

@media all and (max-width: 991px) {
    .navbar-brand {
        margin-right: 0;
        margin-left: 20px
    }

        .navbar-brand img {
            width: 80px;
        }
}



.case-slider.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    background: var(--primary) !important;
}


.site-breadcrumb::before {
    background: rgba(8, 4, 66, 0.6) !important;
}