/* Dark mode styles - Enhanced version */
body.dark-mode {
    background-color: #141414;
    color: #ffffff;
}

/* Navigation */
.dark-mode .navbar {
    background-color: #1a1a1a !important;
}

/* Headers and Text */
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode .section-heading h2,
.dark-mode .bl-text,
.dark-mode .d-blue,
.dark-mode .special-head,
.dark-mode .top-sec-h {
    color: #ffffff !important;
}

/* Sections and Containers */
.dark-mode section,
.dark-mode .our_services_area,
.dark-mode .about-us-area,
.dark-mode .features {
    background-color: #141414 !important;
}

/* Service Boxes */
.dark-mode .service_single_content {
    background-color: #1a1a1a;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.dark-mode .service_single_content:hover {
    background-color: #3d3d3d;
}

/* Text Colors */
.dark-mode p,
.dark-mode .welcome-content p,
.dark-mode .service_single_content p,
.dark-mode .who-we-contant p,
.dark-mode .services-block-four .text {
    color: #e0e0e0 !important;
}

/* Feature Blocks */
.dark-mode .services-block-four .inner-box {
    background-color: transparent;
}

.dark-mode .services-block-four h3 a {
    color: #ffffff;
}

/* Footer */
.dark-mode .footer-content-area {
    background-color: #1a1a1a !important;
}

.dark-mode .footer-copywrite-info p,
.dark-mode .contact_info p,
.dark-mode .contact_info a {
    color: #e0e0e0 !important;
}

/* Buttons */
.dark-mode .theme-switch-btn {
    color: #ffffff;
    background: transparent;
    border: none;
    padding: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    line-height: normal;
    display: flex;
    align-items: center;
    height: 100%;
}

.dark-mode .info-btn {
    background: #3498db;
    color: #ffffff;
}

/* Hero Section */
.dark-mode .hero-section {
    background-color: rgba(0, 0, 0, 0.8);
}

.dark-mode .hero-section .overlay {
    background-color: rgba(0, 0, 0, 0.6);
}

/* Links */
.dark-mode a:not(.btn) {
    color: #fff;
}

.dark-mode a:hover:not(.btn) {
    color: #2980b9;
}

/* Cards and Boxes */
.dark-mode .welcome-meter,
.dark-mode .image-box,
.dark-mode .about-us-area img,
.dark-mode .services img,
.dark-mode .features img {
    background-color: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.dark-mode .card img,
.dark-mode .service_single_content img {
    padding: 0 !important;
    background: transparent !important;
}

.dark-mode .img-wrapper,
.dark-mode .img-container,
.dark-mode figure {
    background-color: transparent !important;
    padding: 0 !important;
}

/* Preloader */
.dark-mode #preloader {
    background-color: #141414;
}

/* Toggle Button */
.theme-switch-btn {
    color: #333;
    background: transparent;
    border: none;
    padding: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    line-height: normal;
    display: flex;
    align-items: center;
    height: 100%;
}

.theme-switch-btn:hover {
    transform: scale(1.1);
}

/* Additional Utility Classes */
.dark-mode .bg-white {
    background-color: #2d2d2d !important;
}

.dark-mode .border {
    border-color: #3d3d3d !important;
}

/* Social Icons */
.dark-mode .footer-social-info a {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* Navigation Links */
.dark-mode .navbar-nav .nav-link {
    color: #ffffff !important;
}

.dark-mode .navbar-toggler {
    background-color: #3d3d3d;
}

/* Login Button */
.dark-mode .login-btn {
    background-color: #3498db;
    color: #ffffff;
}
.dark-mode .top-sec-h{
    background: #232229;
    padding: 6px 20px;
    margin-bottom: 10px;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
}
.dark-mode .footer-content-area{
    padding: 40px 0;
    background: #1a1a1a !important;
}
.dark-mode .footer-logo{
    margin-bottom: 15px
}
.dark-mode .footer-logo a{
    color: #fff;
    font-size: 20px
}
.dark-mode .footer-logo img{
    width: 40px
}
.dark-mode .info-btn {
    position: relative;
    z-index: 1;
    min-width: 160px;
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 3ox 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-image: linear-gradient(to right, #1dacff 0%, #0067da 51%, #1dacff 100%);
    -webkit-transition: all 500ms;
    transition: all 500ms;
}
/*
    background-image: -webkit-linear-gradient(to right,#FF4137 0,#FDC800 51%,#FF4137 100%);
    background-image: linear-gradient(to right,#FF4137 0,#FDC800 51%,#FF4137 100%);
    box-shadow: 0 0 15px 0 rgba(255, 125, 55, 0.9);
*/
.dark-mode .info-btn:hover {
    background-position: right center;
    color: #fff;
}
.dark-mode .services-block-four .inner-box h3 a{
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    color: #fff 
}
.dark-mode .bl-text{
    color: #fff !important
}
.dark-mode .features .services-block-four {
    background-color: #1a1a1a;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    padding: 30px 20px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.dark-mode .features .services-block-four img{
    max-width: 80px
}
.dark-mode .service-img-wrapper .image-box{
    position: relative;
}

/* Update nav-item containing the toggle button */
.navbar-nav .nav-item:has(.theme-switch-btn) {
    display: flex;
    align-items: center;
}

/* Mobile Navigation Background Fix */
.dark-mode .navbar-collapse {
    background-color: #1a1a1a;
}