@php
    $currentAppTheme = '';
    // Default theme from settings
    $currentAppTheme = getUserAppTheme();
@endphp


html > body {
background-color: {{ getAppSettings('app_bg_color') }}!important;
background-color: #eef1f9;
}
.card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation {
background-color: {{ darkenColorValue(getAppSettings('app_bg_color'), 9) }};
}
.navbar.lw-sidebar-container {
background-color: {{ getAppSettings('app_sidebar_bg_color') }}!important;
}
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link[data-toggle=collapse]:after,
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link,
.navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link .fa {
{{-- color: {{ getAppSettings('app_sidebar_text_color') }}; --}}
}

{{-- Landing Page Dynamic Colors --}}
/* Announcement Bar */
.announcement-bar {
background: {{ getAppSettings('app_bs_color_secondary') }} !important;
}

/* Navigation */
.modern-navbar {
background-color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
}

.modern-nav-link {
color: {{ getAppSettings('app_bs_color_secondary') }} !important;
}

.modern-nav-link:hover {
color: {{ getAppSettings('app_bs_color_primary') }} !important;
}

/* Buttons */
.register-btn {
background: {{ getAppSettings('app_bs_color_secondary') }} !important;
color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
}

.register-btn:hover {
background: {{ getAppSettings('app_sidebar_bg_color') }} !important;
color: {{ getAppSettings('app_bs_color_primary') }} !important;
border: 1px solid {{ getAppSettings('app_sidebar_bg_color') }} !important;
}

.login-btn {
background: transparent !important;
color: {{ getAppSettings('app_bs_color_secondary') }} !important;
border: 2px solid {{ getAppSettings('app_bs_color_secondary') }} !important;
}

.login-btn:hover {
background: {{ getAppSettings('app_bs_color_secondary') }} !important;
color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
}



/* Feature Cards */
.feature-card {
background: {{ getAppSettings('app_sidebar_bg_color') }} !important;
border: 1px solid {{ getAppSettings('app_bs_color_secondary') }}20 !important;
}

.feature-card:hover {
border-color: {{ getAppSettings('app_bs_color_primary') }} !important;
box-shadow: 0 10px 30px {{ getAppSettings('app_bs_color_primary') }}20 !important;
}
.features_card:hover {
border-color: {{ getAppSettings('app_bs_color_primary') }} !important;
box-shadow: 0 10px 30px {{ getAppSettings('app_bs_color_primary') }}20 !important;
}


.ai-card {
background: {{ getAppSettings('app_sidebar_bg_color') }} !important;
}

.ai-step {
background: {{ getAppSettings('app_bs_color_secondary') }} !important;
color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
}

/* Pricing Section */
.pricing__item {
background: {{ getAppSettings('app_sidebar_bg_color') }} !important;
}

{{-- .pricing__item .pricing-head h2,
.pricing__item .pricing-head h2 span,
.pricing__item ul li {
color: {{ getAppSettings('app_bs_color_secondary') }} !important;
} --}}

.savings-highlight {
background: {{ getAppSettings('app_bs_color_secondary') }} !important;
color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
}



/* Swiper Pagination */
.swiper-pagination-bullet-active {
background: {{ getAppSettings('app_sidebar_bg_color') }} !important;
opacity: 1;
}



.footer-links a {
color: {{ getAppSettings('app_bs_color_secondary') }} !important;
}

.footer-links a:hover {
color: {{ getAppSettings('app_bs_color_primary') }} !important;
}

.footer-social-link {
background: {{ getAppSettings('app_bs_color_secondary') }} !important;
color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
}

.footer-social-link:hover {
background: {{ getAppSettings('app_bs_color_primary') }} !important;
color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
}

@php
    $bootstrapClasses = [
        'primary' => '#007bff',
        'secondary' => '#6c757d',
        'success' => '#28a745',
        'danger' => '#dc3545',
        'warning' => '#ffc107',
        'info' => '#17a2b8',
        'light' => '#f8f9fa',
        // 'dark' => '#343a40',
        'muted' => '#8898aa',
    ];

    $css = '';
@endphp
@foreach ($bootstrapClasses as $bootstrapClass => $bootstrapClassValue)
    @php
        $bgColor = getAppSettings('app_bs_color_' . $bootstrapClass) ?: $bootstrapClassValue;
    @endphp
    @if ($bootstrapClass == 'primary')
        .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
        background-color: {{ darkenColorValue($bgColor, 35) }};
        }
        .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
        background-color:#fff;
        }
        .card.lw-whatsapp-chat-block-container .nav-tabs {
        border-color: {{ $bgColor }} ;
        }
      
        .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .send .circle {
        background-color: {{ $bgColor }};
        border-color: {{ darkenColorValue($bgColor, 10) }};
        }
    @endif
    .call-to-action-float {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    }
    .rightsection{
    background:{{ getAppSettings('app_bs_color_secondary') }};
    }
    .svg-decorations{
    color:{{ getAppSettings('app_bs_color_secondary') }};
    }
    .signin-btn{
    background:{{ getAppSettings('app_bs_color_secondary') }};

    }
    .forgot-password{
    color:{{ getAppSettings('app_bs_color_secondary') }};
    }
    .register-btn:hover,
    .signin-btn:hover{
    background:{{ getAppSettings('app_sidebar_bg_color') }};
    color: {{ getAppSettings('app_bs_color_primary') }};
    border: 1px solid {{ getAppSettings('app_sidebar_bg_color') }};
    }
    .swiper-pagination-bullet-active {
    background: {{ getAppSettings('app_sidebar_bg_color') }};
    opacity: 1;
    }
    .create-account-btn{
    background:{{ getAppSettings('app_bs_color_secondary') }};
    }
    .border-primary\/40 {
    border-color:{{ getAppSettings('app_bs_color_primary') }}; !important;
    }
    .text-blue-600 {
    --tw-text-opacity: 1 !important;
    color:{{ getAppSettings('app_bs_color_primary') }}; !important;
    }
    .text-primarys{
    Color:{{ getAppSettings('app_bs_color_primary') }};
    }
    .text-border::after{
    background-color: {{ getAppSettings('app_bs_color_primary') }};
    }
    #mainNav .navbar-nav .nav-item .nav-link:hover{
    color: {{ getAppSettings('app_bs_color_primary') }} !important;
    }
    .create-account-btn:hover {
    background:{{ getAppSettings('app_sidebar_bg_color') }};
    color: {{ getAppSettings('app_bs_color_primary') }};
    border: 1px solid {{ getAppSettings('app_sidebar_bg_color') }};
    }
    .reset-btn{
    background:{{ getAppSettings('app_bs_color_secondary') }};
    box-shadow:0 4px 15px {{ getAppSettings('app_bs_color_secondary') }};
    }
    .reset-btn:hover {
    background:{{ getAppSettings('app_sidebar_bg_color') }};
    color: {{ getAppSettings('app_bs_color_primary') }};
    border: 1px solid {{ getAppSettings('app_sidebar_bg_color') }};
    }

    .register-btn,
    .announcement-bar {
    background:{{ getAppSettings('app_bs_color_secondary') }};
    }
    .login-btn:hover {
    background:{{ getAppSettings('app_bs_color_secondary') }};
    color:{{ getAppSettings('app_sidebar_bg_color') }};
    }

    .pricing__item {
    background:{{ getAppSettings('app_sidebar_bg_color') }};
    }

    {{-- .pricing__item .pricing-head h2 span,
    .pricing__item .pricing-head h2,
    .pricing__item ul li {
    color:{{ getAppSettings('app_bs_color_secondary') }};
    } --}}
    .login-btn {
    background: transparent;
    color: {{ getAppSettings('app_bs_color_secondary') }} !important;
    border: 2px solid {{ getAppSettings('app_bs_color_secondary') }};
    }
    .ai-step,
    .savings-highlight{
    background:{{ getAppSettings('app_bs_color_secondary') }};
    color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
    }

   

    .modern-navbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .form-control {
    background-color: #ffffff;
    }

    .pricing__item {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 30px;
    }
    .ai-card {
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 20px;
    }


    .mdtoast.mdt--{{ $bootstrapClass }}
    @if ($bootstrapClass == 'primary')
        ,.lw-minimized-menu .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before,
        div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, .dropdown-item.active,
        .dropdown-item:active
        ,.main-content .navbar-top
    @endif
    {
    background-color: {{ $bgColor }};
    border-color: {{ darkenColorValue($bgColor, 10) }};
    color: #ffffff;
    }
    @php
        $css .= ".bg-$bootstrapClass { background-color: $bgColor !important; }\n";
        // Text colors
        $css .= ".text-$bootstrapClass { color: $bgColor !important; }\n";
        // Button colors
        $css .= ".btn-outline-$bootstrapClass:not(:disabled):not(.disabled).active, .btn-outline-$bootstrapClass:not(:disabled):not(.disabled):active, .show>.btn-outline-$bootstrapClass.dropdown-toggle,.btn.btn-$bootstrapClass { background-color: $bgColor !important; border-color: $bgColor !important; color:
#fff !important; }\n";
        $css .=
            ".btn.btn-$bootstrapClass:hover { background-color: " .
            darkenColorValue($bgColor, 10) .
            " ;
border-color: " .
            darkenColorValue($bgColor, 10) .
            " !important; }\n";
        $css .= ".btn.btn-outline-$bootstrapClass { color: $bgColor !important; border-color: $bgColor !important; }\n";
        $css .= ".btn.btn-outline-$bootstrapClass:hover { background-color: $bgColor !important; color: #fff !important; }\n";
        // Alert colors
        $css .=
            ".alert.alert-$bootstrapClass { background-color: $bgColor !important; border-color: " .
            darkenColorValue($bgColor, 5) .
            " !important; color: #fff !important; }\n";
        // Badge colors
        // $css .= ".badge.badge-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";

        // Card colors
        $css .=
            ".card.card-$bootstrapClass { background-color: $bgColor !important; border-color: " .
            darkenColorValue($bgColor, 5) .
            " !important; color: #fff !important; }\n";

        // List group colors
        $css .=
            ".list-group-item.list-group-item-$bootstrapClass { background-color: $bgColor !important; border-color: " .
            darkenColorValue($bgColor, 5) .
            " !important; color: #fff !important; }\n";

        // Table row colors
        $css .= ".table.table-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";

        // Border colors
        $css .= ".border.border-$bootstrapClass { border-color: $bgColor !important; }\n";
    @endphp
@endforeach
{!! $css !!}
@if (getAppSettings('disable_bg_image'))
    html > body {
    background: {{ getAppSettings('app_bg_color') }}!important;
    }
@endif


{{-- dark theme colors --}}
@if ($currentAppTheme == 'dark')
    .api-logo {
    filter: brightness(0) invert(1);
    }

    .form-control {
    background-color: #000000;
    }

    .modern-navbar {
    border-bottom: 1px solid rgb(255 255 255 / 39%);
    }
    .pricing__item {
    box-shadow: rgb(255 255 255 / 10%) 0px 8px 30px;
    }
    .ai-card {
    box-shadow: rgb(255 255 255 / 10%) 0px 8px 30px;
    }

    .step-number
    {
    color: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }


    .call-to-action-float {
    box-shadow: 0 8px 30px rgb(255 255 255 / 28%);
    }

    html > body {
    background-color: {{ getAppSettings('dark_theme_app_bg_color') }}!important;
    }
    .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation {
    background-color: {{ darkenColorValue(getAppSettings('dark_theme_app_bg_color'), 9) }}!important;
    }
    .navbar.lw-sidebar-container ,.navbar-collapse {
    background-color: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }}!important;
    }
    .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link[data-toggle=collapse]:after,
    .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link,
    .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link .fa {
    color: {{ getAppSettings('dark_theme_app_sidebar_text_color') }}!important;
    }

    {{-- Dark Theme Landing Page Colors --}}
    /* Announcement Bar */
    .announcement-bar {
    background: {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    }

    /* Navigation */
    .modern-navbar {
    background-color: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    .modern-nav-link {
    color: {{ getAppSettings('dark_theme_app_sidebar_text_color') }} !important;
    }

    .modern-nav-link:hover {
    color: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }

    /* Buttons */
    .register-btn {
    background: {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    color: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    .register-btn:hover {
    background: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    color: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    border: 1px solid {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    .login-btn {
    background: transparent !important;
    color: {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    border: 2px solid {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    }

    .login-btn:hover {
    background: {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    color: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    /* Hero Section */
    .bg-dark-blue {
    background: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }

    /* Feature Cards */
    .feature-card {
    background: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    border: 1px solid {{ getAppSettings('dark_theme_app_bs_color_secondary') }}20 !important;
    }

    .feature-card:hover {
    border-color: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    box-shadow: 0 10px 30px {{ getAppSettings('dark_theme_app_bs_color_primary') }}20 !important;
    }
    .features_card:hover {
    border-color: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    box-shadow: 0 10px 30px {{ getAppSettings('dark_theme_app_bs_color_primary') }}20 !important;
    }

    /* Features Background */
    .features-bg-color {
    background: {{ getAppSettings('app_bs_color_secondary') }} !important;
    color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
    }

    /* AI Section */
    .ai-section {
    background: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }

    .ai-card {
    background: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    

    /* Pricing Section */
    .pricing__item {
    background: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    {{-- .pricing__item .pricing-head h2,
    .pricing__item .pricing-head h2 span,
    .pricing__item ul li {
    color: {{ getAppSettings('dark_theme_app_sidebar_text_color') }} !important;
    } --}}

    .savings-highlight {
    background: {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
    }

    /* Testimonials */
    .testimonial-slider-section {
    background: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }




    /* Swiper Pagination */
    .swiper-pagination-bullet-active {
    background: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    opacity: 1;
    }


    .footer-links a {
    color: {{ getAppSettings('dark_theme_app_sidebar_text_color') }} !important;
    }

    .footer-links a:hover {
    color: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }

    

    .footer-social-link:hover {
    background: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    color: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    /* Text Colors for Dark Theme */
    .text-dark {
    color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
    }

    .text-muted {
    color: {{ getAppSettings('dark_theme_app_sidebar_text_color') }}80 !important;
    }

    .features_card::before {
    background: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }
    @php
        $css = '';
    @endphp
    @foreach ($bootstrapClasses as $bootstrapClass => $bootstrapClassValue)
        @php
            $bgColor = getAppSettings('dark_theme_app_bs_color_' . $bootstrapClass) ?: $bootstrapClassValue;
        @endphp
        @if ($bootstrapClass == 'primary')
            .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
            background-color: {{ darkenColorValue($bgColor) }}!important;
            }
            .card.lw-whatsapp-chat-block-container .nav-tabs {
            border-color: {{ $bgColor }} !important;
            }
           
            .lw-page-title:hover,a:hover {
            color: {{ darkenColorValue($bgColor, 20) }};
            }
            .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .send .circle {
            background-color: {{ $bgColor }};
            border-color: {{ darkenColorValue($bgColor, 10) }};
            }
        @endif
        .mdtoast.mdt--{{ $bootstrapClass }}
        @if ($bootstrapClass == 'primary')
            ,.lw-minimized-menu .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before,
            div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, .dropdown-item.active,
            .dropdown-item:active
            ,.main-content .navbar-top
        @endif
        {
        background-color: {{ $bgColor }};
        border-color: {{ darkenColorValue($bgColor, 10) }};
        color: #ffffff;
        }
        @php
            $css .= ".bg-$bootstrapClass { background-color: $bgColor !important; }\n";
            // Text colors
            $css .= ".text-$bootstrapClass { color: $bgColor !important; }\n";
            // Button colors
            $css .= ".btn-outline-$bootstrapClass:not(:disabled):not(.disabled).active, .btn-outline-$bootstrapClass:not(:disabled):not(.disabled):active, .show>.btn-outline-$bootstrapClass.dropdown-toggle,.btn.btn-$bootstrapClass { background-color: $bgColor !important; border-color: $bgColor !important; color:
    #fff !important; }\n";
            $css .= ".btn.btn-dark, .alert.alert-dark{ 
        color: #ffffff  !important; 
    }\n";
            $css .=
                ".btn.btn-$bootstrapClass:hover { background-color: " .
                darkenColorValue($bgColor, 10) .
                " !important;
    border-color: " .
                darkenColorValue($bgColor, 10) .
                " !important; }\n";
            $css .= ".btn.btn-outline-$bootstrapClass { color: $bgColor !important; border-color: $bgColor !important; }\n";
            $css .= ".btn.btn-outline-$bootstrapClass:hover { background-color: $bgColor !important; color: #fff !important; }\n";
            // Alert colors
            $css .=
                ".alert.alert-$bootstrapClass { background-color: $bgColor !important; border-color: " .
                darkenColorValue($bgColor, 5) .
                " !important; color: #fff !important; }\n";
            // Badge colors
            // $css .= ".badge.badge-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";

            // Card colors
            $css .=
                ".card.card-$bootstrapClass { background-color: $bgColor !important; border-color: " .
                darkenColorValue($bgColor, 5) .
                " !important; color: #fff !important; }\n";

            // List group colors
            $css .=
                ".list-group-item.list-group-item-$bootstrapClass { background-color: $bgColor !important; border-color: " .
                darkenColorValue($bgColor, 5) .
                " !important; color: #fff !important; }\n";

            // Table row colors
            $css .= ".table.table-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";
            // Border colors
            $css .= ".border.border-$bootstrapClass { border-color: $bgColor !important; }\n";
        @endphp
    @endforeach
    {!! $css !!}
    @if (getAppSettings('disable_bg_image'))
        html > body {
        background: {{ getAppSettings('dark_theme_app_bg_color') }}!important;
        }
    @endif
@endif

@if ($currentAppTheme == 'system_default')

    @media (prefers-color-scheme: dark) {
    html > body {
    background-color: {{ getAppSettings('dark_theme_app_bg_color') }}!important;
    }
    .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation {
    background-color: {{ darkenColorValue(getAppSettings('dark_theme_app_bg_color'), 9) }}!important;
    }
    .navbar.lw-sidebar-container ,.navbar-collapse {
    background-color: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }}!important;
    }
    .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link[data-toggle=collapse]:after,
    .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link,
    .navbar.lw-sidebar-container.navbar-light .navbar-nav .nav-link .fa {
    color: {{ getAppSettings('dark_theme_app_sidebar_text_color') }}!important;
    }

    {{-- System Default Dark Theme Landing Page Colors --}}
    /* Announcement Bar */
    .announcement-bar {
    background: {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    }

    /* Navigation */
    .modern-navbar {
    background-color: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    .modern-nav-link {
    color: {{ getAppSettings('dark_theme_app_sidebar_text_color') }} !important;
    }

    .modern-nav-link:hover {
    color: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }

    /* Buttons */
    .register-btn {
    background: {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    color: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    .register-btn:hover {
    background: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    color: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    border: 1px solid {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    .login-btn {
    background: transparent !important;
    color: {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    border: 2px solid {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    }

    .login-btn:hover {
    background: {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    color: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    

    /* Feature Cards */
    .feature-card {
    background: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    border: 1px solid {{ getAppSettings('dark_theme_app_bs_color_secondary') }}20 !important;
    }

    .feature-card:hover {
    border-color: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    box-shadow: 0 10px 30px {{ getAppSettings('dark_theme_app_bs_color_primary') }}20 !important;
    }
    .features_card:hover {
    border-color: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    box-shadow: 0 10px 30px {{ getAppSettings('dark_theme_app_bs_color_primary') }}20 !important;
    }

    /* Features Background */
    .features-bg-color {
    background: {{ getAppSettings('app_bs_color_secondary') }} !important;
    color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
    }

    /* AI Section */
    .ai-section {
    background: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }

    .ai-card {
    background: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    

    /* Pricing Section */
    .pricing__item {
    background: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    {{-- .pricing__item .pricing-head h2,
    .pricing__item .pricing-head h2 span,
    .pricing__item ul li {
    color: {{ getAppSettings('dark_theme_app_sidebar_text_color') }} !important;
    } --}}


    .savings-highlight {
    background: {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
    }

    /* Testimonials */
    .testimonial-slider-section {
    background: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }


    .features_card::before {
    background: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }
    /* Contact Section */
    #contactSection {
    background: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }

    /* Swiper Pagination */
    .swiper-pagination-bullet-active {
    background: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    opacity: 1;
    }

  
    .footer-links a {
    color: {{ getAppSettings('dark_theme_app_sidebar_text_color') }} !important;
    }

    .footer-links a:hover {
    color: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    }

    .footer-social-link {
    background: {{ getAppSettings('dark_theme_app_bs_color_secondary') }} !important;
    color: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    .footer-social-link:hover {
    background: {{ getAppSettings('dark_theme_app_bs_color_primary') }} !important;
    color: {{ getAppSettings('dark_theme_app_sidebar_bg_color') }} !important;
    }

    /* Text Colors for System Default Dark Theme */
    .text-dark {
    color: {{ getAppSettings('app_sidebar_bg_color') }} !important;
    }

    .text-muted {
    color: {{ getAppSettings('dark_theme_app_sidebar_text_color') }}80 !important;
    }

    @php
        $css = '';
    @endphp
    @foreach ($bootstrapClasses as $bootstrapClass => $bootstrapClassValue)
        @php
            $bgColor = getAppSettings('dark_theme_app_bs_color_' . $bootstrapClass) ?: $bootstrapClassValue;
        @endphp
        @if ($bootstrapClass == 'primary')
            .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .user-bar {
            background-color: {{ darkenColorValue($bgColor) }}!important;
            }
            .card.lw-whatsapp-chat-block-container .nav-tabs {
            border-color: {{ $bgColor }} !important;
            }
            {{-- .lw-page-title,a {
        color: {{ $bgColor }};
        } --}}
            .lw-page-title:hover,a:hover {
            color: {{ darkenColorValue($bgColor, 20) }};
            }
            .card.lw-whatsapp-chat-block-container .lw-whatsapp-chat-window .conversation-compose .send .circle {
            background-color: {{ $bgColor }};
            border-color: {{ darkenColorValue($bgColor, 10) }};
            }
        @endif
        .mdtoast.mdt--{{ $bootstrapClass }}
        @if ($bootstrapClass == 'primary')
            ,.lw-minimized-menu .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before,
            div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm, .dropdown-item.active,
            .dropdown-item:active
            ,.main-content .navbar-top
        @endif
        {
        background-color: {{ $bgColor }};
        border-color: {{ darkenColorValue($bgColor, 10) }};
        color: #ffffff;
        }
        @php
            $css .= ".bg-$bootstrapClass { background-color: $bgColor !important; }\n";
            // Text colors
            $css .= ".text-$bootstrapClass { color: $bgColor !important; }\n";
            // Button colors
            $css .= ".btn-outline-$bootstrapClass:not(:disabled):not(.disabled).active, .btn-outline-$bootstrapClass:not(:disabled):not(.disabled):active, .show>.btn-outline-$bootstrapClass.dropdown-toggle,.btn.btn-$bootstrapClass { background-color: $bgColor !important; border-color: $bgColor !important; color:
        #fff !important; }\n";
            $css .= ".btn.btn-dark, .alert.alert-dark{ 
            color: #000 !important; 
        }\n";
            $css .=
                ".btn.btn-$bootstrapClass:hover { background-color: " .
                darkenColorValue($bgColor, 10) .
                " !important;
        border-color: " .
                darkenColorValue($bgColor, 10) .
                " !important; }\n";
            $css .= ".btn.btn-outline-$bootstrapClass { color: $bgColor !important; border-color: $bgColor !important; }\n";
            $css .= ".btn.btn-outline-$bootstrapClass:hover { background-color: $bgColor !important; color: #fff !important; }\n";
            // Alert colors
            $css .=
                ".alert.alert-$bootstrapClass { background-color: $bgColor !important; border-color: " .
                darkenColorValue($bgColor, 5) .
                " !important; color: #fff !important; }\n";
            // Badge colors
            // $css .= ".badge.badge-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";

            // Card colors
            $css .=
                ".card.card-$bootstrapClass { background-color: $bgColor !important; border-color: " .
                darkenColorValue($bgColor, 5) .
                " !important; color: #fff !important; }\n";

            // List group colors
            $css .=
                ".list-group-item.list-group-item-$bootstrapClass { background-color: $bgColor !important; border-color: " .
                darkenColorValue($bgColor, 5) .
                " !important; color: #fff !important; }\n";

            // Table row colors
            $css .= ".table.table-$bootstrapClass { background-color: $bgColor !important; color: #fff !important; }\n";
            // Border colors
            $css .= ".border.border-$bootstrapClass { border-color: $bgColor !important; }\n";
        @endphp
    @endforeach
    {!! $css !!}
    @if (getAppSettings('disable_bg_image'))
        html > body {
        background: {{ getAppSettings('dark_theme_app_bg_color') }}!important;
        }
    @endif
    }
@endif