/* ============================
   Dark Mode - Nikandishan
   هماهنگ با main.css
   ============================ */

/* ---------- Body ---------- */
body.dark-version {
    background-color: #121a21 !important;
    color: #cbd5e0 !important;
}

    /* ---------- Navbar (Public) ---------- */
    body.dark-version .navbar {
        background-color: #1a2530 !important;
        border-bottom: 1px solid #2d3a45 !important;
    }

        body.dark-version .navbar .nav-link,
        body.dark-version .navbar-brand {
            color: #a0aec0 !important;
        }

            body.dark-version .navbar .nav-link:hover,
            body.dark-version .navbar .nav-link.active {
                color: #81B622 !important;
            }

    body.dark-version .navbar-toggler-icon {
        filter: invert(0.8);
    }

    body.dark-version .navbar .blur {
        background-color: rgba(18, 26, 33, 0.9) !important;
    }

    /* ---------- Sidebar (Panel) ---------- */
    body.dark-version .sidenav {
        background-color: #1a2530 !important;
    }

        body.dark-version .sidenav .nav-link {
            color: #a0aec0 !important;
        }

            body.dark-version .sidenav .nav-link.active,
            body.dark-version .sidenav .nav-link:hover {
                color: #81B622 !important;
            }

    body.dark-version .navbar-vertical .navbar-brand {
        color: #f1f5f9 !important;
    }

    body.dark-version .sidenav hr.horizontal {
        background-color: #2d3a45 !important;
    }

    /* ---------- Cards ---------- */
    body.dark-version .card {
        background-color: #1a2530 !important;
        border-color: #2d3a45 !important;
        color: #cbd5e0 !important;
    }

    body.dark-version .card-header {
        background-color: #1f2c38 !important;
        border-bottom-color: #2d3a45 !important;
    }

        body.dark-version .card-header.bg-white-custom {
            background-color: #1f2c38 !important;
        }

    body.dark-version .bg-white,
    body.dark-version .bg-white-custom {
        background-color: #1a2530 !important;
    }

    /* ---------- Forms ---------- */
    body.dark-version .form-control,
    body.dark-version .form-select {
        background-color: #162028 !important;
        border-color: #2d3a45 !important;
        color: #e2e8f0 !important;
    }

        body.dark-version .form-control:focus,
        body.dark-version .form-select:focus {
            background-color: #1a2530 !important;
            border-color: #81B622 !important;
            color: #fff !important;
            box-shadow: 0 0 0 2px rgba(129, 182, 34, 0.25) !important;
        }

        body.dark-version .form-control::placeholder {
            color: #64748b !important;
        }

    body.dark-version .input-group-text {
        background-color: #1f2c38 !important;
        border-color: #2d3a45 !important;
        color: #a0aec0 !important;
    }

    body.dark-version .btn-outline-secondary {
        color: #a0aec0 !important;
        border-color: #2d3a45 !important;
    }

        body.dark-version .btn-outline-secondary:hover {
            background-color: #2d3a45 !important;
            color: #fff !important;
        }

    body.dark-version .border-defualt {
        border-color: #2d3a45 !important;
    }

    /* ---------- Dropdown / Select2 ---------- */
    body.dark-version .select2-container .select2-selection,
    body.dark-version .select2-dropdown {
        background-color: #162028 !important;
        border-color: #2d3a45 !important;
        color: #e2e8f0 !important;
    }

    body.dark-version .select2-results__option {
        color: #e2e8f0 !important;
    }

    body.dark-version .select2-results__option--highlighted {
        background-color: #81B622 !important;
        color: #fff !important;
    }

    /* ---------- Modal ---------- */
    body.dark-version .modal-content {
        background-color: #1a2530 !important;
        color: #cbd5e0 !important;
        border-color: #2d3a45 !important;
    }

    body.dark-version .modal-header {
        border-bottom-color: #2d3a45 !important;
    }

    body.dark-version .modal-footer {
        border-top-color: #2d3a45 !important;
    }

    body.dark-version .modal-title {
        color: #f1f5f9 !important;
    }

    /* ---------- Tables ---------- */
    body.dark-version .table {
        color: #cbd5e0 !important;
    }

        body.dark-version .table thead th {
            background-color: #1f2c38 !important;
            color: #f1f5f9 !important;
            border-color: #2d3a45 !important;
        }

        body.dark-version .table td,
        body.dark-version .table th {
            border-color: #2d3a45 !important;
        }

        body.dark-version .table tbody tr:nth-child(even) {
            background-color: rgba(255,255,255,0.02) !important;
        }

        body.dark-version .table tbody tr:hover {
            background-color: rgba(129, 182, 34, 0.05) !important;
        }

    body.dark-version .table-custom {
        border-color: #2d3a45 !important;
    }

    /* ---------- Footer ---------- */
    body.dark-version footer {
        background-color: #121a21 !important;
        color: #94a3b8 !important;
        border-top: 1px solid #2d3a45 !important;
    }

        body.dark-version footer .nav-link,
        body.dark-version footer a {
            color: #94a3b8 !important;
        }

            body.dark-version footer a:hover {
                color: #81B622 !important;
            }

    /* ---------- Header (Public) ---------- */
    body.dark-version .page-header::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.55);
        z-index: 0;
    }

    body.dark-version .page-header .container {
        position: relative;
        z-index: 1;
    }

    body.dark-version .moving-waves use {
        fill-opacity: 0.1 !important;
    }

    /* ---------- Blur Section ---------- */
    body.dark-version .blur {
        background-color: rgba(26, 37, 48, 0.9) !important;
        backdrop-filter: blur(10px);
        color: #cbd5e0 !important;
    }

    body.dark-version .shadow-blur {
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.7) !important;
    }

    /* ---------- Typography ---------- */
    body.dark-version h1, body.dark-version h2, body.dark-version h3,
    body.dark-version h4, body.dark-version h5, body.dark-version h6 {
        color: #f1f5f9 !important;
    }

    body.dark-version .text-dark {
        color: #e2e8f0 !important;
    }

    body.dark-version .text-primary {
        color: #81B622 !important;
    }

    body.dark-version .text-gradient.text-primary {
        background-image: linear-gradient(310deg, #81B622, #a3d43e) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
    }

    body.dark-version .text-muted,
    body.dark-version .opacity-5,
    body.dark-version .opacity-7 {
        color: #94a3b8 !important;
        opacity: 1 !important;
    }

    body.dark-version a:not(.btn):not(.nav-link):not(.breadcrumb-item a) {
        color: #a3d43e !important;
    }

    body.dark-version a:hover:not(.btn):not(.nav-link) {
        color: #81B622 !important;
    }

    /* ---------- Buttons ---------- */
    body.dark-version .bg-gradient-primary {
        background-image: linear-gradient(310deg, #2d4f08 0%, #81B622 100%) !important;
    }

    body.dark-version .btn.bg-gradient-primary {
        background-image: linear-gradient(310deg, #2d4f08 0%, #81B622 100%) !important;
    }

    body.dark-version .btn.bg-gradient-secondary {
        background-image: linear-gradient(310deg, #2d3a45 0%, #4a5568 100%) !important;
    }

    /* ---------- Breadcrumb ---------- */
    body.dark-version .breadcrumb .breadcrumb-item a {
        color: #94a3b8 !important;
    }

    body.dark-version .breadcrumb .breadcrumb-item.active {
        color: #81B622 !important;
    }

    /* ---------- Pagination ---------- */
    body.dark-version .pagination .page-link {
        background-color: #1a2530 !important;
        color: #cbd5e0 !important;
        border-color: #2d3a45 !important;
    }

    body.dark-version .pagination .active .page-link {
        background-color: #81B622 !important;
        border-color: #81B622 !important;
        color: #fff !important;
    }

    /* ---------- Alerts ---------- */
    body.dark-version .alert-warning {
        background-image: linear-gradient(310deg, #1a2f04 0%, #4a6b10 100%) !important;
        color: #e2e8f0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    body.dark-version .alert-danger {
        background-color: #2c1f24 !important;
        color: #feb2b2 !important;
    }

    body.dark-version .alert-success {
        background-color: #1c2a1c !important;
        color: #9ae6b4 !important;
    }

    /* ---------- Tabs ---------- */
    body.dark-version .nav-tabs .nav-link {
        color: #94a3b8 !important;
    }

        body.dark-version .nav-tabs .nav-link.active {
            background-color: #1a2530 !important;
            color: #81B622 !important;
            border-color: #2d3a45 !important;
            border-bottom-color: transparent !important;
        }

    /* ---------- HR ---------- */
    body.dark-version hr.horizontal.dark {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) !important;
    }

    /* ---------- bg-gray-100 (Panel) ---------- */
    body.dark-version .bg-gray-100 {
        background-color: #121a21 !important;
    }

    /* ---------- Main Content ---------- */
    body.dark-version .main-content {
        background-color: #121a21 !important;
    }

    /* ---------- Navbar Vertical Icons ---------- */
    body.dark-version .navbar-vertical .nav-link .icon {
        background-image: linear-gradient(310deg, #2d3a45 0%, #4a5568 100%) !important;
    }

    body.dark-version .navbar-vertical .nav-link.active .icon {
        background-image: linear-gradient(310deg, #3D550C 0%, #81B622 100%) !important;
    }

    /* ---------- bg-menu ---------- */
    body.dark-version .bg-menu {
        background-image: linear-gradient(310deg, #1a2530 0%, #3a4a5c 100%) !important;
    }

    /* ---------- Spinner ---------- */
    body.dark-version .spinner-border {
        border-color: #4a5568 !important;
        border-right-color: transparent !important;
    }
    /* ---------- Fix bg-gradient-faded-white ---------- */
    body.dark-version .bg-gradient-faded-white {
        background-image: radial-gradient(370px circle at 80% 50%, rgba(45, 58, 69, 0.6) 0%, #1a2530 100%) !important;
        color: #cbd5e0 !important;
    }

    body.dark-version .bg-gradient-faded-white-vertical {
        background-image: radial-gradient(200px circle at 50% 70%, rgba(45, 58, 69, 0.3) 0, #1a2530 100%) !important;
        color: #cbd5e0 !important;
    }

    body.dark-version .bg-light {
        background-color: #1f2c38 !important;
    }

    body.dark-version label,
    body.dark-version .form-label {
        color: #cbd5e0 !important;
    }

   

    body.dark-version .nav-pills {
        --bs-nav-pills-link-active-color: #81B622 !important;
        --bs-nav-pills-link-active-bg: #1f2c38 !important;
    }
    body.dark-version .nav.nav-pills {
        background: #1a2530 !important;
    }
    }

        body.dark-version .nav-pills .nav-link.active,
        body.dark-version .nav-pills .show > .nav-link {
            color: #81B622 !important;
            background-color: #1f2c38 !important;
        }

    body.dark-version .nav-tabs {
        --bs-nav-tabs-link-active-color: #81B622 !important;
        --bs-nav-tabs-link-active-bg: #1a2530 !important;
        --bs-nav-tabs-border-color: #2d3a45 !important;
        --bs-nav-tabs-link-active-border-color: #2d3a45 #2d3a45 #1a2530 !important;
        --bs-nav-tabs-link-hover-border-color: #2d3a45 !important;
        border-bottom-color: #2d3a45 !important;
    }

        body.dark-version .nav-tabs .nav-link.active {
            color: #81B622 !important;
            background-color: #1a2530 !important;
            border-color: #2d3a45 #2d3a45 #1a2530 !important;
        }

    body.dark-version .nav-link {
        color: #a0aec0 !important;
    }

        body.dark-version .nav-link:hover {
            color: #81B622 !important;
        }


    body.dark-version .list-group {
        --bs-list-group-bg: #1a2530 !important;
        --bs-list-group-border-color: #2d3a45 !important;
        --bs-list-group-action-color: #cbd5e0 !important;
        --bs-list-group-action-hover-color: #fff !important;
        --bs-list-group-action-hover-bg: #1f2c38 !important;
        --bs-list-group-action-active-bg: #2d3a45 !important;
        --bs-list-group-disabled-bg: #1a2530 !important;
        --bs-list-group-disabled-color: #64748b !important;
        --bs-list-group-active-bg: #81B622 !important;
        --bs-list-group-active-border-color: #81B622 !important;
        color: #cbd5e0 !important;
    }

    body.dark-version .list-group-item {
        color: #cbd5e0 !important;
        background-color: #1a2530 !important;
        border-color: #2d3a45 !important;
    }


    body.dark-version .bg-gradient-light {
        background-image: linear-gradient(310deg, #2d3a45 0%, #1f2c38 100%) !important;
        color: #cbd5e0 !important;
    }

    body.dark-version .bg-gradient-faded-light {
        background-image: radial-gradient(370px circle at 80% 50%, rgba(45, 58, 69, 0.6) 0%, #1a2530 100%) !important;
        color: #cbd5e0 !important;
    }

    body.dark-version svg [fill="#FFFFFF"] {
        fill: #121a21 !important;
    }

    body.dark-version svg [fill="#fff"] {
        fill: #121a21 !important;
    }

    /* یا اگه ID داره: */
    body.dark-version #wave-down [fill="#FFFFFF"] {
        fill: #121a21 !important;
    }


    body.dark-version .moving-waves use {
        fill-opacity: 0.08 !important;
    }

        /* اگه اون یکی که opacity بالا داره (0.95) رو می‌خوای جدا تنظیم کنی: */
        body.dark-version .moving-waves use:last-child {
            fill-opacity: 0.15 !important;
        }

        body.dark-version .moving-waves use:last-child {
            fill: rgba(18, 26, 33, 0.95) !important;
            fill-opacity: 1 !important;
        }

    body.dark-version #wave-up path[fill="#f8f9fa"] {
        fill: #121a21 !important;
    }

    body.dark-version .bg-gradient-site {
        background: radial-gradient(circle, rgba(60, 80, 30, 1) 0%, rgba(15, 25, 5, 1) 100%) !important;
    }
    body.dark-version #captchaImage {
        filter: invert(1) hue-rotate(180deg) brightness(0.9);
        border-radius: 4px;
    }

    /* Fix Chrome Autocomplete سفید */
    body.dark-version input:-webkit-autofill,
    body.dark-version input:-webkit-autofill:hover,
    body.dark-version input:-webkit-autofill:focus,
    body.dark-version input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px #162028 inset !important;
        -webkit-text-fill-color: #e2e8f0 !important;
        caret-color: #e2e8f0 !important;
        border-color: #2d3a45 !important;
        transition: background-color 5000s ease-in-out 0s;
    }

    /* برای Edge هم */
    body.dark-version input[autocomplete] {
        background-color: #162028 !important;
        color: #e2e8f0 !important;
    }


body.dark-version .navbar-vertical .navbar-nav > .nav-item .nav-link.active {
    color: #81B622 !important;
    background-color: #1f2c38 !important;
}

body.dark-version .moving-tab .nav-link.active {
    color: #81B622 !important;
    box-shadow: 0px 1px 5px 1px #2d3a45 !important;
    background: #1f2c38 !important;
}


body.dark-version .nav-link.active {
    color: #81B622 !important;
}

body.dark-version .nav-link {
    color: #a0aec0 !important;
}

    body.dark-version .nav-link.active {
        box-shadow: none !important;
        border-bottom: none !important;
    }

body.dark-version .nav-tabs .nav-link.active,
body.dark-version .nav-pills .nav-link.active {
    box-shadow: 0px 1px 5px 1px #2d3a45 !important;
}

body.dark-version .moving-tab .nav-link.active {
    box-shadow: 0px 1px 5px 1px #2d3a45 !important;
}
body.dark-version .moving-tab.position-absolute.nav-link {
    background: #1f2c38 !important;
    box-shadow: none !important;
}

    body.dark-version .moving-tab.position-absolute.nav-link a {
        color: transparent !important;
    }


body.dark-version .scrollbar-track,
body.dark-version .scroll-content,
body.dark-version .sidenav {
    scrollbar-color: #2d3a45 #1a2530 !important;
}

body.dark-version ::-webkit-scrollbar {
    background-color: #1a2530 !important;
}

body.dark-version ::-webkit-scrollbar-thumb {
    background-color: #2d3a45 !important;
    border-radius: 6px !important;
}

body.dark-version ::-webkit-scrollbar-track {
    background-color: #121a21 !important;
}

/* اسکرول smooth-scrollbar */
body.dark-version .scrollbar-thumb {
    background-color: #2d3a45 !important;
}

body.dark-version .scrollbar-track-y {
    background-color: #121a21 !important;
}

body.dark-version .bg-gradient-info {
    background-image: linear-gradient(310deg, #142f8a 0%, #0d6b80 100%) !important;
}

body.dark-version .table table tbody tr td a,
body.dark-version .table table tbody tr td span {
    color: #a0aec0 !important;
    background-color: #1f2c38 !important;
}

body.dark-version .table table tbody tr td span {
    color: #81B622 !important;
    background-color: #1f2c38 !important;
}

body.dark-version .table table tbody tr td a:hover {
    color: #81B622 !important;
    background-color: #2d3a45 !important;
}

body.dark-version .checkbox-buttons label {
    background-color: #1f2c38 !important;
    border-color: #2d3a45 !important;
    color: #cbd5e0 !important;
}
body.dark-version .checkbox-buttons input[type="checkbox"]:checked + label {
    background-color: #3D550C !important;
    color: #fff !important;
    border-color: #81B622 !important;
}

body.dark-version .btn-warning {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #6b5505 !important;
    --bs-btn-border-color: #6b5505 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #8a6e08 !important;
    --bs-btn-hover-border-color: #8a6e08 !important;
    --bs-btn-active-bg: #5a4604 !important;
}


body.dark-version input[type="file"]::-webkit-file-upload-button {
    background-color: #3D550C !important;
    color: #fff !important;
    border: none !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
}

body.dark-version input[type="file"]::file-selector-button {
    background-color: #3D550C !important;
    color: #fff !important;
    border: none !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
}

body.dark-version input[type="file"] {
    color: #cbd5e0 !important;
}

body.dark-version .bg-gradient-success {
    background-image: linear-gradient(310deg, #0d5c1e 0%, #4a7a10 100%) !important;
}

/* ========== CKEditor Dark Mode ========== */
body.dark-version .ck-editor .ck-content,
body.dark-version .ck-editor .ck-toolbar,
body.dark-version .ck-editor .ck-toolbar__items,
body.dark-version .ck.ck-editor__main > .ck-editor__editable,
body.dark-version .ck.ck-editor__editable,
body.dark-version .ck-editor__editable {
    background-color: #1a2530 !important;
    color: #cbd5e0 !important;
    border-color: #2d3a45 !important;
}

body.dark-version .ck.ck-toolbar {
    background-color: #1f2c38 !important;
    border-color: #2d3a45 !important;
}

body.dark-version .ck.ck-button {
    color: #a0aec0 !important;
}

    body.dark-version .ck.ck-button:hover {
        background-color: #2d3a45 !important;
        color: #fff !important;
    }

    body.dark-version .ck.ck-button.ck-on {
        background-color: #3D550C !important;
        color: #fff !important;
    }

body.dark-version .ck.ck-dropdown__panel {
    background-color: #1a2530 !important;
    border-color: #2d3a45 !important;
}

body.dark-version .ck.ck-list__item .ck-button {
    color: #cbd5e0 !important;
}

    body.dark-version .ck.ck-list__item .ck-button:hover {
        background-color: #2d3a45 !important;
    }

body.dark-version .ck.ck-icon {
    filter: invert(0.8);
}

body.dark-version .ck.ck-toolbar__separator {
    background-color: #2d3a45 !important;
}

body.dark-version .ck.ck-input-text,
body.dark-version .ck.ck-input-number {
    background-color: #162028 !important;
    color: #e2e8f0 !important;
    border-color: #2d3a45 !important;
}

body.dark-version .ck.ck-balloon-panel {
    background-color: #1a2530 !important;
    border-color: #2d3a45 !important;
}

    body.dark-version .ck.ck-balloon-panel .ck-toolbar {
        background-color: #1a2530 !important;
    }

body.dark-version .ck.ck-labeled-field-view .ck-label {
    color: #a0aec0 !important;
}

/* Placeholder */
body.dark-version .ck.ck-editor__editable.ck-placeholder::before {
    color: #64748b !important;
}

/* Table inside editor */
body.dark-version .ck-content .table {
    background-color: #1a2530 !important;
}

    body.dark-version .ck-content .table td,
    body.dark-version .ck-content .table th {
        border-color: #2d3a45 !important;
        color: #cbd5e0 !important;
    }

/* Links */
body.dark-version .ck-content a {
    color: #81B622 !important;
}

/* ========== Chart.js Dark Mode ========== */

/* پس‌زمینه نمودار */
body.dark-version canvas#myChart {
    filter: none !important;
}

/* کانتینر دکمه‌ها */
body.dark-version .btn.bg-gradient-success.text-dark {
    color: #fff !important;
}

body.dark-version .btn.bg-gradient-info.text-white {
    color: #e2e8f0 !important;
}


body.dark-version #panelPageLoader {
    background: linear-gradient(135deg, #0f172a 0%, #1a2332 100%) !important;
}

    body.dark-version #panelPageLoader #loaderPercent {
        color: #94a3b8 !important;
    }