.dark-mode .error-container {
    background-color: #191d2d;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    color: #f8f9fa;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #aaa;
    /* اختر اللون الذي يناسب الخلفية الداكنة */
    opacity: 1;
    /* لتظهر بوضوح */
}

/* Dark mode styles */
.dark-mode {
    background-color: #0E1019;
    color: #f8f9fa;
}

.dark-mode .form-control {
    background-color: #171c20;
    border: var(--bs-border-width) solid #434649;
    color: #ffffff;
}

.dark-mode .bg-light {
    background-color: #191d2d !important;
    color: #f8f9fa;
}

.dark-mode .navbar {
    /*    background: linear-gradient(135deg, #2c3b46 0%, #272b39 100%);*/
    background-color: #191d2d !important;
    color: #f8f9fa;
}

.dark-mode .card-text.post-excerpt {
    color: #bec1c4;
}

.dark-mode .card-header.league-header {
    background: #191D2D !important;
}

.dark-mode .navbar-toggler-icon {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.dark-mode.single .card-header {
    background: #262d4a;
    color: #fff;
}

.dark-mode .text-dark {
    color: #f8f9fa !important;
}

.dark-mode .match-single {
    /*    box-shadow: 0 0 4px rgb(240 239 239 / 30%);*/
    /*    background: linear-gradient(to bottom, #0e3165, #081251, #131d4c);*/
}

.dark-mode .single-content-match {
    color: #ffffff;
}

.dark-mode .single-content-match p,
.dark-mode .article-content p {
    color: var(--bs-gray-500);
}

.dark-mode .single .match-score {
    background: none;
    font-weight: bold;
    font-size: 21px;
}

.dark-mode .post-tags-wrap,
.dark-mode .post-cat-wrap {
    color: #fff;
}

.dark-mode .list-group-item {
    background-color: #151825;
    border-color: #0e1019;
    color: #f8f9fa;
}

.dark-mode .btn-outline-secondary {
    border-color: #555;
    color: #f8f9fa;
}

.dark-mode .btn-outline-secondary:hover {
    background-color: #333;
}

.dark-mode .offcanvas ul.sidebar-menu li:hover {
    background: #2d3a57;
}

.dark-mode .compact .match-score {
    color: #ffffff
}

.dark-mode .card-title {
    color: var(--bs-light);
}

.dark-mode .navbar-nav li a {
    color: #ffffff
}

.dark-mode .text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-gray-500) !important;
}

.dark-mode .nav-tabs {
    border-bottom: 1px solid #464747;
    border: none;
}

.dark-mode .nav-tabs .nav-link {
    color: #adb5bd;
    background: none;
    border: none;
}

.dark-mode .nav-tabs .nav-link:hover {
    color: #4dabf7;
}

.dark-mode .nav-tabs .nav-link.active {
    color: #00ffcc;
    background-color: #191d2d;
    border-top: 1px solid #007bff;
    border-right: 1px solid #007bff;
    border-left: 1px solid #007bff;
}

.dark-mode .navbar-brand {
    color: #ffffff
}

.dark-mode .card {
    color: #ffffff;
    border: none;
    background-color: #191d2d;
}

.dark-mode #matchesTabContent .card {
    background: none;
}

.dark-mode .card-body {
    background: #191D2D;
}

.dark-mode button.darkModeToggle {
    color: #ffffff;
    border: 1px solid #76777c;
}

.dark-mode .post-card {
    background: #191D2D;
    border: none;
}

.dark-mode .error-title {
    color: #f8f9fa;
}

.dark-mode .error-subtitle {
    color: #adb5bd;
}

.dark-mode .error-description {
    color: #dee2e6;
}

.dark-mode .btn-outline-secondary {
    color: #f8f9fa;
    border-color: #6c757d;
}

.dark-mode .btn-outline-secondary:hover {
    background-color: #6c757d;
    color: #fff;
}

.dark-mode footer .copyright {
    background-color: #191d2d;
    border: none
}

.dark-mode .theme-toggle {
    background-color: #343a40;
    color: #f8f9fa;
}

.dark-mode footer a {
    color: #f7f7f7
}

.dark-mode footer a:hover {
    color: #39dbbf
}

.dark-mode footer .copyright p,
.dark-mode footer .copyright a {
    color: #39dbbf;
}

.dark-mode span.pulse-text {
    color: #ffffff
}

.dark-mode .breadcrumb-item + .breadcrumb-item::before {
    color: rgb(228 228 228 / 75%);
}

.dark-mode .navbar-brand img {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.dark-mode .offcanvas {
    background-color: #151923;
    color: #ffffff;
}

.dark-mode .offcanvas-header {
    border-bottom: 1px solid #2c2e35;
}

.dark-mode .dropdown-menu {
    background-color: #181e2b;
}

.dark-mode .dropdown-item:hover {
    background-color: #293041;
}

.dark-mode .navbar-nav .dropdown-menu .menu-item.current-menu-item a,
.dark-mode .navbar-nav .dropdown-menu .menu-item.current_page_item a {
    background-color: #293041;
}

.dark-mode a.button-close {
    color: #ffffff;
}

.dark-mode .navbar-nav .nav-link.active,
.dark-mode .navbar-nav .nav-link.show {
    color: #ddd;
}

.dark-mode .menu-item.current-menu-item a,
.dark-mode .menu-item.current_page_item a {
    color: #39dbbf !important;
    font-weight: bold;
    border-bottom: 2px solid #39dbbf;
}

.dark-mode .navbar-nav .nav-link:hover {
    color: #39dbbf !important;
}

.dark-mode .leagues-swiper .swiper-button-next,
.dark-mode .leagues-swiper .swiper-button-prev {
    color: #ffffff;
}

.dark-mode .no-matches {
    background: #191d2d;
}

.dark-mode .card-title.lh-base a {
    color: #ffffff;
}

.dark-mode .list-group-item a {
    color: #ffffff;
}

.dark-mode .mobile-bottom-nav {
    background-color: #191d2d;
    border-top: 1px solid #0a3e15;
}

.dark-mode .mobile-bottom-nav .nav-link.active {
    color: #01b228;
}

.dark-mode .articles-grid .card-header {
    background: linear-gradient(135deg, #0e1019 0%, #222a49 100%);
    color: #39dbbf;
    border: none;
}

.dark-mode .card-title.post-title a {
    color: #ffffff;
}

.dark-mode .article-comments h5 {
    border-bottom: 1px solid #2f355a;
}

.dark-mode .article-comments .card {
    border-bottom: 1px solid #2f355a;
}

.dark-mode h5.no-comment {
    background: #171c20;
}