/*=====================================
NEW LIGHT MODE COMPONENTS
======================================*/

body.light .hero-glass{

background:rgba(255,255,255,.18);

backdrop-filter:blur(18px);

}

body.light .hero-stats{

background:white;
color: #222;

}

body.light .process-card p{
    color: #222 !important;;
}

body.light .scroll-indicator{

color:#222;

}

body.light .express-card{

background:linear-gradient(
135deg,
#FFD43B,
#FFB703
);

color:#222;

}

body.light .why-section{

background:#f8fbff;

}

body.light .why-card{

background:white;

color:#1f2937;

}

body.light .about-features div{

background:white;

}

body.light .contact-info-wrapper,

body.light .contact-form-card{

background:white;

}

body.light .hero-stats{

background:white;

color:#1f2937;

}

body.light .hero-stats h2{

color:#0d6efd;

}

body.light .hero-stats span{

color:#475569;

}

body.light .contact-info-card{

background:white;

}

body.light .footer{

background:#081b33;

color:white;

}

body.light .footer a{

color:#ddd;

}

/*=========================================================
            PREMIUM NAVBAR LIGHT MODE
=========================================================*/

body.light .navbar{

    background:rgba(255,255,255,.82);

    backdrop-filter:none;

    border:1px solid rgba(255,255,255,.45);

}

body.light .navbar-brand,
body.light .brand-name{

    color:#0d3b66;

}

body.light .navbar .nav-link{

    color:#0d3b66;

}

body.light .navbar .nav-link:hover{

    color:#0d6efd;

}

body.light .navbar-collapse{

    background:rgba(255,255,255,.96);

}

body.light .theme-toggle,
body.light .theme-toggle-mobile{

    background:white;

    color:#0d6efd;

    box-shadow:0 10px 25px rgba(0,0,0,.12);

}

body.light .login-btn{

    color:#0d3b66;

}

body.light .signup-btn{

    background:#0d6efd;

}


body.light .form-control username{

    color: #f8fbff;
}

/*=====================================
GLOBAL DARK MODE
======================================*/

body.dark{

background:#0f172a;

color:#f8fafc;

transition:.35s;

}

body.dark .hero-glass{

background:rgba(15,23,42,.45);

backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.08);

}

body.dark .hero-stats{

background:#1e293b;

}

body.dark .scroll-indicator{

color:white;

}

body.dark .service-card,

body.dark .process-card,

body.dark .why-card,

body.dark .about-features div,

body.dark .contact-info-card,

body.dark .contact-info-wrapper,

body.dark .contact-form-card,

body.dark .summary-card,

body.dark .laundry-card,

body.dark .mobile-card,

body.dark .hero-stats>div,

body.dark .stats-card{

background:#1e293b;

color:white;

border:1px solid rgba(255,255,255,.05);

box-shadow:0 15px 35px rgba(0,0,0,.35);

}

body.dark .express-desktop{

background:#0f172a;

}

body.dark .express-card{

background:linear-gradient(
135deg,
#f6b100,
#ffd43b
) !important;

color:#1f2937 !important;

border:none !important;

box-shadow:0 25px 70px rgba(255,193,7,.4);

}


body.dark .why-section{

background:#111827;

}

body.dark .why-icon,

body.dark .process-card i,

body.dark .contact-icon{

background:#334155;

color:#7cc4ff;

}

body.dark .why-card:hover .why-icon,

body.dark .process-card:hover i,

body.dark .contact-info-card:hover .contact-icon{

background:#60a5fa;

color:white;

}

body.dark .section-tag{

background:#1e3a5f;

color:#7cc4ff;

}

body.dark .about-subtitle{

color:#cbd5e1;

}

body.dark .about-stats h3{

color:#7cc4ff;

}

body.dark .contact-title,

body.dark .contact-info-card h5{

color:white;

}

body.dark .contact-subtitle,

body.dark .contact-info-card p{

color:#cbd5e1;

}

body.dark .contact-social a{

background:#334155;

color:#7cc4ff;

}

body.dark .contact-social a:hover{

background:#60a5fa;

color:white;

}

body.dark input,

body.dark textarea,

body.dark select{

background:#111827;

color:white;

border:1px solid #475569;

}

body.dark input:focus,

body.dark textarea:focus{

background:#111827;

color:white;

border-color:#60a5fa;

box-shadow:0 0 15px rgba(96,165,250,.25);

}

body.dark .btn-primary{

background:#2563eb;

border:none;

}

body.dark .btn-primary:hover{

background:#3b82f6;

}

body.dark .about-btn,

body.dark .express-btn{

background:#2563eb;

}

body.dark .about-btn:hover,

body.dark .express-btn:hover{

background:#3b82f6;

}

body.dark .footer{

background:#020617;

}

body.dark .footer input{

background:#1e293b;

color:white;

}

body.dark .footer button{

background:#2563eb;

}

body.dark .footer-social a{

background:#1e293b;

}

body.dark .footer-social a:hover{

background:#3b82f6;

}

*{

transition:

background-color .35s,

color .35s,

border-color .35s,

box-shadow .35s;

}

body.dark .express-card h2,
body.dark .express-card h3,
body.dark .express-card h4,
body.dark .express-card h5,
body.dark .express-card p,
body.dark .express-card li{

color:#1f2937 !important;

}

body.dark .express-mobile h2,
body.dark .express-mobile h3,
body.dark .express-mobile h4,
body.dark .express-mobile h5,
body.dark .express-mobile p,
body.dark .express-mobile span{

color:#1f2937 !important;

}

/*=========================================================
            PREMIUM NAVBAR DARK MODE
=========================================================*/

body.dark .navbar{

    background:rgba(15,23,42,.88);

    backdrop-filter:none;

    -webkit-backdrop-filter:none;

    border:1px solid rgba(124,196,255,.25);

    box-shadow:0 15px 45px rgba(0,0,0,.45);

}

/* Navbar after scroll */

body.dark .navbar.scrolled{

    background:rgba(15,23,42,.95);

    border-color:rgba(124,196,255,.30);

}

/* Logo */

body.dark .navbar-brand,
body.dark .brand-name{

    color:#7cc4ff !important;

}

/* Navigation Links */

body.dark .navbar .nav-link{

    color:#e2e8f0;

}

body.dark .navbar .nav-link:hover{

    color:#7cc4ff;

}

body.dark .navbar .nav-link::after{

    background:#60a5fa;

}

/* Mobile Menu */

body.dark .navbar-collapse{

    background:rgba(15,23,42,.95);

    backdrop-filter:none;

    border:1px solid rgba(124,196,255,.18);

}

/* Hamburger */

body.dark .custom-toggle-icon{

    color:#60a5fa;

}

body.dark .navbar-toggler{

    border:none;

    box-shadow:none;

}

body.dark .navbar-toggler:focus{

    box-shadow:none;

}

/* Theme Buttons */

body.dark .theme-toggle,
body.dark .theme-toggle-mobile{

    background:#1e293b;

    color:#FFD43B;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:0 10px 30px rgba(0,0,0,.35);

}

body.dark .theme-toggle:hover,
body.dark .theme-toggle-mobile:hover{

    background:#334155;

    transform:translateY(-2px);

}

/* Login Button */

body.dark .login-btn{

    color:#7cc4ff;

    border:1px solid rgba(124,196,255,.25);

    background:transparent;

}

body.dark .login-btn:hover{

    background:#1e293b;

    color:white;

}

/* Signup Button */

body.dark .signup-btn{

    background:#2563eb;

    color:white !important;

}

body.dark .signup-btn:hover{

    background:#3b82f6;

}

/* Mobile Links */

body.dark .navbar-nav .nav-link{

    border-radius:12px;

}

body.dark .navbar-nav .nav-link:hover{

    background:#1e293b;

}

/* Dropdown */

body.dark .dropdown-menu{

    background:#1e293b;

    border:1px solid rgba(255,255,255,.08);

}

body.dark .dropdown-item{

    color:#e2e8f0;

}

body.dark .dropdown-item:hover{

    background:#334155;

    color:white;

}

body.dark .modal-bubble{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.12);

}

body.light .modal-bubble{

    background:rgba(255,255,255,.20);

}

body.dark .modal-content{

    background:

    rgba(15,23,42,.88);

    backdrop-filter:blur(24px);

    border:1px solid rgba(124,196,255,.20);

}

body.dark #loginModal .form-control,
body.dark #signupModal.form-control{

    background:rgba(30,41,59,.65);

    color:white;

}

/*=========================================================
                DARK MODE
=========================================================*/

body.dark{

    background:#0F172A;

}

body.dark .verification-card{

    background:#1E293B;

    border:1px solid #334155;

}

body.dark h1{

    color:#F8FAFC;

}

body.dark .verification-subtitle{

    color:#CBD5E1;

}

body.dark .verification-text{

    color:#94A3B8;

}

body.dark .verification-email{

    color:#60A5FA;

}

body.dark .otp-input{

    background:#243447;

    border-color:#475569;

    color:#ffffff;

}

body.dark .back-home a{

    color:#CBD5E1;

}