/* ABNE Custom Colors - Override tema defaults */
:root {
    --abne-primary: #1a6b3c;
    --abne-secondary: #0d3b66;
    --abne-accent: #4caf50;
    --abne-light: #e8f5e9;
    --abne-dark: #0a2540;
    --abne-gradient: linear-gradient(135deg, #1a6b3c 0%, #0d3b66 100%);
}

/* Buttons */
.default-btn-one, .default-btn, .btn-primary, a.default-btn-one {
    background: var(--abne-gradient) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 30px !important;
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
}
.default-btn-one:hover, .default-btn:hover, .btn-primary:hover {
    background: linear-gradient(135deg, #0d3b66 0%, #1a6b3c 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(26,107,60,0.3) !important;
}

/* Header/Navbar */
.navbar-area, .main-nav {
    background: #fff !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
}
.navbar-area.is-sticky {
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
}
.main-nav nav .navbar-nav .nav-item a {
    color: #333 !important;
    font-weight: 500 !important;
}
.main-nav nav .navbar-nav .nav-item a:hover,
.main-nav nav .navbar-nav .nav-item a.active {
    color: var(--abne-primary) !important;
}

/* Section backgrounds */
.services-section, .service-card {
    background: #fff;
}
.bg-gray, .bg-light-green {
    background: var(--abne-light) !important;
}

/* Service cards */
.single-services-box, .service-card, .services-box {
    border-radius: 15px !important;
    border: 1px solid #e0e0e0 !important;
    transition: all 0.3s ease !important;
}
.single-services-box:hover, .service-card:hover, .services-box:hover {
    border-color: var(--abne-primary) !important;
    box-shadow: 0 15px 40px rgba(26,107,60,0.15) !important;
    transform: translateY(-5px) !important;
}
.single-services-box .icon, .services-box i {
    color: var(--abne-primary) !important;
}
.single-services-box h3 a:hover {
    color: var(--abne-primary) !important;
}

/* Footer */
.footer-section, footer, .footer-area {
    background: var(--abne-dark) !important;
}
.footer-section h3, footer h3, .footer-widget h3 {
    color: #fff !important;
    position: relative;
    padding-bottom: 15px;
}
.footer-section h3::after, .footer-widget h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: var(--abne-accent);
    border-radius: 2px;
}

/* Counter/Stats section */
.counter-section, .fun-facts-area {
    background: var(--abne-gradient) !important;
}

/* SSS/FAQ */
.accordion-button:not(.collapsed) {
    background: var(--abne-light) !important;
    color: var(--abne-primary) !important;
}

/* Contact form */
.contact-form .form-control:focus {
    border-color: var(--abne-primary) !important;
    box-shadow: 0 0 0 3px rgba(26,107,60,0.1) !important;
}

/* Links */
a { color: var(--abne-primary); }
a:hover { color: var(--abne-secondary); }

/* Page title area */
.page-title-area {
    background: var(--abne-gradient) !important;
}

/* WhatsApp button */
.whatsapp-btn, .wp-btn {
    background: #25D366 !important;
    border-radius: 50% !important;
}

/* Preloader */
.preloader .spinner {
    border-top-color: var(--abne-primary) !important;
}

/* Blog cards */
.blog-card, .single-blog-post {
    border-radius: 12px !important;
    overflow: hidden;
}
.blog-card:hover, .single-blog-post:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}
.blog-card .blog-content .read-more, .read-more-btn {
    color: var(--abne-primary) !important;
}

/* Top bar */
.top-header, .topbar {
    background: var(--abne-dark) !important;
}

/* Scroll to top */
.back-to-top, .scroll-top {
    background: var(--abne-primary) !important;
}

/* Nav dropdown */
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
    color: var(--abne-primary) !important;
    background: var(--abne-light) !important;
}