/* 
    Moneyplan Investment Redesign CSS - TRUE DARK THEME
*/

:root {
    --primary-navy: #0b0f19; /* Very dark background */
    --secondary-navy: #111827; /* Slightly lighter for cards */
    --primary-gold: #d4a017;
    --hover-gold: #eab308;
    --accent-green: #22c55e;
    --text-dark: #e2e8f0; /* Light grey for text in dark mode */
    --text-light: #f8fafc; /* Pure white for headings */
    --white: #ffffff;
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
}

body, .page-wrapper {
    font-family: var(--font-body);
    background-color: var(--primary-navy) !important;
    color: var(--text-dark) !important;
}

h1, h2, h3, h4, h5, h6, .title, .heading, .sec-title h1, .featured-title h5, .pricingTable-header h3 {
    font-family: var(--font-heading) !important;
    font-weight: 700;
    color: var(--text-light) !important;
}

p, .text, .featured-desc p, li {
    color: var(--text-dark) !important;
}

/* Header Styles */
.main-header {
    background-color: rgba(11, 15, 25, 0.95) !important;
    backdrop-filter: blur(10px);
    border-bottom: 2px solid var(--primary-gold);
}

.main-header.two .header-lower {
    background-color: transparent !important;
}

.main-header .main-menu .navigation > li > a {
    color: var(--text-light) !important;
    font-family: var(--font-heading);
    font-weight: 500;
    letter-spacing: 0.5px;
}

.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a {
    color: var(--primary-gold) !important;
}

.main-header .main-menu .navigation > li > ul {
    background-color: var(--secondary-navy) !important;
    border-top: 3px solid var(--primary-gold);
}

.main-header .main-menu .navigation > li > ul > li > a {
    color: var(--text-dark) !important;
}

.main-header .main-menu .navigation > li > ul > li > a:hover,
.main-header .main-menu .navigation > li > ul > li.current > a {
    color: var(--primary-gold) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Gradient Buttons */
.btn-gradient, .btn-submit, .button-box .btn {
    background: linear-gradient(135deg, var(--primary-gold) 0%, var(--hover-gold) 100%) !important;
    color: var(--primary-navy) !important;
    border: none !important;
    font-family: var(--font-heading);
    font-weight: 700;
    border-radius: 6px;
    box-shadow: 0 4px 15px rgba(212, 160, 23, 0.3);
    transition: all 0.3s ease;
}

.btn-gradient:hover, .btn-submit:hover, .button-box .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 160, 23, 0.5);
    color: #000 !important;
}

/* Footer Styles */
.main-footer {
    background-color: var(--secondary-navy) !important;
    border-top: 4px solid var(--primary-gold);
}

.main-footer .footer-widget h4 {
    color: var(--primary-gold) !important;
}

.main-footer .links-widget .links li a {
    color: var(--text-dark) !important;
}

.main-footer .links-widget .links li a:hover {
    color: var(--primary-gold) !important;
}

.main-footer .social-box li a {
    background-color: rgba(255,255,255,0.05);
    color: var(--primary-gold);
}

.main-footer .social-box li a:hover {
    background-color: var(--primary-gold);
    color: var(--primary-navy);
}

/* Page Header (Breadcrumb Section) */
.page_header {
    background: linear-gradient(rgba(11, 15, 25, 0.9), rgba(11, 15, 25, 0.95)), url('../images/new/service-bg.jpg') center/cover;
    border-bottom: 3px solid var(--primary-gold);
}

/* Service Cards / Pricing Tables / Dark Glassmorphism */
.modern-card, .service-item-02, .pricingTable, .featured-imagebox-service, .blog-details-inner, .contact-box-inner, .contact-form, .table, .testimonial-block .inner-box {
    background: rgba(17, 24, 39, 0.8) !important;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    transition: all 0.3s ease;
}

.modern-card:hover, .service-item-02:hover, .pricingTable:hover, .featured-imagebox-service:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(212, 160, 23, 0.15) !important;
    border: 1px solid rgba(212, 160, 23, 0.4);
}

/* Table styles */
.table td, .table th {
    background-color: transparent !important;
    color: var(--text-dark) !important;
    border-color: rgba(255,255,255,0.1) !important;
}

/* Special overrides */
.services-section .inner-box .icon img {
    filter: drop-shadow(0px 5px 10px rgba(212, 160, 23, 0.3));
}

.sec-title h1, .sec-title .title {
    color: var(--text-light) !important;
}

.sec-title .separator {
    background-color: var(--primary-gold);
}

/* Sidebar overrides */
.sidebar .sidenav {
    background-color: var(--secondary-navy);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 8px;
}
.sidebar .sidenav .side_menu li.active a,
.sidebar .sidenav .side_menu li:hover a {
    background-color: var(--primary-navy);
    color: var(--primary-gold);
    border-left: 3px solid var(--primary-gold);
}
.sidebar .sidenav h4 {
    color: var(--text-light);
    border-bottom: 2px solid var(--primary-gold);
}
.sidebar .sidenav .side_menu li a {
    color: var(--text-dark);
}

/* Testimonial Section */
.testimonial-section {
    background-color: var(--primary-navy) !important;
}

/* Forms */
.contact-form .form-control {
    background-color: rgba(0,0,0,0.2) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: var(--text-light) !important;
}

.contact-form .form-control:focus {
    border-color: var(--primary-gold) !important;
}

i.fa, i.fa-solid, i.fa-brands {
    color: var(--primary-gold);
}
/* Global Links Fix for Dark Theme */
a {
    color: var(--primary-gold);
    text-decoration: none;
}
a:hover {
    color: var(--hover-gold);
}
.contact-box .text a, .contact-box-inner a, .inner-box a {
    color: #e2e8f0 !important;
}
.contact-box .text a:hover, .contact-box-inner a:hover, .inner-box a:hover {
    color: var(--primary-gold) !important;
}

/* Force paragraph and list colors everywhere */
p, .text, li, span, div.text {
    color: #e2e8f0 !important;
}

/* Fix Form Inputs */
.form-control, input, textarea, select {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}
.form-control::placeholder, input::placeholder, textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}
.form-control:focus, input:focus, textarea:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--primary-gold) !important;
    box-shadow: 0 0 0 0.2rem rgba(212, 160, 23, 0.25) !important;
    color: #ffffff !important;
}

/* Fix Titles in Contact/Other Pages */
.contact-title h2, .contact-title h3, .sec-title h2, .sec-title h3 {
    color: #ffffff !important;
}