/* =====================================================================
   MAROON & GOLD THEME  —  Chirayu Health Awareness and Research Center 
   Is file ko style4ada.css aur lang.css ke BAAD link karo.
   Sab colors yahin ke variables se control hote hain.
   ===================================================================== */

:root {
    --primary: #8B0028; /* maroon */
    --primary-dark: #62001D; /* deep maroon */
    --primary-light: #FBECEF; /* light maroon tint */
    --accent: #D4A24A; /* gold */
    --accent-dark: #A97C22; /* dark gold */
    --accent-light: #FBF1DC; /* light gold tint */
    --navy: #4A0016;
    --gold: #F6C52D;
    --charcoal: #3b2a2e;
    --text-dark: #3b2a2e;
    --text-muted: #7a666b;
    --light-bg: #FBF6F2;
    --border: #EEDFD6;
    /* extra helpers used below */
    --maroon-900: #2b000c;
    --maroon-800: #3f0013;
    --maroon-700: #62001D;
    --gold-300: #F3D98B;
    --gold-200: #FFE7A0;
    --shadow-maroon: rgba(139, 0, 40, 0.18);
    --shadow-gold: rgba(212, 162, 74, 0.40);
}

::selection {
    background: var(--accent);
    color: var(--maroon-800);
}

/* ---------------------------------------------------------------
   TOP BAR
   --------------------------------------------------------------- */
.top-bar {
    background: var(--maroon-700);
    color: var(--gold-200);
    border-bottom: 2px solid var(--accent);
}

    .top-bar a {
        color: var(--gold-200);
    }

        .top-bar a:hover {
            color: #fff;
        }
/* Social icons: white circle + real brand colour icon */
.top-bar-social a {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.3);
}

    .top-bar-social a i {
        transition: transform .25s ease;
    }

    .top-bar-social a:hover {
        background: #fff;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0,0,0,.35);
    }

        .top-bar-social a:hover i {
            transform: scale(1.15);
        }

    .top-bar-social a[aria-label="Facebook"] i {
        color: #1877F2;
    }

    .top-bar-social a[aria-label="Instagram"] i {
        color: #E4405F;
    }

    .top-bar-social a[aria-label="Twitter"] i {
        color: #1DA1F2;
    }

    .top-bar-social a[aria-label="LinkedIn"] i {
        color: #0A66C2;
    }

    .top-bar-social a[aria-label="YouTube"] i {
        color: #FF0000;
    }

    .top-bar-social a.top-bar-whatsapp i {
        color: #25D366;
    }

    .top-bar-social a.top-bar-whatsapp:hover {
        background: #fff;
        color: #25D366;
    }

.top-bar-mobile-link {
    color: var(--gold-200);
}

.nav-donate-btn-mobile {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
    color: var(--gold-200) !important;
    border: 1.5px solid var(--accent);
    box-shadow: 0 4px 12px var(--shadow-maroon);
}

    .nav-donate-btn-mobile:hover, .nav-donate-btn-mobile:active {
        color: #fff !important;
        background: var(--primary-dark) !important;
    }

/* ---------------------------------------------------------------
   LOGO BANNER + NAVBAR
   --------------------------------------------------------------- */
.static-logo-banner {
    border-bottom: 1px solid var(--border) !important;
}

.static-logo-banner-text {
    color: var(--primary);
}

.main-navbar {
    border-bottom: 3px solid var(--accent);
}

.navbar-brand-text {
    color: var(--primary);
}

.nav-link-custom {
    color: var(--maroon-800) !important;
}

    .nav-link-custom::before {
        background: var(--accent);
    }

    .nav-link-custom:hover {
        color: var(--primary) !important;
    }

    .nav-link-custom.active {
        color: var(--primary) !important;
    }

        .nav-link-custom.active::before {
            background: var(--primary);
        }

.btn-donate-nav {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: var(--gold-200) !important;
    border: 1.5px solid var(--accent);
    box-shadow: 0 4px 14px var(--shadow-maroon);
}

    .btn-donate-nav:hover {
        color: #fff !important;
        box-shadow: 0 8px 20px rgba(139,0,40,.4);
    }

/* ---------------------------------------------------------------
   DROPDOWN MENUS  (Gallery / Get Involved / Resources)
   --------------------------------------------------------------- */
.main-navbar .dropdown-menu {
    background: #fff;
    border: 0 !important;
    border-top: 3px solid var(--accent) !important;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 16px 36px rgba(98, 0, 29, .18) !important;
    padding: 8px 0;
}

.main-navbar .dropdown-item {
    color: var(--maroon-800);
    font-weight: 600;
    font-size: .88rem;
    padding: 9px 20px;
    transition: all .2s ease;
}

    .main-navbar .dropdown-item:hover,
    .main-navbar .dropdown-item:focus,
    .main-navbar .dropdown-item.active {
        background: linear-gradient(90deg, var(--primary-light), var(--accent-light));
        color: var(--primary);
        padding-left: 26px;
    }

    .main-navbar .dropdown-item i,
    .main-navbar .dropdown-item i.text-success,
    .main-navbar .dropdown-item i.text-danger,
    .main-navbar .dropdown-item i.text-primary,
    .main-navbar .dropdown-item i.text-warning {
        color: var(--accent-dark) !important;
    }

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

.main-navbar .dropdown-toggle::after {
    color: var(--accent-dark);
}

/* Mega menu (agar enable karo) */
.mega-menu-programs {
    border-top: 3px solid var(--accent);
}

.mega-menu-program-title {
    color: var(--primary);
    border-bottom: 2px solid var(--accent-light);
}

    .mega-menu-program-title:hover {
        color: var(--accent-dark);
    }

.mega-menu-project-list a:hover {
    background: var(--primary-light);
    color: var(--primary);
}

/* Language dropdown (lang.css ke classes) */
.lang-dd-btn {
    background: rgba(212, 162, 74, .14);
    border: 1px solid rgba(255, 215, 106, .7);
    color: var(--gold-200);
    border-radius: 24px;
}

    .lang-dd-btn:hover {
        background: rgba(212, 162, 74, .26);
        border-color: var(--gold-200);
    }

    .lang-dd-btn i {
        color: #FFD76A;
    }

.lang-dd-menu {
    background: var(--maroon-700) !important;
    border: 1px solid var(--accent) !important;
}

    .lang-dd-menu li, .lang-dd-menu li a, .lang-dd-menu button {
        color: #fff;
    }

        .lang-dd-menu li:hover, .lang-dd-menu li.active {
            background: var(--primary) !important;
            color: var(--gold-200) !important;
        }

/* ---------------------------------------------------------------
   HERO
   --------------------------------------------------------------- */
.hero-section {
    background: linear-gradient(160deg, var(--maroon-900) 0%, var(--maroon-700) 50%, var(--maroon-900) 100%);
}

.hero-overlay {
    background: radial-gradient(circle at 88% 8%, rgba(212,162,74,.45) 0%, transparent 42%), radial-gradient(circle at 6% 95%, rgba(139,0,40,.65) 0%, transparent 48%), linear-gradient(180deg, rgba(43,0,12,.45) 0%, rgba(43,0,12,.85) 100%);
}

.hero-badge {
    background: rgba(212,162,74,.18);
    color: var(--gold-300);
    border: 1px solid rgba(212,162,74,.55);
}

.hero-section h1 span, .text-gradient-accent {
    color: var(--accent);
}

.text-gradient-accent {
    background: linear-gradient(90deg, var(--accent) 0%, var(--gold-300) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-trust-item i {
    color: var(--accent);
}

.btn-hero-primary {
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
    color: #fff;
    box-shadow: 0 8px 25px var(--shadow-gold);
}

    .btn-hero-primary:hover {
        color: #fff;
        box-shadow: 0 12px 32px rgba(212,162,74,.55);
    }

.btn-hero-outline {
    border: 2px solid rgba(255,215,106,.6);
    color: var(--gold-200);
}

    .btn-hero-outline:hover {
        background: rgba(212,162,74,.15);
        color: #fff;
        border-color: var(--accent);
    }

.hero-bg-indicators button.active {
    background: var(--accent);
}

.hero-stat-strip .hs-num {
    color: var(--accent);
}

/* avatar circles (inline colours ko override) */
.hero-avatars-stack .hero-avatar-initial:nth-child(1) {
    background: var(--primary) !important;
}

.hero-avatars-stack .hero-avatar-initial:nth-child(2) {
    background: var(--accent) !important;
    color: var(--maroon-800);
}

.hero-avatars-stack .hero-avatar-initial:nth-child(3) {
    background: var(--primary-dark) !important;
}

.hero-avatars-stack .hero-avatar-initial:nth-child(4) {
    background: var(--accent-dark) !important;
}

/* ---------------------------------------------------------------
   STATS BAND
   --------------------------------------------------------------- */
.stats-band {
    background: linear-gradient(135deg, rgba(98,0,29,.93), rgba(139,0,40,.90)), url('https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?w=1600&q=80') center/cover;
    border-top: 3px solid var(--accent);
    border-bottom: 3px solid var(--accent);
}

.stats-band-icon {
    color: var(--accent);
}

.stats-band-value {
    color: var(--gold-200);
}

.stat-sep {
    background: rgba(212,162,74,.35);
}

/* ---------------------------------------------------------------
   HAMARA MUKH UDESH  (11 colourful cards -> maroon/gold alternate)
   --------------------------------------------------------------- */
.mu-section {
    background: linear-gradient(180deg, #fbf3ee 0%, #ffffff 100%);
}

    .mu-section::before {
        background: rgba(139,0,40,.07);
    }

    .mu-section::after {
        background: rgba(212,162,74,.12);
    }

.mu-wrap {
    border: 3px solid var(--accent);
}

    .mu-wrap .mu-card.mu-blue, .mu-wrap .mu-card.mu-green, .mu-wrap .mu-card.mu-orange,
    .mu-wrap .mu-card.mu-teal, .mu-wrap .mu-card.mu-violet, .mu-wrap .mu-card.mu-lime {
        --c1: #A8123A;
        --c2: #62001D;
        --tint: #FCEEF1;
        --edge: #F0C9D3;
    }

    .mu-wrap .mu-card.mu-red, .mu-wrap .mu-card.mu-purple, .mu-wrap .mu-card.mu-pink,
    .mu-wrap .mu-card.mu-brown, .mu-wrap .mu-card.mu-sky {
        --c1: #E0B050;
        --c2: #A97C22;
        --tint: #FCF4E2;
        --edge: #F1DDAA;
    }

    .mu-wrap .mu-card .mu-card-title {
        color: var(--c2);
    }

/* ---------------------------------------------------------------
   SECTION COMMON
   --------------------------------------------------------------- */
.section-badge {
    background: var(--primary-light);
    color: var(--primary);
    border: 1px solid rgba(139,0,40,.15);
}

    .section-badge:hover {
        box-shadow: 0 4px 12px var(--shadow-maroon);
    }

.section-title span {
    color: var(--primary);
}

.title-line {
    background: linear-gradient(90deg, var(--primary), var(--accent));
}

.about-text-col .section-badge {
    background: transparent;
    color: var(--accent-dark);
    border: 0;
}

    .about-text-col .section-badge::before {
        color: var(--accent-dark);
    }

/* ---------------------------------------------------------------
   ABOUT
   --------------------------------------------------------------- */
.about-years-badge {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: var(--gold-200);
    border: 2px solid var(--accent);
    box-shadow: 0 10px 26px rgba(139,0,40,.4);
}

.about-heart-badge {
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
    box-shadow: 0 10px 26px var(--shadow-gold);
}

.about-trust-badge i {
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
    box-shadow: 0 8px 18px var(--shadow-gold);
}

.about-trust-badge-desc::before {
    color: var(--accent-dark);
}

.about-cta-btn {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: var(--gold-200);
    box-shadow: 0 10px 24px var(--shadow-maroon);
}

    .about-cta-btn:hover {
        color: #fff;
        box-shadow: 0 14px 30px rgba(139,0,40,.45);
    }

.about-cta-btn-icon {
    background: rgba(212,162,74,.28);
    color: var(--gold-200);
}

.about-cta-btn-outline {
    background: transparent;
    color: var(--primary);
    border: 2px solid var(--primary);
}

    .about-cta-btn-outline .about-cta-btn-icon {
        background: var(--primary);
        color: var(--gold-200);
    }

    .about-cta-btn-outline:hover {
        background: var(--primary-light);
        color: var(--primary);
    }

.about-call-icon {
    border-color: var(--accent);
    color: var(--primary);
}

/* ---------------------------------------------------------------
   PROGRAMS SLIDER
   --------------------------------------------------------------- */
.programs-slider .slick-dots li button {
    background: #dccdc2;
}

.programs-slider .slick-dots li.slick-active button {
    background: var(--accent);
}

.prog-slide-media {
    background: var(--primary);
}

.prog-slide-media--green {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
}

.prog-slide-media--orange {
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
}

.prog-slide-body strong {
    color: var(--maroon-800);
}

.prog-slide-link {
    color: var(--accent-dark);
}

    .prog-slide-link:hover {
        color: var(--primary);
    }

.prog-slide-body {
    border-bottom: 3px solid var(--accent);
}

/* Project category cards */
.proj-cat-icon--t1 {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
}

.proj-cat-icon--t2 {
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
}

.proj-cat-icon--t3 {
    background: var(--primary-light);
}

.proj-cat-link {
    color: var(--accent-dark);
}

.proj-cat-card:hover {
    box-shadow: 0 18px 40px var(--shadow-maroon);
}

.wwd-card-icon--t1 {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
}

.wwd-card-icon--t2 {
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
}

.wwd-card-icon--t3 {
    background: linear-gradient(135deg, var(--gold), var(--accent-dark));
}

.wwd-card-icon--t4 {
    background: linear-gradient(135deg, var(--primary-dark), var(--maroon-900));
}

.wwd-card-link {
    color: var(--accent-dark);
}

.outline-pill-btn, .outline-pill-btn-sm {
    border-color: var(--primary);
    color: var(--primary);
}

    .outline-pill-btn:hover, .outline-pill-btn-sm:hover {
        background: var(--primary);
        color: var(--gold-200);
    }

/* ---------------------------------------------------------------
   CAUSES
   --------------------------------------------------------------- */
.cause-card:hover, .cause-card-new:hover {
    box-shadow: 0 18px 40px var(--shadow-maroon);
}

.cause-home-tag {
    --tag-bg: var(--primary-light) !important;
    --tag-color: var(--primary) !important;
}

.cause-home-days-badge i {
    color: var(--accent);
}

.cause-progress-fill {
    background: linear-gradient(90deg, var(--primary), var(--accent));
}

.cause-donate-btn {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    color: var(--gold-200);
}

    .cause-donate-btn:hover {
        background: var(--accent-dark);
        color: #fff;
    }

.btn-cause {
    background: var(--primary);
}

    .btn-cause:hover {
        background: var(--primary-dark);
    }

.btn-cause-share {
    background: var(--accent-light);
    color: var(--primary);
}

    .btn-cause-share:hover, .btn-cause-share.is-copied {
        background: var(--primary);
        color: var(--gold-200);
    }

.urgent-badge, .cause-home-urgent-badge {
    background: var(--accent-dark);
    color: #fff;
}

/* ---------------------------------------------------------------
   GET INVOLVED
   --------------------------------------------------------------- */
.involve-card:hover {
    box-shadow: 0 18px 40px var(--shadow-maroon) !important;
}

.involve-card-featured {
    border: 2px solid var(--accent);
}

.involve-ribbon {
    background: var(--accent);
    color: var(--maroon-800);
}

.involve-cta-btn {
    background: var(--primary);
    color: var(--gold-200);
}

    .involve-cta-btn:hover {
        background: var(--primary-dark);
        color: #fff;
    }

.involve-cta-btn--featured {
    --btn-bg: var(--accent-dark);
}

.involve-cta-btn--featured {
    background: var(--accent-dark);
    color: #fff;
}

.involve-perk-badge i {
    color: var(--accent-dark);
}

/* ---------------------------------------------------------------
   FOUNDERS
   --------------------------------------------------------------- */
.founder-image-wrap .image-overlay {
    background: rgba(139,0,40,.55);
}

    .founder-image-wrap .image-overlay i {
        color: var(--primary);
    }

.founder-designation, .modal-founder-designation {
    color: var(--accent-dark);
}

.founder-name, .modal-founder-name {
    color: var(--maroon-800);
}

.founder-card {
    border-bottom: 3px solid var(--accent);
}

.founder-slider-btn {
    background: var(--primary);
    color: var(--gold-200);
    border: 2px solid var(--accent);
}

    .founder-slider-btn:hover {
        background: var(--accent);
        color: var(--maroon-800);
    }

.btn-bio {
    border-color: var(--primary);
    color: var(--primary);
}

    .btn-bio:hover {
        background: var(--primary);
        color: var(--gold-200);
    }

.modal-close:hover {
    background: var(--primary);
    color: var(--gold-200);
}

/* ---------------------------------------------------------------
   VIDEOS + EVENTS
   --------------------------------------------------------------- */
.lv-video-card {
    border-bottom: 3px solid var(--accent);
}

.events-widget-card {
    border-top: 4px solid var(--accent);
}

.events-widget-title i {
    color: var(--primary);
}

.event-icon-box:nth-of-type(1), .event-row:nth-of-type(1) .event-icon-box {
    --icon-color: #8B0028 !important;
}

.event-row:nth-of-type(2) .event-icon-box {
    --icon-color: #C99A2E !important;
}

.event-row:nth-of-type(3) .event-icon-box {
    --icon-color: #62001D !important;
}

.event-info-location .text-danger {
    color: var(--primary) !important;
}

/* ---------------------------------------------------------------
   DONORS / PARTNERS
   --------------------------------------------------------------- */
.partner-logo-box {
    border-color: var(--border);
}

    .partner-logo-box:hover {
        border-color: var(--accent);
        box-shadow: 0 8px 20px var(--shadow-gold);
    }

.partner-name-badge:hover {
    border-color: var(--accent);
    color: var(--primary);
}

/* ---------------------------------------------------------------
   OUR PRESENCE (India map)
   --------------------------------------------------------------- */
/* OUR PRESENCE (India map) - sab white, sirf Karnataka red */
/* OUR PRESENCE (India map) - sab white, sirf Karnataka red */
/* OUR PRESENCE (India map) - poora India dark golden, Karnataka red */
#presenceMap svg #features path {
    fill: #B89B65 !important;
    stroke: #ffffff !important;
    stroke-width: 1 !important;
}

    #presenceMap svg #features path#INKA {
        fill: #8B0028 !important; /* Karnataka maroon */
        stroke: #ffffff !important;
        stroke-width: 1.4 !important;
    }

    /* hover pe koi change nahi */
    #presenceMap svg #features path:hover {
        fill: #B89B65 !important;
        cursor: default;
    }

    #presenceMap svg #features path#INKA:hover {
        fill: #8B0028 !important;
    }

#presenceMap #presenceDots circle:last-child {
    fill: #8B0028 !important;
}
#presenceMap .state-label {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 800;
    fill: #ffffff;
    stroke: none !important;
    paint-order: stroke;
    letter-spacing: .5px;
}

    /* Karnataka ka label pin ke neeche dikhe, isliye thoda niche shift */
    #presenceMap .state-label[data-id="INKA"] {
        font-size: 12px;
    }
/* ---------------------------------------------------------------
   INNER PAGES (program / project detail)
   --------------------------------------------------------------- */
.program-hero, .program-cta {
    background: radial-gradient(circle at 88% 10%, rgba(212,162,74,.4) 0%, transparent 42%), radial-gradient(circle at 6% 92%, rgba(139,0,40,.55) 0%, transparent 48%), linear-gradient(160deg, var(--maroon-900) 0%, var(--maroon-700) 50%, var(--maroon-900) 100%);
}

.program-hero {
    background: linear-gradient(160deg, rgba(43,0,12,.9) 0%, rgba(98,0,29,.84) 50%, rgba(43,0,12,.9) 100%), url('../images/inner-hero.png');
    background-size: cover;
    background-position: center;
}

.pd-impact-band {
    background: linear-gradient(160deg, var(--maroon-900) 0%, var(--maroon-700) 50%, var(--maroon-900) 100%);
}

.pd-objective-card:hover {
    border-top-color: var(--accent);
}

.pd-objective-icon--t1 {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
}

.pd-objective-icon--t2 {
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
}

.pd-objective-icon--t3 {
    background: linear-gradient(135deg, var(--gold), var(--accent-dark));
}

.pd-objective-icon--t4 {
    background: linear-gradient(135deg, var(--primary-dark), var(--maroon-900));
}

.pd-quick-contrib-icon, .pd-qty-btn {
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
}

.pd-quick-contrib-total-box {
    background: rgba(212,162,74,.14);
    border-color: rgba(212,162,74,.35);
}

.pd-quick-contrib-total-value {
    color: var(--accent);
}

.project-card:hover, .program-card:hover, .news-card:hover, .reg-card:hover, .video-testi-card:hover {
    box-shadow: 0 18px 40px var(--shadow-maroon);
}

.reg-card:hover, .program-card:hover {
    border-color: var(--primary);
}

.story-card::before {
    background: linear-gradient(90deg, var(--primary), var(--accent));
}

.btn-reg {
    border-color: var(--primary);
    color: var(--primary);
}

    .btn-reg:hover {
        background: var(--primary);
        color: var(--gold-200);
    }

.btn-verify {
    background: var(--primary);
    color: var(--gold-200);
}

    .btn-verify:hover {
        background: var(--primary-dark);
    }

.story-pager-link.active {
    background: var(--primary);
    border-color: var(--primary);
}

.story-pager-link:hover {
    border-color: var(--accent);
    color: var(--primary);
}

.story-prose blockquote {
    border-left-color: var(--accent);
}

/* ---------------------------------------------------------------
   DONATE SECTION
   --------------------------------------------------------------- */
.donate-section {
    background: linear-gradient(135deg, var(--maroon-900), var(--primary));
}

.amount-btn:hover, .amount-btn.active {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--maroon-800);
}

.donate-input:focus {
    border-color: var(--accent);
}

.btn-donate-now {
    background: linear-gradient(135deg, var(--accent), var(--accent-dark));
    color: #fff;
}

    .btn-donate-now:hover {
        background: var(--accent-dark);
        box-shadow: 0 8px 25px var(--shadow-gold);
    }

.donate-feature i {
    color: var(--accent);
}

/* ---------------------------------------------------------------
   FOOTER
   --------------------------------------------------------------- */
footer {
    background: var(--maroon-900);
    color: #e6cfa4;
    border-top: 4px solid var(--accent);
}

    footer h5, footer h6 {
        color: var(--gold-200);
    }

    footer a {
        color: #e6cfa4;
    }

        footer a:hover {
            color: var(--gold);
        }

.footer-col-title::after {
    background: var(--accent);
}

.footer-link i, .footer-contact-item i {
    color: var(--accent);
}

.footer-legal-text {
    color: #d8bf8f;
}

.footer-policy-badge {
    color: #e6cfa4;
    border-color: rgba(212,162,74,.45);
}

    .footer-policy-badge:hover {
        color: var(--maroon-800);
        background: var(--accent);
        border-color: var(--accent);
    }

.social-btn {
    background: rgba(212,162,74,.12);
    border: 1px solid rgba(212,162,74,.4);
    color: var(--gold-200);
}

    .social-btn:hover {
        background: var(--accent);
        border-color: var(--accent);
        color: var(--maroon-800);
    }

.footer-newsletter-group {
    border-color: rgba(212,162,74,.4);
}

.footer-newsletter-input::placeholder {
    color: #cdb27d;
}

.footer-newsletter-btn, .footer-newsletter-arrow-btn {
    background: var(--accent);
    color: var(--maroon-800);
}

    .footer-newsletter-arrow-btn:hover {
        background: var(--accent-dark);
        color: #fff;
    }

.footer-bottom {
    background: var(--maroon-700);
    border-top: 1px solid var(--accent);
}

    .footer-bottom p, .footer-credit {
        color: var(--gold-200) !important;
    }

    .footer-bottom a {
        color: var(--gold-300);
    }

        .footer-bottom a:hover {
            color: #fff;
        }

.footer-credit-brand {
    color: var(--accent) !important;
}

    .footer-credit-brand:hover {
        color: #fff !important;
    }

.footer-admin-link {
    color: var(--gold-200) !important;
    border-color: var(--accent);
}

    .footer-admin-link:hover {
        background: var(--accent);
        color: var(--maroon-800) !important;
    }

/* Floating WhatsApp: green hi rahega (brand colour) */

/* ---------------------------------------------------------------
   Bootstrap utility leftovers
   --------------------------------------------------------------- */
.text-success {
    color: var(--primary) !important;
}

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

.text-warning {
    color: var(--accent-dark) !important;
}

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

.btn-primary {
    background: var(--primary);
    border-color: var(--primary);
}

    .btn-primary:hover {
        background: var(--primary-dark);
        border-color: var(--primary-dark);
    }

.text-accent {
    color: var(--accent-dark);
}