/* Mobile Menu Footer Styles */
body.dark-mode .mobile-menu-footer .bank-openacct {
    border-color: var(--secondary-theme);
    color: var(--secondary-theme);
}

body.dark-mode .mobile-menu-footer .bank-openacct:hover {
    background: var(--primary-theme);
    color: #fff;
}

body.dark-mode .mobile-menu-footer .bank-openacct:hover {
    background: var(--secondary-theme);
    color: #fff;
}

body.dark-mode .mobile-menu-footer .bank-login,
body.dark-mode .mobile-menu-footer .bank-login:hover,
body.dark-mode .mobile-menu-toggle span,
body.dark-mode .card::before {
    background: var(--secondary-theme);
}
body.dark-mode .mobile-menu-footer .bank-login:hover {
    opacity: 0.9;
}

/* Comprehensive Dark Mode Theme Overrides */
body.dark-mode .language-btn:hover {
    border-color: var(--secondary-theme);
    color: var(--secondary-theme);
    box-shadow: 0 8px 25px rgba(30, 58, 138, 0.2);
}

body.dark-mode .btn-outline-primary:hover {
    background: var(--secondary-theme);
    border-color: var(--secondary-theme);
    color: #fff !important;
}

body.dark-mode .mobile-menu-header {
    background: var(--secondary-theme);
}

/* Mobile Menu Hover Effects - Combined */
body.dark-mode .mobile-menu-link:hover,
body.dark-mode .mobile-submenu-link:hover,
body.dark-mode .mobile-submenu-level2 li a:hover {
    background: rgba(30, 58, 138, 0.1);
    color: var(--secondary-theme);
}

/* Primary Theme Colors */

body.dark-mode .bg-primary {
    background-color: var(--secondary-theme) !important;
}

body.dark-mode .font-btn.active {
    background: var(--secondary-theme);
    box-shadow: 0 2px 8px rgba(30, 58, 138, 0.3);
}
body.dark-mode .modern-footer {
    background: linear-gradient(170deg, var(--secondary-theme) 50%, var(--primary-theme) 100%);
}

body.dark-mode .footer-legal a:hover,
body.dark-mode .footer-logo i,
body.dark-mode .cta-buttons .btn-primary:hover,
body.dark-mode .cta-buttons .btn-outline-primary:hover{
    color: #fff !important;
}

/* Gradient Backgrounds - Combined */
body.dark-mode .social-link::before,
body.dark-mode .progress-bar,
body.dark-mode .back-to-top {
    background: linear-gradient(135deg, var(--secondary-theme), var(--primary-theme));
}

/* Section Titles and Headings */
body.dark-mode .section-title.text-primary,
body.dark-mode h1.text-primary,
body.dark-mode h2.text-primary,
body.dark-mode .section-header h2 i,
body.dark-mode .explore-btn,
body.dark-mode .text-primary,
body.dark-mode .title-icon,
body.dark-mode .cta-buttons .btn-primary,
body.dark-mode a.bank-logo {
    color: var(--secondary-theme) !important;
}

body.dark-mode .intro-paragraph:hover {
    border-left-color: var(--secondary-theme);
}

body.dark-mode .questions-title {
    color: var(--secondary-theme);
}

body.dark-mode .learn-more-link {
    color: var(--secondary-theme);
}

body.dark-mode .bottom-section,
body.dark-mode .badge-custom span {
    background: var(--secondary-theme);
}

body.dark-mode .learn-more-link:hover {
    color: var(--primary-theme);
}

/* Icons and Badges */
body.dark-mode .service-icon i,
body.dark-mode .card-icon,
body.dark-mode .bank-openacct {
    color: var(--secondary-theme) !important;
}

body.dark-mode .paragraph-icon,
body.dark-mode .bank-login {
    background: var(--secondary-theme) !important;
}

body.dark-mode .stat-number {
    color: var(--secondary-theme) !important;
}

/* Links in Dark Mode */
body.dark-mode a.text-primary,
body.dark-mode a:hover.text-primary,
body.dark-mode .mark:hover,
body.dark-mode .apply-btn {
    color: var(--secondary-theme) !important;
}

/* Borders and Outlines */
body.dark-mode .border-primary {
    border-color: var(--secondary-theme) !important;
}

/* Hover and Active States */
body.dark-mode .card:hover .text-primary,
body.dark-mode .view-all {
    color: var(--secondary-theme) !important;
}

body.dark-mode .card:hover .service-icon,
body.dark-mode .slider-thumb,
body.dark-mode .loan-summary,
body.dark-mode .cta-section,
body.dark-mode .decoration-diamond,
body.dark-mode .mission-card .card-inner::before,
body.dark-mode .mission-icon,
body.dark-mode .vision-icon,
body.dark-mode .title-underline,
body.dark-mode .decoration-line,
body.dark-mode .timeline-dot::after {
    background: var(--secondary-theme) !important;
}

body.dark-mode .view-all:hover,
body.dark-mode .cta-buttons .btn-outline-primary:hover {
    color: var(--primary-theme);
}

body.dark-mode .stat-card:hover {
    border-color: var(--secondary-theme);
}

body.dark-mode .mission-card .card-inner {
    border-left: 5px solid var(--secondary-theme);
}

body.dark-mode .card:hover .service-icon i {
    color: #fff !important;
}

body.dark-mode .loan-type-btn.active {
    background: var(--secondary-theme);
    border-color: var(--secondary-theme);
    color: #fff;
}

body.dark-mode .loan-type-btn:hover {
    background: var(--secondary-theme);
    border-color: var(--secondary-theme);
}

body.dark-mode .duration-btn.active {
    background: var(--secondary-theme);
    border-color: var(--secondary-theme);
    color: #fff;
}

body.dark-mode .duration-btn:hover:not(.active) {
    border-color: var(--secondary-theme);
    color: var(--secondary-theme);
}

body.dark-mode .stat-card:hover .stat-number {
    color: var(--secondary-theme) !important;
}

/* Nav Menu Items */
body.dark-mode .nav-menu .dropdown-menu a:hover {
    background: rgba(30, 58, 138, 0.1) !important;
    color: var(--secondary-theme) !important;
}

body.dark-mode .nav-menu .dropdown-menu a::before {
    background: var(--secondary-theme) !important;
}

/* Bank Topbar */
body.dark-mode .bank-topbar,
body.dark-mode .bank-topbar::after {
    background: var(--secondary-theme) !important;
}

/* Dropdown Menu Hover Effects - Combined */
body.dark-mode .bank-toplinks .dropdown-menu a:hover,
body.dark-mode .nav-menu .dropdown-menu a:hover {
    background: rgba(30, 58, 138, 0.1);
    color: var(--secondary-theme);
}

body.dark-mode .bank-toplinks .dropdown-menu a::before,
body.dark-mode .nav-menu .dropdown-menu a::before {
    background: var(--secondary-theme);
}