/* Premium Solid Dark Theme (HYIP Sample Match) */
:root {
    /* Very dark navy/blackish background */
    --bg-dark-solid: #03051A;       
    /* Slightly lighter navy for cards/accordions */
    --bg-card-solid: #0A0D2A;       
    --bg-header-solid: #03051A;     
    
    --color-gold: #FFCC00;
    --color-gold-hover: #E6B800;
    
    --text-white: #FFFFFF;
    --text-gray: #B0B5C9;
    --text-dark: #000000;
    
    --border-color: #1A1F40;        
}

/* Global Background - Completely Solid */
body, .dashboard-main, .main-layout, .main-wrapper, html {
    background-color: var(--bg-dark-solid) !important;
    background-image: none !important;
    color: var(--text-gray) !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Typography Overrides */
h1, h2, h3, h4, h5, h6, .title, .main-heading, .home-page-heading, .section-title {
    color: var(--text-white) !important;
    font-weight: 700 !important;
}
p, span, label, .aboutus_text, .card-text, .text-white {
    color: var(--text-gray) !important;
}
.base--color, .text--base, .home-banner-text, .section-subtitle {
    color: var(--color-gold) !important;
}

/* Header & Navigations - Solid & Opaque */
.appHeader, .header, .header.menu-fixed, .header__bottom, .bottom-navbar, .nav-box, .footer {
    background-color: var(--bg-header-solid) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--border-color) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
}
.bottom-navbar {
    border-top: 1px solid var(--border-color) !important;
    border-bottom: none !important;
}
.nav__item-text, .nav__item-icon, .tradeCloseButton, .walletButton {
    color: var(--color-gold) !important;
}
.nav__item.active {
    border-bottom: 4px solid var(--color-gold) !important;
}

/* Cards & Containers */
.card, .stat-box, .account-card, .service-card, .about-card, .logout-card, .header-card, .invest-card, .plan-card, .registration-wrapper, .transparent-form, .work-card, .choose-card, .overview-card, .testimonial-card {
    background-color: var(--bg-card-solid) !important;
    background-image: none !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
}

/* Gold Border Card Utility (for "Investment Plans" look) */
.gold-border-card {
    border: 2px solid var(--color-gold) !important;
    border-radius: 5px !important;
    padding: 30px !important;
    text-align: center;
    background-color: var(--bg-dark-solid) !important;
    transition: transform 0.3s ease;
}
.gold-border-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(255, 204, 0, 0.15) !important;
}

/* Custom Bullet List */
.gold-bullet-list {
    list-style: none;
    padding-left: 0;
}
.gold-bullet-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    color: var(--text-gray);
    font-size: 16px;
}
.gold-bullet-list li::before {
    content: "■";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color-gold);
    font-size: 14px;
}

/* Custom Navbar Links */
.main-menu li a {
    color: var(--text-white) !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 15px !important;
    letter-spacing: 0.5px;
}
.main-menu li a:hover {
    color: var(--color-gold) !important;
}

/* Buttons */
.btn-primary, .main-btn, .action-button, .btn--base, .home-button, button[type="submit"] {
    background-color: var(--color-gold) !important;
    background-image: none !important;
    color: var(--text-dark) !important;
    border: none !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    box-shadow: 0 4px 10px rgba(255, 204, 0, 0.3) !important;
    padding: 10px 25px !important; /* Made buttons a bit smaller to match sample */
    transition: all 0.3s ease !important;
}
.btn-primary:hover, .main-btn:hover, .action-button:hover, .btn--base:hover, .home-button:hover, button[type="submit"]:hover {
    background-color: var(--color-gold-hover) !important;
    box-shadow: 0 6px 15px rgba(255, 204, 0, 0.5) !important;
    transform: translateY(-2px) !important;
    color: var(--text-dark) !important;
}

/* FAQ Accordion Styling (Sample match) */
.accordion-item {
    background-color: var(--bg-card-solid) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    overflow: hidden;
}
.accordion-button {
    background-color: var(--bg-card-solid) !important;
    color: var(--text-white) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    color: var(--color-gold) !important;
    background-color: var(--bg-card-solid) !important;
    border-bottom: 1px solid var(--border-color) !important;
}
.accordion-body {
    background-color: var(--bg-card-solid) !important;
    color: var(--text-gray) !important;
}

/* Loader */
#loader, .preloader, .custom_preload {
    background-color: var(--bg-dark-solid) !important;
}
.preloader__box span {
    background-color: var(--color-gold) !important;
}

/* Utilities */
.bg_img, .inner-hero {
    background-color: var(--bg-dark-solid) !important;
    background-image: none !important;
}

.inner-hero {
    padding-top: 120px !important;
    padding-bottom: 80px !important;
}