.dark-mode .error-container {
    background-color: #2d2d2d;
    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: #222020;
    border: var(--bs-border-width) solid #434649;
    color: #ffffff;
}

.dark-mode .bg-light {
    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 {
    background: #e0e2ec;
}
.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 .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 .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;
}
.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 .theme-toggle {
    background-color: #343a40;
    color: #f8f9fa;
}
.dark-mode footer a{
    color: #f7f7f7
}
.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);
}