/* Final Brand-Aligned Deep Dark Theme - V8 (Mode Toggle Ready) */

:root {
    --true-black: #000000;
    --section-dark: #080808;
    --card-dark: #0D0D0D;
    --border-dark: #1A1A1A;

    /* Original Brand Colors restored from style.css */
    --brand-green: #00CC61;
    --brand-teal: #075e54;
}

/* Responsive Overrides */
.cs_mobile_only {
    display: none !important;
}

@media (max-width: 991px) {
    .cs_desktop_only {
        display: none !important;
    }

    .cs_mobile_only {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
}

/* Global Foundations */
body.cs_neon_dark {
    background-color: var(--true-black) !important;
    color: #B0B0B0 !important;
}

.cs_neon_dark html {
    background-color: var(--true-black) !important;
}

/* Typography Overrides */
.cs_neon_dark h1,
.cs_neon_dark h2,
.cs_neon_dark h3,
.cs_neon_dark h4,
.cs_neon_dark h5,
.cs_neon_dark h6,
.cs_neon_dark .cs_section_title {
    color: #FFFFFF !important;
}

.cs_neon_dark p,
.cs_neon_dark .cs_section_text,
.cs_neon_dark .cs_section_heading p {
    color: #A0A0A0 !important;
}

/* Header & Navigation Fixes */
.cs_neon_dark .cs_site_header {
    background-color: var(--true-black) !important;
    border-bottom: 1px solid #111 !important;
}

.cs_neon_dark .cs_nav_list>li>a {
    color: #FFFFFF !important;
    /* Ensure menu text isn't black */
}

.cs_neon_dark .cs_nav_list>li>a:hover {
    color: var(--brand-green) !important;
}

.cs_neon_dark .cs_nav_list ul {
    background-color: #0A0A0A !important;
    border: 1px solid #1A1A1A !important;
}

.cs_neon_dark .cs_nav .cs_nav_list {
    background-color: var(--true-black) !important;
    border-right: 1px solid #111 !important;
}

/* Nav Item Toggle Styling */
.cs_nav_list .cs_nav_toggle_item {
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.cs_nav_list .cs_nav_toggle_item .cs_mode_toggle {
    width: 38px;
    height: 38px;
}

@media (max-width: 991px) {
    .cs_nav_list .cs_nav_toggle_item {
        padding: 20px 15px;
        border-top: 1px solid #1A1A1A;
        margin-top: 10px;
    }
}

.cs_neon_dark .cs_nav_list ul a {
    color: #CCCCCC !important;
}

.cs_neon_dark .cs_nav_list ul a:hover {
    color: var(--brand-green) !important;
    background-color: rgba(0, 204, 97, 0.05) !important;
}

/* Sections & Backgrounds */
.cs_neon_dark .cs_white_bg {
    background-color: var(--true-black) !important;
}

.cs_neon_dark .cs_gray_bg_1,
.cs_neon_dark .cs_gray_bg_2,
.cs_neon_dark .cs_gray_bg_4,
.cs_neon_dark .cs_gray_bg_6,
.cs_neon_dark .cs_gray_bg_7,
.cs_neon_dark .cs_gray_bg_8,
.cs_neon_dark .cs_gray_bg_9 {
    background-color: var(--section-dark) !important;
}

.cs_neon_dark .cs_gray_bg_3::before {
    background: linear-gradient(180deg, #000000 0%, #080808 100%) !important;
    opacity: 1 !important;
}

/* Newsletter Input styling - READABILITY FIX */
.cs_neon_dark .cs_newsletter_input {
    background-color: #0D0D0D !important;
    border: 1px solid #222 !important;
    color: #FFFFFF !important;
    /* Text color inside input */
}

.cs_neon_dark .cs_newsletter_input::placeholder {
    color: #666666 !important;
}

.cs_neon_dark .cs_newsletter_input:focus {
    border-color: var(--brand-green) !important;
    background-color: #111111 !important;
}

/* FAQ / Accordion Fixes - READABILITY FIX */
.cs_neon_dark .cs_accordian {
    background-color: #0D0D0D !important;
    border: 1px solid #1A1A1A !important;
}

.cs_neon_dark .cs_accordian_head {
    color: #FFFFFF !important;
    /* Question color */
}

.cs_neon_dark .cs_accordian_body {
    color: #A0A0A0 !important;
    /* Answer color */
}

/* Brand Color Overrides */
.cs_neon_dark .cs_accent_bg {
    background-color: var(--brand-green) !important;
}

.cs_neon_dark .cs_purple_bg {
    background-color: var(--brand-teal) !important;
    color: #FFF !important;
}

.cs_neon_dark .cs_accent_color,
.cs_neon_dark .cs_purple_color {
    color: var(--brand-green) !important;
}

/* Counter / Stats Section Fixes */
.cs_neon_dark .cs_funfact_number {
    color: #FFFFFF !important;
}

.cs_neon_dark .cs_funfact p {
    color: var(--brand-green) !important;
    font-weight: 600;
}

/* Make stats shapes visible in dark mode */
.cs_neon_dark .cs_counter_shape_3 img,
.cs_neon_dark .cs_counter_shape_4 img {
    filter: invert(1) brightness(0.8);
    opacity: 0.3;
}

/* About/Features Section Icons */
.cs_neon_dark .cs_iconbox_icon {
    background-color: #111 !important;
    border: 1px solid #1A1A1A !important;
}

/* Filter to align icons with brand green */
.cs_neon_dark .cs_iconbox_icon img {
    filter: brightness(0) saturate(100%) invert(58%) sepia(97%) saturate(395%) hue-rotate(98deg) brightness(98%) contrast(102%);
}

/* Pricing Refinements */
.cs_neon_dark .cs_card,
.cs_neon_dark .cs_iconbox.cs_style_1 {
    background-color: transparent !important;
    border-color: transparent !important;
}

.cs_neon_dark .cs_pricing_table {
    background-color: #0D0D0D !important;
    border: 1px solid #1A1A1A !important;
}

.cs_neon_dark .cs_pricing_table:hover {
    border-color: var(--brand-green) !important;
}

.cs_neon_dark .cs_pricing_control li.active a {
    color: var(--brand-green) !important;
}

/* Footer & Copyright Fixes - READABILITY FIX */
.cs_neon_dark .cs_footer {
    background-color: var(--true-black) !important;
    border-top: 1px solid #111 !important;
}

.cs_neon_dark .cs_footer_widget_title,
.cs_neon_dark .cs_footer_bottom,
.cs_neon_dark .cs_footer_bottom p,
.cs_neon_dark .cs_footer_bottom a,
.cs_neon_dark .cs_copyright,
.cs_neon_dark .cs_footer_main p {
    color: #FFFFFF !important;
    /* Ensure copyright and footer text is white */
}

.cs_neon_dark .cs_footer_medu a,
.cs_neon_dark .cs_footer_medu li {
    color: #A0A0A0 !important;
}

.cs_neon_dark .cs_footer_medu a:hover {
    color: var(--brand-green) !important;
}

/* Global Utility Overrides for high priority */
.cs_neon_dark .cs_white_color {
    color: #FFF !important;
}

.cs_neon_dark .cs_heading_color {
    color: #FFF !important;
}

/* Scrollup */
.cs_neon_dark .cs_scrollup {
    background-color: var(--brand-teal) !important;
    color: #FFF !important;
}

/* Theme Toggle Button Styles */
.cs_mode_toggle {
    background: #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    color: #333;
}

.cs_mode_toggle:hover {
    background: #e5e5e5;
}

.cs_neon_dark .cs_mode_toggle {
    background: #111;
    border-color: #222;
    color: var(--brand-green);
}

.cs_neon_dark .cs_mode_toggle:hover {
    background: #1A1A1A;
    box-shadow: 0 0 10px rgba(0, 204, 97, 0.2);
}

/* Toggle Icons Visibility */
.cs_mode_toggle .cs_dark_icon {
    display: none;
}

.cs_mode_toggle .cs_light_icon {
    display: block;
}

.cs_neon_dark .cs_mode_toggle .cs_dark_icon {
    display: block;
}

.cs_neon_dark .cs_mode_toggle .cs_light_icon {
    display: none;
}

/* Integration Status Tags */
.cs_payment_status {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 2px 10px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 5;
    line-height: 1.4;
}

.cs_payment_status.active {
    background-color: rgba(0, 204, 97, 0.15);
    color: #00CC61;
    border: 1px solid rgba(0, 204, 97, 0.3);
}

.cs_payment_status.pending {
    background-color: rgba(255, 165, 0, 0.15);
    color: #FFA500;
    border: 1px solid rgba(255, 165, 0, 0.3);
}

.cs_neon_dark .cs_iconbox.cs_style_2.cs_type_3 {
    background-color: #111 !important;
    border: 1px solid #222;
}

.cs_neon_dark .cs_iconbox.cs_style_2.cs_type_3:hover {
    border-color: var(--brand-green);
    background-color: #161616 !important;
}

.cs_neon_dark .cs_payment_logo {
    background-color: #111 !important;
    border: 1px solid #222;
    color: #fff;
    transition: all 0.3s ease;
}

.cs_neon_dark .cs_payment_logo:hover {
    border-color: var(--brand-green);
    transform: translateY(-5px);
}

.cs_neon_dark .cs_contact_form .cs_form_field {
    background-color: #0A0A0A !important;
    border: 1px solid #1A1A1A !important;
    color: #FFFFFF !important;
}

.cs_neon_dark .cs_contact_form label {
    color: #FFFFFF !important;
}

.cs_neon_dark .cs_contact_form .cs_form_field:focus {
    border-color: var(--brand-green) !important;
}

.cs_neon_dark .cs_iconbox.cs_style_7 {
    background-color: #0D0D0D !important;
    border: 1px solid #1A1A1A !important;
}