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

body.dark-mode .main-header {
    background-color: var(--secondary-color);
}
/* Dark mode styles */
.dark-mode {
    background-color: #0E1019;
    color: #f8f9fa;
}
.dark-mode .btn{
    color: var(--text-dark)
}

.dark-mode .menu-item.current-menu-item a, .dark-mode .menu-item.current_page_item a {
    color: aqua !important;
}
.dark-mode .main-header .navbar-nav .nav-link:focus, .dark-mode .main-header .navbar-nav .nav-link:hover {
    color: aqua;
}
.dark-mode .form-control {
    background-color: var(--inputBgColorDark);
    border: var(--bs-border-width) solid #434649;
    color: var(--text-dark);
}

.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: var(--text-dark);
}

.dark-mode .single-content-match p,
.dark-mode .article-content p {
    color: var(--bs-gray-300);
}
.dark-mode .single-content-match p a, .dark-mode .article-content p a {
    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: var(--text-dark)
}

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

.dark-mode .navbar-nav li a {
    color: var(--text-dark)
}

.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: var(--text-dark)
}

.dark-mode .card {
    color: var(--text-dark);
    border: none;
    background-color: #191d2d;
}

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

.dark-mode button.darkModeToggle {
    color: var(--text-dark);
    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;
}

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

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

.dark-mode span.pulse-text {
    color: var(--text-dark)
}

.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: var(--text-dark);
}

.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: var(--text-dark);
}

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

.dark-mode .leagues-swiper .swiper-button-next,
.dark-mode .leagues-swiper .swiper-button-prev {
    color: var(--text-dark);
}

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

.dark-mode .card-title.lh-base a {
    color: var(--text-dark);
}

.dark-mode .list-group-item a {
    color: var(--text-dark);
}

.dark-mode .header-icon button i.bi-sun-fill{
    color: #ffd000;
}

.dark-mode .main-header {
    box-shadow: 0px 1px 1px 0px #2d3543;
}
.dark-mode .section-title h2, .dark-mode .section-title h2 a {
    color: var(--text-dark);
}
.dark-mode .breaking-news-title a, .dark-mode a.talanazel, .dark-mode .news-card a, .dark-mode .offcanvas-body ul li a, .dark-mode .breadcrumb-item a, .dark-mode .comment-form a, .dark-mode .article-comments a {
    color: var(--text-dark);
}
.offcanvas-body ul li a:hover{
    color: aqua
}
.dark-mode .section-title::before {
    border-top: 2px solid var(--primaryDark);
}
.dark-mode .section-title:after {
    border-top: 2px solid var(--borderColorDark);
}
.dark-mode .breaking-news-content .breaking-time {
    color: var(--text-dark);
}
.dark-mode .label-author, .dark-mode .label-author a{
    color: var(--authorTextDark);
}

.dark-mode .post-tags a {
    background-color: rgb(41 48 62) !important;
    color: rgb(255 255 255) !important;
    border: 1px solid #3c426f;
}

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

/*Prayer times Css darkmode*/
.dark-mode .prayer-header::after {
    background: #e7e6f7;
}
.dark-mode .prayer-title {
    color: var(--primary-color);
}

.dark-mode .prayer-title::after {
    background: linear-gradient(to left, var(--primary-color), var(--accent-color));
}

.dark-mode .prayer-header .btn {
    background: var(--primary-color);
    color: white;
}

.dark-mode .prayer-header .btn:hover {
    background: var(--accent-color);
}
.dark-mode .header-line {
     background: rgba(255, 255, 255, 0.3);
 }

.dark-mode .city-select-country, .dark-mode .city-select-city {
    color: var(--text-dark);
}
body.dark-mode select {
    background-color: var(--tableBgDark) !important;
    color: var(--text-dark);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.dark-mode .prayer-time-item:hover {
     background: rgba(255, 255, 255, 0.25);
 }

.dark-mode .prayer-time-item.current-prayer .prayer-time {
    background: #14ad80;
}

.dark-mode .prayer-time {
    color: var(--text-dark);
    background: #004ed3;
}
.dark-mode .prayer-loading {
/*    color: #0af4e0;*/
}
.dark-mode .prayer-footer {
    background: var(--tableBgDark)
}
.dark-mode .category-link{
    color: #f7f7f7
}