/* ================================
   Dark Mode for SB Admin 2
   فعال وقتی: body.dark-mode
   ================================ */

/* پس‌زمینه و متن کلی */
body.dark-mode  {
    background-color: #0f172a;
    color: #e5e7eb;
}
body.dark-mode  .container-fluid ,
body.dark-mode  #content ,
body.dark-mode  #content-wrapper{
    background-color: #0f172a;
    color: #e5e7eb;
}

/* متن‌های عمومی */
body.dark-mode,
body.dark-mode p,
body.dark-mode span,
body.dark-mode li,
body.dark-mode label {
    color: #e5e7eb;
}

/* لینک‌ها */
body.dark-mode a {
    color: #60a5fa;
}
body.dark-mode a:hover,
body.dark-mode a:focus {
    color: #93c5fd;
}

/* Navbar / Topbar */
body.dark-mode .navbar,
body.dark-mode .topbar {
    background-color: #020617 !important; /* خیلی تیره */
    border-bottom-color: #111827;
}
body.dark-mode .navbar .navbar-brand,
body.dark-mode .navbar .nav-link,
body.dark-mode .topbar .nav-link,
body.dark-mode .topbar .dropdown-toggle {
    color: #e5e7eb !important;
}
body.dark-mode .navbar .nav-link:hover,
body.dark-mode .topbar .nav-link:hover {
    color: #bfdbfe !important;
}

/* سایدبار */
body.dark-mode .sidebar {
    background-color: #020617 !important;
}
body.dark-mode .sidebar .sidebar-brand,
body.dark-mode .sidebar .sidebar-heading {
    color: #94a3b8 !important;
}
body.dark-mode .sidebar .nav-item .nav-link {
    color: #e5e7eb;
}
body.dark-mode .sidebar .nav-item .nav-link i {
    color: #9ca3af;
}
body.dark-mode .sidebar .nav-item .nav-link:hover,
body.dark-mode .sidebar .nav-item .nav-link:focus {
    background-color: #111827;
}
body.dark-mode .sidebar .nav-item.active .nav-link {
    background-color: #1d4ed8;
    color: #f9fafb;
}

/* Card ها */
body.dark-mode .card {
    background-color: #0b1220;
    border-color: #1f2937;
    color: #e5e7eb;
}
body.dark-mode .card-header {
    background-color: #020617;
    border-bottom-color: #1f2937;
    color: #e5e7eb;
}
body.dark-mode .card-body {
    color: #e5e7eb;
}

/* جدول‌ها */
body.dark-mode .table {
    color: #e5e7eb;
}
body.dark-mode .table thead th {
    border-bottom-color: #1f2937;
    background-color: #020617;
}
body.dark-mode .table tbody tr {
    border-color: #1f2937;
}
body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: #020617;
}

/* فرم‌ها */
body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #020617 !important;
    border-color: #1f2937 !important;
    color: #e5e7eb !important;
}

.bg-gradient-primary1 {
    background-color: #0a58ca;
    background-image: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.12),
            rgba(0, 0, 0, 0.25)
    );
}
body.dark-mode .form-control::placeholder {
    color: #6b7280;
}
body.dark-mode .input-group-text {
    background-color: #020617;
    border-color: #1f2937;
    color: #e5e7eb;
}

/* Dropdown ها */
body.dark-mode .dropdown-menu {
    background-color: #020617;
    border-color: #1f2937;
}
body.dark-mode .dropdown-item {
    color: #e5e7eb;
}
body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #111827;
}

/* Modal ها */
body.dark-mode .modal-content {
    background-color: #020617;
    border-color: #1f2937;
    color: #e5e7eb;
}
body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    border-color: #1f2937;
}

/* Alert ها */
body.dark-mode .alert {
    background-color: #020617;
    border-color: #1f2937;
    color: #e5e7eb;
}

/* Footer */
body.dark-mode .sticky-footer {
    background-color: #020617;
    color: #9ca3af;
    border-top: 1px solid #1f2937;
}

/* Scroll to Top Button */
body.dark-mode .scroll-to-top {
    background-color: #1d4ed8;
}
body.dark-mode .scroll-to-top:focus,
body.dark-mode .scroll-to-top:hover {
    background-color: #2563eb;
}

/* مرزهای عمومی */
body.dark-mode hr {
    border-color: #1f2937;
}
/* مرزهای عمومی */
body.dark-mode .btn-success,
body.dark-mode .btn-info,
body.dark-mode .btn-warning,
body.dark-mode .btn-primary,
body.dark-mode .btn-danger
{
    color:#444;
}

/* حالت پیش‌فرض (روشن) - برای اطمینان از ظاهر زیبا */
.custom-pagination .page-link {
    color: #0d6efd;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: all 0.3s ease;
}

/* --- جادوی حالت Dark --- */
/* فرض بر این است که وقتی سایت تاریک می‌شود، کلاس dark به body یا یک والد اضافه می‌شود */
body.dark-mode .custom-pagination .page-link {
    background-color: #2b3035; /* خاکستری تیره متمایل به سرمه‌ای */
    border-color: #495057;
    color: #dee2e6; /* متن روشن */
}

/* استایل دکمه غیرفعال در حالت تاریک */
body.dark-mode .custom-pagination .page-item.disabled .page-link {
    background-color: #212529;
    border-color: #373b3e;
    color: #6c757d;
}

/* استایل صفحه فعلی (Active) در حالت تاریک */
body.dark-mode .custom-pagination .page-item.active .page-link {
    background-color: #0d6efd; /* رنگ آبی برند لاراولی یا هر رنگی که دوست داری */
    border-color: #0d6efd;
    color: #fff;
}

/* افکت هاور (Hover) در حالت تاریک */
body.dark-mode .custom-pagination .page-link:hover {
    background-color: #3d4246;
    border-color: #6c757d;
    color: #fff;
}

/* برای سه نقطه‌ها */
body.dark-mode .custom-pagination .page-item.disabled span.page-link {
    background-color: transparent;
    border: none;
}

