/* ================================================================
   AppCurators Brand Theme
   Palette derived from the logo:
     Navy    #0D1B2A  — the dark circle
     Lime    #C2E538  — the upward chevron / highlight
   ================================================================ */

/* ── 1. Root variable overrides ─────────────────────────────── */
:root {
    --blue:          #0D1B2A;   /* Logo navy  (replaces old #4B77E1)  */
    --navy:          #0D1B2A;   /* Alias                               */
    --lime:          #C2E538;   /* Logo lime green                     */
    --lime-dark:     #9AB52B;   /* Darkened lime for hover states      */
    --lime-light:    #f3fad0;   /* Very light lime tint for backgrounds */
    --mainColor:     #0D1B2A;   /* Drives sub-title text, nav hover,
                                   link hover – all become logo navy  */
    --optionalColor: #4b5280;   /* Unchanged                           */
}


/* ── 2. Primary CTA – "Get Started" button ──────────────────── */
/* Make it lime-green (the logo's forward/action colour) */
.get-started-btn {
    background-color: #C2E538 !important;
    color:            #0D1B2A !important;
    font-weight: 600;
}
.get-started-btn span {
    background: #0D1B2A !important;
    color:      #C2E538 !important;
}
.get-started-btn:hover span {
    background: linear-gradient(90deg, #0d1b2a 0%, #1a3254 50%, #0d1b2a 100%) !important;
    color:      #C2E538 !important;
}


/* ── 3. "Watch Video" outline button ────────────────────────── */
.watch-video-btn {
    border-color: #0D1B2A !important;
    color:        #0D1B2A !important;
}
.watch-video-btn span {
    color: #0D1B2A !important;
}
.watch-video-btn:hover {
    border-color: #C2E538 !important;
    color:        #9AB52B !important;
}


/* ── 4. Banner hero heading accent ─────────────────────────── */
.banner-content-card h1 span {
    color: #C2E538 !important;
}
.banner-content-card h1::before {
    background-color: #C2E538 !important;
}


/* ── 5. Explore / bounce-arrow circle ───────────────────────── */
.explore-arrow::after {
    background-color: #C2E538 !important;
}


/* ── 6. Section "Our Clients" heading underline ─────────────── */
.clients-head .head-title::after {
    background-color: #C2E538 !important;
}


/* ── 7. "More" / secondary action buttons ───────────────────── */
.more-btn {
    background-color: #C2E538 !important;
    border-color:     #C2E538 !important;
    color:            #0D1B2A !important;
    font-weight: 600;
}
.more-btn:hover {
    background-color: #9AB52B !important;
    border-color:     #9AB52B !important;
    color:            #0D1B2A !important;
}


/* ── 8. Contact / form submit button ────────────────────────── */
.contact-form-card .submit-btn {
    background-color: #C2E538 !important;
    border-color:     #C2E538 !important;
    color:            #0D1B2A !important;
    font-weight: 600;
}
.contact-form-card .submit-btn:hover {
    background-color: #9AB52B !important;
    border-color:     #9AB52B !important;
    color:            #0D1B2A !important;
}


/* ── 9. Navbar "Get a Quote" pill  ──────────────────────────── */
/* .others-option gets --mainColor background; keeping navy is fine.
   Override to lime for higher contrast brand pop. */
.dibiz-nav .navbar .others-option,
.dibiz-responsive-nav .others-option,
.others-option-for-responsive .option-inner .others-option {
    background-color: #C2E538 !important;
}
.dibiz-nav .navbar .others-option a,
.dibiz-responsive-nav .others-option a,
.others-option-for-responsive .option-inner .others-option a {
    color: #0D1B2A !important;
    font-weight: 600;
}


/* ── 10. Dropdown top accent border ─────────────────────────── */
.dibiz-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    border-top-color: #C2E538 !important;
}


/* ── 11. Owl carousel nav buttons (hardcoded hex in style.css) ─ */
.client-content .owl-prev,
.client-content .owl-next {
    border-color: #C2E538 !important;
}
.client-content .owl-prev:hover,
.client-content .owl-next:hover {
    background-color: #C2E538 !important;
    border-color:     #C2E538 !important;
}
/* Owl carousel slide nav hover */
.home-slides.owl-theme .owl-nav [class*="owl-"]:hover,
.home-slides-two.owl-theme .owl-nav [class*="owl-"]:hover,
.portfolio-slides.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: #C2E538 !important;
    border-color:     #C2E538 !important;
    color:            #0D1B2A !important;
}


/* ── 12. Call-to-action call button (hardcoded gradient) ─────── */
.call-btn {
    background: linear-gradient(180deg, #1A3254 0%, #0D1B2A 100%) !important;
    color: #ffffff !important;
}
.call-btn:hover {
    color: #ffffff !important;
}


/* ── 13. Section decorative strips  ─────────────────────────── */
.top-left-strip {
    border-top-color: #C2E538 !important;
}
.bottom-right-square {
    background-color: #C2E538 !important;
}


/* ── 14. Services image card tint ───────────────────────────── */
.services-cards-boxes .services-images {
    background-color: #eef5d0 !important;
}


/* ── 15. Dark-footer link hover (navy-on-dark is invisible) ──── */
.dark-footer .footer-widget .footer-links-list li a:hover,
.dark-footer .social-link li a:hover {
    color: #C2E538 !important;
}


/* ── 16. Form label focus highlight ─────────────────────────── */
.contact-form-card .form-group:focus-within .form-label {
    color: #C2E538 !important;
}
.billing-details .form-group .nice-select:hover,
.form-control:focus {
    border-color: #C2E538 !important;
}


/* ── 17. Offer page span (hardcoded #4b77e1) ────────────────── */
.appabodes-logo-tile span {
    color: #C2E538 !important;
}


/* ── 18. Blog/widget search button (hardcoded #4b77e1) ──────── */
.widget-area .widget_search form button {
    background-color: #0D1B2A !important;
}
/* Pagination active & tag hover */
.pagination-area .page-numbers.current,
.pagination-area .page-numbers:hover {
    background-color: #C2E538 !important;
    color:            #0D1B2A !important;
}
.widget-area .tagcloud a:focus,
.widget-area .tagcloud a:hover {
    background-color: #C2E538 !important;
    color:            #0D1B2A !important;
}


/* ── 19. Video-play icon bg (hardcoded #4b77e1 in style.min) ─── */
.banner-content .btn-box .video-btn i,
.main-banner-content .btn-box .video-btn i {
    background-color: #0D1B2A !important;
}
.banner-content .btn-box .video-btn:hover i,
.main-banner-content .btn-box .video-btn:hover i {
    background-color: #C2E538 !important;
    color:            #0D1B2A !important;
}


/* ── 20. Search overlay submit button ───────────────────────── */
.search-overlay .search-overlay-form form button {
    background-color: #C2E538 !important;
    color:            #0D1B2A !important;
}
.search-overlay .search-overlay-close:hover .search-overlay-close-line {
    background: #C2E538 !important;
}


/* ── 21. Single services / features icon colour ─────────────── */
.single-boxes-box .icon,
.single-featured-services-box .icon,
.single-services-box .icon {
    color: #0D1B2A !important;
}


/* ── 22. Default-btn (used in older pages via style.min.css) ─── */
.default-btn {
    background-color: #0D1B2A !important;
    color:            #ffffff !important;
}
.default-btn::before {
    background-color: #C2E538 !important;
}
.default-btn:hover {
    color: #0D1B2A !important;
}


/* ── 23. Carousel dots active state (lime accent) ───────────── */
.feedback-slides.owl-theme .owl-dots .owl-dot.active span,
.feedback-slides.owl-theme .owl-dots .owl-dot:hover span,
.home-slides.owl-theme .owl-dots .owl-dot.active span,
.home-slides.owl-theme .owl-dots .owl-dot:hover span,
.team-slides.owl-theme .owl-dots .owl-dot.active span,
.team-slides.owl-theme .owl-dots .owl-dot:hover span,
.testimonials-slides.owl-theme .owl-dots .owl-dot.active span,
.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span {
    border-color:     #C2E538 !important;
}
.feedback-slides.owl-theme .owl-dots .owl-dot span::before,
.home-slides.owl-theme .owl-dots .owl-dot span::before,
.team-slides.owl-theme .owl-dots .owl-dot span::before,
.testimonials-slides.owl-theme .owl-dots .owl-dot span::before {
    background-color: #C2E538 !important;
}