/* =========================================================
   DollarVizz - Blue + Green Theme Override  (v2 - fixed)
   Look: blue header/banner/footer, WHITE content sections,
   navy text, green buttons & accents.
   ISKO style.css ke BAAD load karna hai.
   ========================================================= */

:root {
    /* Green - primary buttons & accents */
    --theme-color: #3FA63F;
    --theme-color-2: #5CB85C;
    --secondary-color: #8DC63F;   /* light green accent text */

    /* Blues */
    --blue-deep: #0F4C9E;
    --blue: #1763C6;
    --blue-light: #2E86E0;

    /* Text & surfaces */
    --navy-text: #16386E;
    --body-text: #4b5d76;
    --section-light: #EAF1FB;
    --card-border: #D9E4F5;
}

/* ---------- GLOBAL: light page background + readable text ---------- */
body {
    background: #ffffff !important;
    color: var(--body-text) !important;
}
section,
.about,
.team,
.partner,
.faq {
    background-color: #ffffff !important;
    background-image: none !important;   /* dark bg-images hata do */
}
h1, h2, h3, h4, h5, h6 {
    color: var(--navy-text) !important;
}
p, li, span, a {
    color: var(--body-text);
}

/* ---------- HEADER ---------- */
.header-section,
.header-bottom {
    background: var(--blue) !important;
    background-image: none !important;
}
.menu li a,
.header-section .menu li a {
    color: #ffffff !important;
}
.menu li a:hover {
    color: var(--secondary-color) !important;
}

/* ---------- BANNER (hero) ---------- */
.banner {
    background: linear-gradient(135deg, var(--blue-deep) 0%, var(--blue-light) 100%) !important;
    background-image: linear-gradient(135deg, var(--blue-deep) 0%, var(--blue-light) 100%) !important;
}
.banner__content h1,
.banner__content h3 {
    color: #ffffff !important;
}
.banner__content p {
    color: rgba(255, 255, 255, 0.92) !important;
}
.banner__content .color--theme-color,
.banner__content .color--secondary-color {
    color: var(--secondary-color) !important;
}

/* ---------- BUTTONS ---------- */
/* Primary = green */
.default-btn {
    background: linear-gradient(180deg, var(--theme-color-2), var(--theme-color)) !important;
    border: 2px solid var(--theme-color-2) !important;
    border-radius: 30px !important;
    color: #ffffff !important;
}
.default-btn span,
.default-btn span i {
    color: #ffffff !important;
}
.default-btn:hover {
    background: linear-gradient(180deg, var(--theme-color), #2f8f2f) !important;
}
/* Secondary = outline */
.default-btn--secondary {
    background: transparent !important;
    border: 2px solid #ffffff !important;
}
.default-btn--secondary span,
.default-btn--secondary span i {
    color: #ffffff !important;
}
.default-btn--secondary:hover {
    background: rgba(255, 255, 255, 0.12) !important;
}

/* ---------- COUNTER / STAT CARDS ---------- */
.counter {
    background: var(--section-light) !important;
}
.counter__item {
    background: #ffffff !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(22, 56, 110, 0.06) !important;
}
.counter__item h2,
.counter__item .purecounter,
.counter__item p {
    color: var(--navy-text) !important;
}

/* ---------- SECTION HEADINGS ---------- */
.section-header .subtitle,
.about__content .subtitle {
    color: var(--theme-color) !important;
}
.section-header h2 {
    color: var(--navy-text) !important;
}

/* ---------- ABOUT ---------- */
.about__content h2 {
    color: var(--navy-text) !important;
}
.about__content p {
    color: var(--body-text) !important;
}
.about__content .color--secondary-color {
    color: var(--theme-color) !important;
}

/* ---------- HOW IT WORKS (team) ---------- */
.team__item,
.team__item-inner {
    background: #ffffff !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(22, 56, 110, 0.06) !important;
}
.team__item-author h4 {
    color: var(--navy-text) !important;
}
.team__item-content p {
    color: var(--body-text) !important;
}

/* ---------- COMMUNITY ("In Numbers") - blue band ---------- */
.community {
    background: linear-gradient(135deg, var(--blue-deep), var(--blue-light)) !important;
    background-image: linear-gradient(135deg, var(--blue-deep), var(--blue-light)) !important;
}
.community .section-header h2,
.community h1,
.community p {
    color: #ffffff !important;
}
.community .subtitle {
    color: var(--secondary-color) !important;
}

/* ---------- FAQ ---------- */
.accordion__item {
    background: #ffffff !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 10px !important;
}
.accordion__button {
    color: var(--navy-text) !important;
    background: #ffffff !important;
}
.accordion__button:not(.collapsed) {
    color: var(--theme-color) !important;
}
.accordion__body {
    color: var(--body-text) !important;
}

/* ---------- FOOTER ---------- */
.footer {
    background: var(--blue-deep) !important;
    background-image: none !important;
}
.footer__link a,
.footer_link a,
.footer__copyright p,
.footer__copyright a,
.social__link {
    color: #ffffff !important;
}
.social__link:hover {
    color: var(--secondary-color) !important;
}

/* =========================================================
   INNER / FORM PAGES  (login, signup, privacy, terms)
   ========================================================= */

/* Page wrapper -> light background (dark bg-image bhi hatao) */
.pages_all {
    background: #ffffff !important;
    background-image: none !important;
}

/* Form card */
.form-container {
    background: #ffffff !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 22px rgba(22, 56, 110, 0.08) !important;
}

/* Titles & labels */
.form-title,
.left-content .title,
.pages_all h5 {
    color: var(--navy-text) !important;
}
.right-content p,
.pages_all p,
.pages_all li {
    color: var(--body-text) !important;
}
.form-group label {
    color: var(--navy-text) !important;
}

/* Inputs */
.form-control {
    background: #ffffff !important;
    border: 1px solid var(--card-border) !important;
    color: var(--navy-text) !important;
    border-radius: 8px !important;
}
.form-control:focus {
    border-color: var(--theme-color) !important;
    box-shadow: 0 0 0 0.15rem rgba(63, 166, 63, 0.20) !important;
}

/* Form buttons (Login / Register) -> green solid so they are visible on white */
.pages_all .default-btn,
.pages_all .default-btn--secondary {
    background: linear-gradient(180deg, var(--theme-color-2), var(--theme-color)) !important;
    border: 2px solid var(--theme-color-2) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
}
.pages_all .default-btn:hover,
.pages_all .default-btn--secondary:hover {
    background: linear-gradient(180deg, var(--theme-color), #2f8f2f) !important;
}

/* Links */
.signup-link,
.form-check-label {
    color: var(--body-text) !important;
}
.signup-link a,
.form-check-label a,
.forgot,
.pages_all a {
    color: var(--theme-color) !important;
}
.forgot:hover,
.signup-link a:hover,
.pages_all a:hover {
    color: #2f8f2f !important;
}

/* Loader dots -> theme green (instead of teal) */
.dot-spinner {
    --uib-color: var(--theme-color) !important;
}