/* =============================================================================
   JAY KARUNADHAR FOUNDATION — Complete Logo-Matched Theme Override
   File: public/assets/frontend/css/jkf-theme.css
   
   ♦ LOGO COLORS EXTRACTED:
       --jkf-teal-dark   : #1e4d5c   (dark teal — "JAY KARUNADHAR" text, body of Krishna)
       --jkf-teal-mid    : #2d6e7e   (medium teal — secondary text / nav)
       --jkf-green       : #3b7a3e   (forest green — icon circles, arcs)
       --jkf-green-light : #5aaa5e   (leaf icons, hover states)
       --jkf-saffron     : #c76b1c   (saffron/orange — saree, flute, CTA)
       --jkf-saffron-dk  : #a55515   (darker saffron — hover CTA)
       --jkf-gold        : #d4a820   (peacock eye — golden accents)
       --jkf-cream       : #f4f0e6   (off-white background)
       --jkf-cream-light : #faf8f3   (light section BG)
       --jkf-dark        : #0f2a33   (footer, very dark)
=============================================================================*/

/* ── 1. CSS CUSTOM PROPERTY OVERRIDES ──────────────────────────────────────── */
:root {
    --main-color-one      : #3b7a3e !important;   /* forest green — primary */
    --main-color-two      : #1e4d5c !important;   /* dark teal — secondary */
    --secondary-color     : #2d6e7e !important;   /* medium teal */
    --heading-color       : #1e4d5c !important;   /* dark teal headings */
    --paragraph-color     : #4a6670 !important;   /* muted teal paragraph */

    /* Extra JKF brand tokens */
    --jkf-teal-dark       : #1e4d5c;
    --jkf-teal-mid        : #2d6e7e;
    --jkf-green           : #3b7a3e;
    --jkf-green-light     : #5aaa5e;
    --jkf-saffron         : #c76b1c;
    --jkf-saffron-dk      : #a55515;
    --jkf-gold            : #d4a820;
    --jkf-cream           : #f4f0e6;
    --jkf-cream-light     : #faf8f3;
    --jkf-dark            : #0f2a33;
}

/* ── 2. BODY & TYPOGRAPHY ───────────────────────────────────────────────────── */
body {
    background-color: #ffffff;
    color: #4a4a4a;
    font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    color: #1e4d5c;
}
p { color: #4a6670; }
a { color: #3b7a3e; transition: color 0.2s ease; }
a:hover { color: #1e4d5c; text-decoration: none; }

/* ── 3. TOPBAR ──────────────────────────────────────────────────────────────── */
.topbar-area {
    background: #1e4d5c !important;
    border-bottom: 2px solid #3b7a3e !important;
}
.topbar-area .info-items li,
.topbar-area .info-items li i,
.topbar-area .info-items-02 li a,
.topbar-area .social-link ul li a {
    color: rgba(255, 255, 255, 0.88) !important;
}
.topbar-area .social-link ul li a:hover {
    color: #d4a820 !important;
}
.topbar-area .info-list li i { color: #d4a820 !important; }

/* ── 4. NAVBAR ───────────────────────────────────────────────────────────────── */
.navbar-area,
.navbar-area.bg-white {
    background: #ffffff !important;
    border-bottom: 3px solid #3b7a3e !important;
    box-shadow: 0 2px 20px rgba(30, 77, 92, 0.12) !important;
}
.navbar-area.sticky-on,
.navbar-area.nav-absolute {
    background: #ffffff !important;
}

/* Nav links */
.navbar-area .navbar-nav > li > a {
    color: #1e4d5c !important;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.navbar-area .navbar-nav > li > a:hover,
.navbar-area .navbar-nav > li.current-menu-item > a,
.navbar-area .navbar-nav > li.current_page_item > a,
.navbar-area .navbar-nav > li.menu-item-has-children:hover > a {
    color: #3b7a3e !important;
}
.navbar-area .navbar-nav > li > a::after {
    background-color: #3b7a3e !important;
}

/* Dropdown */
.navbar-area .sub-menu,
.navbar-area .dropdown-menu {
    border-top: 3px solid #3b7a3e !important;
    box-shadow: 0 6px 24px rgba(30, 77, 92, 0.14) !important;
    background: #fff !important;
}
.navbar-area .sub-menu li a,
.navbar-area .dropdown-menu li a {
    color: #1e4d5c !important;
}
.navbar-area .sub-menu li a:hover,
.navbar-area .dropdown-menu li a:hover {
    color: #3b7a3e !important;
    background: #f4f0e6 !important;
    padding-left: 22px !important;
}

/* Mega menu */
.navbar-area .mega-menu-wrapper {
    border-top: 3px solid #3b7a3e !important;
}

/* Donate / CTA nav button */
.nav-right-content .btn,
.nav-right-content a.btn,
.donate-btn,
.btn-donate {
    background: #c76b1c !important;
    border-color: #c76b1c !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600;
    transition: all 0.25s ease;
}
.nav-right-content .btn:hover,
.donate-btn:hover,
.btn-donate:hover {
    background: #a55515 !important;
    border-color: #a55515 !important;
    box-shadow: 0 4px 12px rgba(199, 107, 28, 0.35) !important;
}

/* Hamburger toggler */
.navbar-toggler-icon { background-color: #1e4d5c !important; }
.navbar-toggler span { background: #1e4d5c !important; }

/* ── 5. HERO / HEADER SLIDER ─────────────────────────────────────────────────── */
.header-slider-area .single-slider-item::before,
.banner-area::before {
    background: linear-gradient(135deg,
        rgba(30, 77, 92, 0.75) 0%,
        rgba(59, 122, 62, 0.55) 100%) !important;
}
.header-slider-area .slider-title,
.header-slider-area h1,
.header-slider-area h2 {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.35);
}
.header-slider-area .slider-btn.btn-one,
.banner-area .btn-one,
.header-slider-area .slier-btn-1 {
    background: #c76b1c !important;
    border-color: #c76b1c !important;
    color: #fff !important;
}
.header-slider-area .slider-btn.btn-one:hover,
.banner-area .btn-one:hover {
    background: #a55515 !important;
    border-color: #a55515 !important;
}
.header-slider-area .slider-btn.btn-two,
.banner-area .btn-two {
    background: transparent !important;
    border: 2px solid #fff !important;
    color: #fff !important;
}
.header-slider-area .slider-btn.btn-two:hover,
.banner-area .btn-two:hover {
    background: #fff !important;
    color: #1e4d5c !important;
}

/* Owl Carousel dots & arrows */
.header-slider-area .owl-dot span {
    background: rgba(255,255,255,0.5) !important;
}
.header-slider-area .owl-dot.active span {
    background: #c76b1c !important;
}

/* ── 6. SECTION TITLES ──────────────────────────────────────────────────────── */
.section-title .sub-title,
.section-title span.sub-title,
.section-title > span:first-child {
    color: #3b7a3e !important;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
}
.section-title .title,
.section-title h2,
.section-title h3 {
    color: #1e4d5c !important;
}
.section-title .title span,
.section-title h2 span {
    color: #1e4d5c !important;
    background-color: transparent !important;
}

/* Colored keyword from {color}text{/color} syntax */
.section-title .color-title,
.color-title {
    color: #3b7a3e !important;
}

/* Decorative underline */
.section-title::after,
.section-title .title::after,
.section-title h2::after {
    background: linear-gradient(90deg, #1e4d5c, #3b7a3e) !important;
}

/* ── 7. GLOBAL BUTTONS ──────────────────────────────────────────────────────── */
/* Primary green button */
.btn-theme,
.boxed-btn,
.boxed-btn3,
.btn-primary {
    background: #3b7a3e !important;
    border-color: #3b7a3e !important;
    color: #fff !important;
    transition: background 0.25s ease, box-shadow 0.25s ease;
}
.btn-theme:hover,
.boxed-btn:hover,
.boxed-btn3:hover,
.btn-primary:hover {
    background: #1e4d5c !important;
    border-color: #1e4d5c !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(30, 77, 92, 0.28) !important;
}

/* Saffron CTA button */
.btn-saffron,
.btn-cta {
    background: #c76b1c !important;
    border-color: #c76b1c !important;
    color: #fff !important;
}
.btn-saffron:hover, .btn-cta:hover {
    background: #a55515 !important;
    border-color: #a55515 !important;
}

/* White outline button */
.boxed-btn3-white {
    background: transparent !important;
    border: 2px solid #fff !important;
    color: #fff !important;
}
.boxed-btn3-white:hover {
    background: #fff !important;
    color: #3b7a3e !important;
}

/* Form submit buttons */
button[type="submit"]:not(.navbar-toggler):not(.search-btn) {
    background: #3b7a3e !important;
    border-color: #3b7a3e !important;
    color: #fff !important;
}
button[type="submit"]:not(.navbar-toggler):not(.search-btn):hover {
    background: #1e4d5c !important;
    border-color: #1e4d5c !important;
}

/* ── 8. CAUSE / DONATION CARDS ──────────────────────────────────────────────── */
.single-cause-item {
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.single-cause-item:hover {
    box-shadow: 0 8px 30px rgba(30, 77, 92, 0.18) !important;
    transform: translateY(-3px);
}

.single-cause-item .cause-title a { color: #1e4d5c !important; }
.single-cause-item .cause-title a:hover { color: #3b7a3e !important; }
.single-cause-item .cause-category a {
    color: #3b7a3e !important;
    font-weight: 600;
}

/* Progress bar */
.single-cause-item .progress { border-radius: 50px; }
.single-cause-item .progress .progress-bar,
.progress .progress-bar {
    background: linear-gradient(90deg, #1e4d5c 0%, #3b7a3e 100%) !important;
    border-radius: 50px;
}

/* Goal / Raised text */
.single-cause-item .raised-amount,
.single-cause-item .goal-amount,
.single-cause-item .goal-amount span {
    color: #1e4d5c !important;
    font-weight: 700;
}

/* Donate button on card */
.single-cause-item .donate-btn,
.single-cause-item .boxed-btn,
.single-cause-item a.btn {
    background: #c76b1c !important;
    border-color: #c76b1c !important;
    color: #fff !important;
    border-radius: 6px !important;
}
.single-cause-item .donate-btn:hover,
.single-cause-item a.btn:hover {
    background: #a55515 !important;
    border-color: #a55515 !important;
}

/* ── 9. CAUSE CATEGORY CARDS ─────────────────────────────────────────────────── */
.single-cause-category-item {
    border: 1px solid rgba(59, 122, 62, 0.20);
    border-radius: 10px;
    transition: all 0.3s ease;
}
.single-cause-category-item:hover {
    border-color: #3b7a3e;
    box-shadow: 0 6px 20px rgba(59, 122, 62, 0.15);
}
.single-cause-category-item .icon i { color: #3b7a3e !important; }
.single-cause-category-item h4,
.single-cause-category-item .category-title { color: #1e4d5c !important; }

/* ── 10. COUNTER / STATS SECTION ─────────────────────────────────────────────── */
.counter-area,
.counterup-area,
.fun-fact-area {
    background: linear-gradient(135deg, #1e4d5c 0%, #3b7a3e 100%) !important;
    position: relative;
}
.counter-area::before,
.counterup-area::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

.counter-area .count-title,
.counterup-area .count-title,
.counter-area .counter,
.counterup-area .counter,
.counter-area h4,
.counterup-area h4 {
    color: #fff !important;
}
.counter-area p,
.counterup-area p { color: rgba(255,255,255,0.80) !important; }
.counter-area .count-icon i,
.counterup-area .count-icon i,
.counter-area .icon i,
.counterup-area .icon i {
    color: #d4a820 !important;
}

/* ── 11. FEATURE / WHAT WE DO SECTION ───────────────────────────────────────── */
.single-feature-item .icon i,
.key-feature-item .icon i { color: #3b7a3e !important; }
.single-feature-item .title a,
.key-feature-item .title { color: #1e4d5c !important; }
.single-feature-item:hover .icon i { color: #c76b1c !important; }

/* ── 12. TESTIMONIALS ────────────────────────────────────────────────────────── */
.single-testimonial-item .quote-icon i { color: #3b7a3e !important; }
.single-testimonial-item .client-designation { color: #c76b1c !important; font-weight: 600; }
.single-testimonial-item .client-name { color: #1e4d5c !important; }
.single-testimonial-item .ratings i { color: #d4a820 !important; }

/* ── 13. BLOG CARDS ──────────────────────────────────────────────────────────── */
.single-blog-item {
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.single-blog-item:hover {
    box-shadow: 0 8px 28px rgba(30, 77, 92, 0.16) !important;
    transform: translateY(-3px);
}
.single-blog-item .blog-title a { color: #1e4d5c !important; }
.single-blog-item .blog-title a:hover { color: #3b7a3e !important; }
.single-blog-item .blog-category a {
    background: #3b7a3e !important;
    color: #fff !important;
    border-radius: 4px;
}
.single-blog-item .read-more-btn { color: #3b7a3e !important; font-weight: 600; }
.single-blog-item .read-more-btn:hover { color: #1e4d5c !important; }
.single-blog-item .meta-tags a,
.single-blog-item .post-meta a { color: #2d6e7e !important; }

/* ── 14. EVENT CARDS ─────────────────────────────────────────────────────────── */
.single-event-item {
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}
.single-event-item:hover {
    box-shadow: 0 8px 28px rgba(30, 77, 92, 0.16) !important;
}
.single-event-item .event-date {
    background: #1e4d5c !important;
    color: #fff !important;
    border-radius: 6px;
}
.single-event-item .event-date .day { color: #d4a820 !important; font-weight: 800; }
.single-event-item .event-title a { color: #1e4d5c !important; }
.single-event-item .event-title a:hover { color: #3b7a3e !important; }
.single-event-item .event-meta li i { color: #3b7a3e !important; }

/* ── 15. TEAM / VOLUNTEER CARDS ──────────────────────────────────────────────── */
.single-team-item .team-name { color: #1e4d5c !important; }
.single-team-item .team-designation { color: #c76b1c !important; font-weight: 600; }
.single-team-item .team-social li a {
    border-color: rgba(30, 77, 92, 0.25) !important;
    color: #1e4d5c !important;
}
.single-team-item .team-social li a:hover {
    background: #3b7a3e !important;
    border-color: #3b7a3e !important;
    color: #fff !important;
}

/* ── 16. BREADCRUMB ───────────────────────────────────────────────────────────── */
.breadcrumb-area {
    background: linear-gradient(135deg, #1e4d5c 0%, #2d6e7e 60%, #3b7a3e 100%) !important;
    position: relative;
}
.breadcrumb-area::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.15);
}
.breadcrumb-area .page-title,
.breadcrumb-area h1,
.breadcrumb-area h2 { color: #fff !important; text-shadow: 0 1px 4px rgba(0,0,0,0.3); }

.breadcrumb-area .breadcrumb { background: transparent !important; }
.breadcrumb-area .breadcrumb-item a { color: rgba(255,255,255,0.80) !important; }
.breadcrumb-area .breadcrumb-item.active,
.breadcrumb-area .breadcrumb-item + .breadcrumb-item::before { color: #d4a820 !important; }

/* ── 17. CALL TO ACTION (CTA) SECTION ───────────────────────────────────────── */
.call-to-action-area,
.cta-area {
    background: linear-gradient(135deg, #1e4d5c 0%, #3b7a3e 100%) !important;
}
.call-to-action-area h2,
.cta-area h2,
.call-to-action-area .title { color: #fff !important; }
.call-to-action-area p, .cta-area p { color: rgba(255,255,255,0.85) !important; }

/* ── 18. SUPPORT / CONTACT SECTION ──────────────────────────────────────────── */
.supportbar-area {
    background: #f4f0e6 !important;
    border-top: 2px solid rgba(59, 122, 62, 0.20);
}
.supportbar-area .icon i { color: #3b7a3e !important; font-size: 32px; }
.supportbar-area .title { color: #1e4d5c !important; font-weight: 700; }
.supportbar-area p { color: #4a6670 !important; }
.supportbar-area a { color: #c76b1c !important; }
.supportbar-area a:hover { color: #a55515 !important; }

/* Contact info icons */
.contact-area .contact-icon i,
.contact-info-item .icon i,
.contact-single-item .icon i {
    color: #3b7a3e !important;
}
.contact-area .contact-info-title { color: #1e4d5c !important; }

/* ── 19. ABOUT US SECTION ────────────────────────────────────────────────────── */
.about-us-area .about-us-bg { background: #f4f0e6 !important; }
.about-us-area .about-us-left-image::after {
    background: linear-gradient(135deg, #1e4d5c, #3b7a3e) !important;
}
.about-us-area .check-list li::before { color: #3b7a3e !important; }
.about-us-area .check-list li i { color: #3b7a3e !important; }

/* ── 20. SUCCESS STORIES ────────────────────────────────────────────────────── */
.single-success-story-item .story-title a { color: #1e4d5c !important; }
.single-success-story-item .story-title a:hover { color: #3b7a3e !important; }
.single-success-story-item .category { color: #c76b1c !important; font-weight: 600; }

/* ── 21. IMAGE GALLERY ──────────────────────────────────────────────────────── */
.image-gallery-area .gallery-filter button { color: #1e4d5c !important; }
.image-gallery-area .gallery-filter button.active,
.image-gallery-area .gallery-filter button:hover { 
    background: #3b7a3e !important;
    border-color: #3b7a3e !important;
    color: #fff !important;
}
.image-gallery-area .gallery-overlay { background: rgba(30, 77, 92, 0.75) !important; }
.image-gallery-area .gallery-overlay i { color: #d4a820 !important; }

/* ── 22. DONATION SINGLE PAGE ───────────────────────────────────────────────── */
.donation-single-area .donation-title { color: #1e4d5c !important; }
.donation-single-area .donate-form .form-title { 
    background: linear-gradient(135deg, #1e4d5c, #3b7a3e) !important;
    color: #fff !important;
}
.donation-single-area .amount-btn.active,
.donation-single-area .amount-btn:hover {
    background: #3b7a3e !important;
    border-color: #3b7a3e !important;
    color: #fff !important;
}
.donation-single-area .donate-submit-btn {
    background: #c76b1c !important;
    border-color: #c76b1c !important;
    color: #fff !important;
}

/* ── 23. FOOTER ─────────────────────────────────────────────────────────────── */
.footer-area { background: #0f2a33 !important; }

.footer-area .footer-top {
    background: #0f2a33 !important;
    border-bottom: 1px solid rgba(59, 122, 62, 0.25) !important;
}
.footer-area .footer-top .widget-title {
    color: #fff !important;
    position: relative;
    padding-bottom: 12px;
}
.footer-area .footer-top .widget-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: #3b7a3e !important;
    border-radius: 2px;
}
.footer-area .footer-top p,
.footer-area .footer-top li,
.footer-area .footer-top span { color: rgba(255, 255, 255, 0.68) !important; }
.footer-area .footer-top a { color: rgba(255, 255, 255, 0.68) !important; }
.footer-area .footer-top a:hover { color: #5aaa5e !important; }
.footer-area .footer-top li i { color: #3b7a3e !important; }

/* Newsletter / subscribe in footer */
.footer-area .newsletter-form input {
    border: 1px solid rgba(59,122,62,0.3) !important;
    background: rgba(255,255,255,0.07) !important;
    color: #fff !important;
}
.footer-area .newsletter-form input::placeholder { color: rgba(255,255,255,0.45) !important; }
.footer-area .newsletter-form button {
    background: #3b7a3e !important;
    border-color: #3b7a3e !important;
    color: #fff !important;
}
.footer-area .newsletter-form button:hover {
    background: #c76b1c !important;
    border-color: #c76b1c !important;
}

/* Footer social icons */
.footer-area .social-icon li a {
    border-color: rgba(59, 122, 62, 0.35) !important;
    color: rgba(255,255,255,0.70) !important;
}
.footer-area .social-icon li a:hover {
    background: #3b7a3e !important;
    border-color: #3b7a3e !important;
    color: #fff !important;
}

/* Copyright bar */
.footer-area .copyright-area {
    background: #071a20 !important;
    border-top: 2px solid rgba(59, 122, 62, 0.35) !important;
}
.footer-area .copyright-area p,
.footer-area .copyright-area a { color: rgba(255, 255, 255, 0.55) !important; }
.footer-area .copyright-area a:hover { color: #5aaa5e !important; }

/* ── 24. BACK TO TOP ────────────────────────────────────────────────────────── */
.back-to-top .back-top {
    background: #3b7a3e !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(59, 122, 62, 0.35) !important;
}
.back-to-top .back-top:hover {
    background: #1e4d5c !important;
    transform: translateY(-2px);
}

/* ── 25. PAGINATION ──────────────────────────────────────────────────────────── */
.pagination .page-item.active .page-link {
    background: #3b7a3e !important;
    border-color: #3b7a3e !important;
    color: #fff !important;
}
.pagination .page-link {
    color: #1e4d5c !important;
    border-color: rgba(30, 77, 92, 0.25) !important;
}
.pagination .page-link:hover {
    background: #f4f0e6 !important;
    color: #3b7a3e !important;
    border-color: #3b7a3e !important;
}

/* ── 26. FORM INPUTS ────────────────────────────────────────────────────────── */
.form-control {
    border-color: rgba(30, 77, 92, 0.25) !important;
    border-radius: 6px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-control:focus {
    border-color: #3b7a3e !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 122, 62, 0.15) !important;
    outline: none;
}
.form-control::placeholder { color: rgba(74, 102, 112, 0.55) !important; }

/* Nice select */
.nice-select {
    border-color: rgba(30, 77, 92, 0.25) !important;
    color: #1e4d5c !important;
}
.nice-select:after { border-color: #3b7a3e !important; }
.nice-select .option:hover,
.nice-select .option.selected,
.nice-select .option.focus {
    color: #3b7a3e !important;
    background: #f4f0e6 !important;
}

/* ── 27. PRELOADER ───────────────────────────────────────────────────────────── */
.preloader-wrap,
.preloader { background: #f4f0e6 !important; }
.preloader-wrap .preloader-inner { border-top-color: #3b7a3e !important; }
.preloader-wrap .preloader-inner .dot { background: #1e4d5c !important; }

/* ── 28. SUPPORT TICKETS ────────────────────────────────────────────────────── */
.support-ticket-area .btn-submit { background: #3b7a3e !important; border-color: #3b7a3e !important; }
.support-ticket-area .ticket-status-open { color: #3b7a3e !important; }
.support-ticket-area .ticket-status-close { color: #c76b1c !important; }

/* ── 29. USER DASHBOARD ─────────────────────────────────────────────────────── */
.user-profile-area .nav-tabs .nav-link.active {
    background: #3b7a3e !important;
    border-color: #3b7a3e !important;
    color: #fff !important;
}
.user-profile-area .nav-tabs .nav-link {
    color: #1e4d5c !important;
}
.user-profile-area .nav-tabs .nav-link:hover { color: #3b7a3e !important; }

/* ── 30. BADGES & TAGS ──────────────────────────────────────────────────────── */
.badge-primary, .badge-theme { background: #1e4d5c !important; }
.badge-success { background: #3b7a3e !important; }
.badge-warning { background: #d4a820 !important; }
.badge-danger { background: #c76b1c !important; }
.tag a {
    color: #1e4d5c !important;
    border-color: rgba(30, 77, 92, 0.25) !important;
}
.tag a:hover {
    background: #3b7a3e !important;
    color: #fff !important;
    border-color: #3b7a3e !important;
}

/* ── 31. ALERT / TOASTR ─────────────────────────────────────────────────────── */
.toast-success { background: #3b7a3e !important; }
.toast-error { background: #c76b1c !important; }
.toast-info { background: #1e4d5c !important; }

/* ── 32. HOME PAGE VARIANT 06 (current active) ───────────────────────────────── */
.home-variant-06 .feature-area .single-feature-item:hover {
    border-color: #3b7a3e !important;
}
.home-variant-06 .cause-category .icon { background: rgba(59, 122, 62, 0.12) !important; }
.home-variant-06 .cause-category .icon i { color: #3b7a3e !important; }
.home-variant-06 .cause-category:hover {
    background: linear-gradient(135deg, #1e4d5c, #3b7a3e) !important;
}
.home-variant-06 .cause-category:hover .icon i { color: #d4a820 !important; }
.home-variant-06 .cause-category:hover h4,
.home-variant-06 .cause-category:hover p { color: #fff !important; }

/* ── 33. SECTION BACKGROUND ALTERNATION ──────────────────────────────────────── */
.bg-f5,
.section-bg,
.gray-bg { background: #f4f0e6 !important; }
.bg-theme { background: #3b7a3e !important; }
.bg-dark { background: #0f2a33 !important; }

/* ── 34. ICONS — general theme-colored icons ─────────────────────────────────── */
.icon-box .icon-main { color: #3b7a3e !important; }
.icon-box:hover .icon-main { color: #c76b1c !important; }
.flaticon-charity::before,
.flaticon-solidarity-1::before,
.flaticon-donation-2::before { color: #3b7a3e; }

/* ── 35. SEARCH POPUP ────────────────────────────────────────────────────────── */
.search-popup-area .search-form-area button {
    background: #3b7a3e !important;
    color: #fff !important;
}
.search-popup-area .search-form-area input:focus {
    border-color: #3b7a3e !important;
}

/* ── 36. GDPR COOKIE BANNER ──────────────────────────────────────────────────── */
#gdpr-cookie-message .btn-success {
    background: #3b7a3e !important;
    border-color: #3b7a3e !important;
}
#gdpr-cookie-message .btn-danger {
    background: #c76b1c !important;
    border-color: #c76b1c !important;
}

/* ── 37. MISC CUSTOM UTILITIES ───────────────────────────────────────────────── */
.text-theme { color: #3b7a3e !important; }
.text-teal { color: #1e4d5c !important; }
.text-saffron { color: #c76b1c !important; }
.text-gold { color: #d4a820 !important; }
.border-theme { border-color: #3b7a3e !important; }

/* ── 38. SMOOTH MICRO-ANIMATIONS ─────────────────────────────────────────────── */
.single-cause-item,
.single-blog-item,
.single-event-item,
.single-team-item,
.single-cause-category-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ═══════════════════════════════════════════════════════════════════════════
   39. CRITICAL FIX — Exact theme class overrides from style.css / style_02.css
       These hardcoded coral/red classes (#f05e46 / #F86048) completely bypass
       CSS variables. Each selector was found via live browser DevTools inspection.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── 39a. NAVBAR "CAMPAIGN" DONATE BUTTON ─────────────────────────────────── */
/* The theme uses   li#donate a   with a hardcoded coral background */
li#donate a,
.nav-right-content li#donate a,
li.donate-btn-wrap a,
.navbar-area li.donate-campaign a,
.nav-right-content a[href*="campaign"],
.header-btn a,
.donate-campaign-btn {
    background-color: #c76b1c !important;
    border-color: #c76b1c !important;
    color: #fff !important;
    border-radius: 30px !important;
}
li#donate a:hover,
.header-btn a:hover {
    background-color: #a55515 !important;
    border-color: #a55515 !important;
}

/* ─── 39b. BTN-COLOR-FIVE (hero slider CTA buttons) ─────────────────────────── */
/* style_02.css defines .boxed-btn.btn-color-five with coral color */
.btn-color-five,
.boxed-btn.btn-color-five,
a.btn-color-five,
.slider-btn.btn-color-five,
.slier-btn-1,
.boxed-btn.btn-rounded.btn-color-five {
    background-color: #3b7a3e !important;
    border-color: #3b7a3e !important;
    color: #fff !important;
}
.btn-color-five:hover,
.boxed-btn.btn-color-five:hover,
a.btn-color-five:hover {
    background-color: #1e4d5c !important;
    border-color: #1e4d5c !important;
    color: #fff !important;
}

/* Reverse / outline variant */
.boxed-btn.btn-color-five.reverse-color,
.boxed-btn.reverse-color {
    background-color: transparent !important;
    border: 2px solid #3b7a3e !important;
    color: #3b7a3e !important;
}
.boxed-btn.btn-color-five.reverse-color:hover,
.boxed-btn.reverse-color:hover {
    background-color: #3b7a3e !important;
    color: #fff !important;
}

/* ─── 39c. DONATION PROGRESS BAR & PERCENT BUBBLE ────────────────────────────── */
/* style_02.css: .donation-progress and .percentCount use coral */
.donation-progress,
.donation-progress-wrap .donation-progress,
.cause-progress-bar,
.progress-wrap .progress-bar,
.rProgressBar .rBar {
    background-color: #3b7a3e !important;
    background: linear-gradient(90deg, #1e4d5c, #3b7a3e) !important;
}

.percentCount,
.percent-count,
.progress-percent,
.rProgressBar .rCount {
    background-color: #c76b1c !important;
    color: #fff !important;
    border-color: #c76b1c !important;
}
.percentCount::after,
.rProgressBar .rCount::after {
    border-top-color: #c76b1c !important;
}

/* ─── 39d. SECTION TITLE COLOR-FIVE VARIANT ─────────────────────────────────── */
/* style_02.css has .section-title-five h2 span with coral */
.section-title-five h2 span,
.section-title-five .color-text,
.section-title-five .sub-title {
    color: #3b7a3e !important;
}
.section-title-five h2 {
    color: #1e4d5c !important;
}

/* ─── 39e. CATEGORY COLOR-FIVE LINKS ────────────────────────────────────────── */
/* style_02.css: .category-content.color-five a:hover uses coral */
.category-content.color-five a,
.cause-category-item.color-five a,
.category-content.color-five .category-name {
    color: #1e4d5c !important;
}
.category-content.color-five a:hover {
    color: #3b7a3e !important;
}
.cause-category-item.color-five:hover,
.category-item.color-five:hover {
    background: linear-gradient(135deg, #1e4d5c, #3b7a3e) !important;
    border-color: #3b7a3e !important;
}

/* ─── 39f. AWARD/BADGE ICON ON CAUSE CARDS ──────────────────────────────────── */
/* style_02.css: .award-new-icon uses coral background */
.award-new-icon,
.cause-badge,
.cause-card-badge,
.emergency-badge {
    background-color: #c76b1c !important;
    color: #fff !important;
}

/* ─── 39g. GOAL DANGER COLOR (red goal amount text) ─────────────────────────── */
/* style.css: .goal span.danger-color was red */
.danger-color,
span.danger-color,
.goal .danger-color,
.goal-amount .danger-color {
    color: #1e4d5c !important;
}

/* ─── 39h. HEADER/BANNER INNER ELEMENTS (variant 02 / 06) ─────────────────────── */
/* style_02.css: .header-inner-02 h1 span uses coral highlight bg */
.header-inner-02 h1 span,
.header-inner-02 h2 span,
.hero-area h1 span,
.hero-area h2 span,
.slider-inner h1 span,
.slider-inner h2 span {
    background-color: #3b7a3e !important;
    color: #fff !important;
}

/* ─── 39i. HOME PAGE 06 SPECIFIC — feature icon circles ─────────────────────── */
.home-variant-06 .feature-item .icon,
.home-variant-06 .key-feature .icon-wrap,
.home-variant-06 .single-feature .icon-bg {
    background-color: rgba(59, 122, 62, 0.12) !important;
    border-color: rgba(59, 122, 62, 0.30) !important;
}
.home-variant-06 .feature-item .icon i {
    color: #3b7a3e !important;
}

/* ─── 39j. COLOR-FIVE GENERAL UTILITY CLASS ─────────────────────────────────── */
/* The theme uses .color-five to colorize elements - we remap it to our saffron */
.color-five,
.theme-color-five {
    color: #c76b1c !important;
}
.bg-color-five,
.bg-theme-five {
    background-color: #c76b1c !important;
}
.border-color-five {
    border-color: #c76b1c !important;
}

/* ─── 39k. ACTIVE / HOVER STATES ON OWL CAROUSEL CONTROLS ───────────────────── */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #3b7a3e !important;
}
.owl-prev, .owl-next,
.owl-theme .owl-nav [class*=owl-] {
    background: #1e4d5c !important;
    color: #fff !important;
}
.owl-prev:hover, .owl-next:hover,
.owl-theme .owl-nav [class*=owl-]:hover {
    background: #3b7a3e !important;
}

/* ─── 39l. MOBILE NAVBAR TOGGLE COLOR ───────────────────────────────────────── */
.navbar-toggler { border-color: rgba(30, 77, 92, 0.4) !important; }
.navbar-toggler .icon-bar,
.navbar-toggler span,
.navbar-toggler-icon {
    background-color: #1e4d5c !important;
    border-color: #1e4d5c !important;
}

/* ─── 39m. PRELOADER SPINNER (color-five variant) ───────────────────────────── */
.preloader .spinner div,
.preloader-inner div,
#loading .spinner > div {
    background-color: #3b7a3e !important;
}

/* ─── 39n. TAB ACTIVE (home variant 06 donation tabs) ───────────────────────── */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #1e4d5c !important;
    border-bottom-color: #3b7a3e !important;
    border-color: rgba(59, 122, 62, 0.35) rgba(59, 122, 62, 0.35) #fff !important;
}
.nav-tabs .nav-link:hover {
    border-color: rgba(59, 122, 62, 0.20) !important;
    color: #3b7a3e !important;
}

/* ─── 39o. CAUSE CARD READ-MORE / DETAIL LINK ───────────────────────────────── */
.cause-details-btn,
.cause-read-more,
a.read-more,
.more-btn {
    color: #3b7a3e !important;
}
.cause-details-btn:hover,
a.read-more:hover,
.more-btn:hover {
    color: #1e4d5c !important;
}

/* ─── 39p. INPUT / CHECKBOX / RADIO ACCENT ──────────────────────────────────── */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: #3b7a3e;
}

/* ═══════════════════════════════════════════════════════════════════════════
   END OF JKF THEME — Version 2.0
   Cache-bust: bump ?v= in header.blade.php to force browser refresh
   ═══════════════════════════════════════════════════════════════════════════ */