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

body{
    background:var(--bg);
    color:var(--text);
    transition:all .35s ease;
}

/* Main Background */

body.dark-mode{
    background:#0A1F16;
    color:#E5E7EB;
}

/* Text Selection */

body.dark-mode ::selection{
    background:#1F7A45;
    color:#fff;
}

/* =========================
        Typography
========================= */

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6{
    color:#FFFFFF;
    font-weight:700;
    letter-spacing:.5px;
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode li,
body.dark-mode label{
    color:#CBD5E1;
    line-height:1.8;
}

body.dark-mode small{
    color:#94A3B8;
}

body.dark-mode strong{
    color:#fff;
}

body.dark-mode .section-title{
    color:#ffffff;
}

body.dark-mode .section-subtitle{
    color:#6EE7A0;
    letter-spacing:2px;
}

/* =========================
        Navbar
========================= */

body.dark-mode .header{
    background:#123421;
    border-bottom:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(12px);
}

body.dark-mode .top-bar{
    background:#061A11;
}

body.dark-mode .logo h2{
    color:#fff;
}

body.dark-mode .logo span{
    color:#4ADE80;
}

body.dark-mode .nav-link{
    color:#CBD5E1;
    transition:.3s;
}

body.dark-mode .nav-link:hover,
body.dark-mode .nav-link.active{
    color:#4ADE80;
}

/* =========================
         Hero
========================= */

body.dark-mode .hero{
    background:linear-gradient(135deg,#0A1F16,#123421);
}

body.dark-mode .subtitle{
    color:#CBD5E1;
}

body.dark-mode .tagline{
    color:#94A3B8;
}

/* =========================
        Cards
========================= */

body.dark-mode .service-card,
body.dark-mode .why-card,
body.dark-mode .testimonial-card,
body.dark-mode .timeline-step,
body.dark-mode .price-item,
body.dark-mode .contact-form,
body.dark-mode .contact-info,
body.dark-mode .faq-item,
body.dark-mode .gallery-item,
body.dark-mode .stat-box,
body.dark-mode .floating-card{

    background:#12301F;
    border:1px solid rgba(255,255,255,.08);
    color:#E5E7EB;
    box-shadow:0 10px 25px rgba(0,0,0,.35);
}

body.dark-mode .service-card:hover,
body.dark-mode .why-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.5);
}

/* =========================
        Sections
========================= */

body.dark-mode .services-section,
body.dark-mode .gallery-section,
body.dark-mode .why-section,
body.dark-mode .process-section,
body.dark-mode .price-section,
body.dark-mode .faq-section,
body.dark-mode .contact-section,
body.dark-mode .testimonials-section{

    background:#0D2818;
}

/* =========================
        Forms
========================= */

body.dark-mode input,
body.dark-mode textarea{

    background:#0F2A1B;
    color:#F8FAFC;

    border:1px solid #245A3A;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder{

    color:#94A3B8;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus{

    border-color:#2F9E52;
    box-shadow:0 0 0 3px rgba(47,158,82,.28);
}

/* =========================
        Buttons
========================= */

body.dark-mode .btn-book{

    background:#1F7A45;
    color:#fff;
}

body.dark-mode .btn-book:hover{

    background:#166534;
}

body.dark-mode .btn-whatsapp{

    background:#22C55E;
    color:#fff;
}

body.dark-mode .btn-whatsapp:hover{

    background:#16A34A;
}

body.dark-mode .price-badge{

    background:#1F7A45;
    color:#fff;
}

/* =========================
        Icons
========================= */

body.dark-mode .icon-box{

    background:#166534;
    color:#fff;
}

body.dark-mode i{

    color:inherit;
}

/* =========================
        Links
========================= */

body.dark-mode a{

    color:#6EE7A0;
}

body.dark-mode a:hover{

    color:#A7F3C4;
}

/* =========================
        Footer
========================= */

body.dark-mode footer{

    background:#061A11;
}

body.dark-mode .footer-col h2,
body.dark-mode .footer-col h4{

    color:#fff;
}

body.dark-mode .footer-col p,
body.dark-mode .footer-col a{

    color:#CBD5E1;
}

body.dark-mode .footer-col a:hover{

    color:#4ADE80;
}

/* =========================
        Scrollbar
========================= */

body.dark-mode::-webkit-scrollbar{

    width:10px;
}

body.dark-mode::-webkit-scrollbar-track{

    background:#0A1F16;
}

body.dark-mode::-webkit-scrollbar-thumb{

    background:#2F9E52;
    border-radius:20px;
}

body.dark-mode::-webkit-scrollbar-thumb:hover{

    background:#6EE7A0;
}