/* Premium Modern Dark Mode Styles */
body.dark-mode {
    background-color: #0B1120 !important;
    color: #E2E8F0 !important;
}

.dark-mode .navbar,
.dark-mode .bg-white {
    background-color: #1E293B !important;
    color: #F8FAFC !important;
    border-color: #334155 !important;
}

.dark-mode .nav-link {
    color: #CBD5E1 !important;
}

.dark-mode .nav-link.active,
.dark-mode .nav-link:hover {
    color: #2DD4BF !important;
}

.dark-mode .card,
.dark-mode .border,
.dark-mode .list-group-item {
    background-color: #1E293B !important;
    border-color: #334155 !important;
    color: #F8FAFC !important;
}

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

.dark-mode .text-muted {
    color: #94A3B8 !important;
}

.dark-mode .form-control {
    background-color: #0F172A !important;
    color: #F8FAFC !important;
    border-color: #334155 !important;
}

.dark-mode .search-wrap {
    background-color: #0F172A !important;
    border: 1.5px solid #334155 !important;
    border-radius: 50px;
    overflow: hidden;
}

.dark-mode .search-wrap input {
    background-color: transparent !important;
    color: #F8FAFC !important;
}

.dark-mode .search-ic img {
    filter: invert(1);
}

.dark-mode .series-heading a {
    color: #F8FAFC !important;
}

.dark-mode a {
    color: #F8FAFC;
}

.dark-mode a:hover {
    color: #2DD4BF !important;
}

.dark-mode .sidebar-wrap,
.dark-mode .trading-series,
.dark-mode .latest-news {
    background-color: #1E293B !important;
    border: 1px solid #334155 !important;
}

.dark-mode .trading-s-head h4,
.dark-mode .latest-news-tit h4 {
    color: #F8FAFC !important;
}

.dark-mode .form-control::placeholder {
    color: #64748B !important;
}

.dark-mode h4.series-heading {
    color: #CBD5E1 !important;
}

.dark-mode .score-card {
    background: #1E293B !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 18px -2px rgba(0, 0, 0, 0.4) !important;
}

.dark-mode .score-card:hover {
    border-color: #0EA5A5 !important;
    box-shadow: 0 12px 28px -4px rgba(14, 165, 165, 0.25) !important;
}

.dark-mode .score-head,
.dark-mode .live-matches-list .match-card-info,
.dark-mode .team-right h5 span,
.dark-mode .team-a-over-display,
.dark-mode .team-b-over-display,
.dark-mode .browseSeries-itm-date {
    color: #94A3B8 !important;
}

.dark-mode .team-left h5,
.dark-mode .team-right h5 {
    color: #F8FAFC !important;
}

.dark-mode .score-bottom {
    background: #0F172A !important;
    border-top-color: #334155 !important;
}

.dark-mode .score-bottom ul li a {
    color: #94A3B8 !important;
}

.dark-mode .score-bottom ul li a:hover {
    color: #2DD4BF !important;
}

.dark-mode .score-card .match-card-info,
.dark-mode .match-card-meta-bar .match-card-info {
    color: #94A3B8 !important;
}

.dark-mode .score-card .mm-badge.finished,
.dark-mode .mm-badge.finished {
    background: #1E293B !important;
    color: #94A3B8 !important;
    border-color: #334155 !important;
}

.dark-mode .score-card .mm-badge.upcoming,
.dark-mode .mm-badge.upcoming {
    background: rgba(14, 165, 165, 0.15) !important;
    color: #2DD4BF !important;
    border-color: rgba(14, 165, 165, 0.3) !important;
}

.dark-mode .score-card .mm-badge.live,
.dark-mode .mm-badge.live {
    background: rgba(244, 63, 94, 0.15) !important;
    color: #FB7185 !important;
    border-color: rgba(244, 63, 94, 0.35) !important;
}

.dark-mode .team-logo img {
    background: #0F172A !important;
    border-color: #334155 !important;
}

.dark-mode .need-run {
    background: rgba(14, 165, 165, 0.15) !important;
    color: #2DD4BF !important;
}

.dark-mode .need-run .status-text {
    color: #2DD4BF !important;
}

.dark-mode .is-live-card .need-run {
    background: rgba(244, 63, 94, 0.18) !important;
    color: #FB7185 !important;
}

.dark-mode .is-live-card .need-run .status-text {
    color: #FB7185 !important;
}

.dark-mode .owl-nav button {
    border: 1.5px solid #334155 !important;
    background: #1E293B !important;
    box-shadow: unset;
}

.dark-mode .owl-nav button img {
    filter: brightness(0.1) invert(0.8);
}

.dark-mode .need-run {
    background: rgba(14, 165, 165, 0.15) !important;
    color: #2DD4BF !important;
}

.dark-mode .need-run .status-text {
    color: #2DD4BF !important;
}

.dark-mode .score-bottom {
    background: #0F172A !important;
    border-top: 1px solid #334155 !important;
}

.dark-mode .score-bottom ul li a,
.dark-mode .score-bottom a {
    color: #2DD4BF !important;
}

.dark-mode .series-heading a:hover,
.dark-mode .score-bottom ul li a:hover {
    color: #FECA04;
}

.dark-mode .home-tags-slider {
    background: #1E293B !important;
    border: 1px solid #334155 !important;
}

.dark-mode .trending-badge-pill {
    background: rgba(14, 165, 165, 0.2) !important;
    border-color: rgba(14, 165, 165, 0.5) !important;
    color: #2DD4BF !important;
}

.dark-mode .home-tag {
    background: #0F172A !important;
    border-color: #334155 !important;
    color: #F1F5F9 !important;
}

.dark-mode .home-tag:hover {
    background: #1E293B !important;
    border-color: #2DD4BF !important;
    color: #2DD4BF !important;
}

.dark-mode .home-tag .tag-title {
    color: #F1F5F9 !important;
}

.dark-mode .home-tag:hover .tag-title {
    color: #2DD4BF !important;
}

.dark-mode .home-tag.is-live {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
}

.dark-mode .home-tag.is-live:hover {
    background: rgba(239, 68, 68, 0.2) !important;
    border-color: #EF4444 !important;
}

.dark-mode .home-tag.is-live:hover .tag-title {
    color: #F87171 !important;
}

.dark-mode .home-tag .tag-state-series {
    background: #334155 !important;
    color: #CBD5E1 !important;
    border-color: #475569 !important;
}

.dark-mode .home-tag .tag-state-upcoming {
    background: rgba(14, 165, 165, 0.2) !important;
    color: #2DD4BF !important;
    border-color: rgba(14, 165, 165, 0.4) !important;
}

.dark-mode .home-tag .tag-score {
    color: #2DD4BF !important;
    background: rgba(45, 212, 191, 0.12) !important;
}

.dark-mode .home-tag.is-live .tag-score {
    color: #FCA5A5 !important;
    background: rgba(239, 68, 68, 0.25) !important;
}

.dark-mode .finished {
    color: #7b85ff;
}

.dark-mode .tabing_sec {
    background: #1f1f1f;
}

.dark-mode .tab_title_wrap {
    border-bottom: solid 1px #494949;
}

.dark-mode .odi-rank-card {
    border: solid 1px #494949;
}

.dark-mode .player-label {
    background: rgb(118 128 255 / 11%);
    color: #dcdff9;
}

.dark-mode .news-img {
    box-shadow: 0 0 7px #1e1e1e;
}

.dark-mode .news-tit h3 {
    font-weight: normal;
    color: #ffffff;
}

.dark-mode .sidebar-wrap {
    background: transparent !important;
}

.dark-mode .list-series ul li a {
    border-bottom: solid 1px #494949;
    color: #d6d6d6;
}

.dark-mode .latest-news ul li a {
    color: #d6d6d6;
}

.dark-mode .list-series ul li a:hover {
    color: #FECA04;
}

.dark-mode .latest-news ul li a:hover {
    color: #FECA04;
}

.dark-mode .latest-news ul li a:hover h6 {
    color: #FECA04;
}

.dark-mode .trading-s-head,
.dark-mode .latest-news ul li {
    border-bottom: solid 1px #494949;
}

.dark-mode .featured-video {
    background: #1f1f1f;
}

.dark-mode .home-rank-tab.btn-outline-primary,
.dark-mode .filter-pills .btn-outline-primary {
    background: #2f2f2f;
    border: 0;
    color: #fff;
}

.dark-mode .home-rank-tab.active,
.dark-mode .home-rank-tab:hover,
.dark-mode .filter-pills .btn-outline-primary:hover,
.dark-mode .filter-pills .btn-outline-primary.active {
    background-color: #FECA04;
    color: #000;
}

.dark-mode .news-card:hover h3,
.dark-mode .news-big-size:hover h3 {
    color: #FECA04;
}

.dark-mode .app-download-sec {
    background: #1f1f1f;
}

.dark-mode .footer-widget.quick-links ul li a:hover,
.dark-mode .links ul li a:hover {
    color: #FECA04;
}

.dark-mode .app-download-cont p {
    color: #a3a3a3;
}

/* Logo & Icon Visibility in Dark Mode */
.dark-mode .navbar-brand .light-mode-logo {
    display: none !important;
}

.dark-mode .navbar-brand .dark-mode-logo {
    display: inline-block !important;
}

.dark-mode .footer-logo .footer-light-logo {
    display: none !important;
}

.dark-mode .footer-logo .footer-dark-logo {
    display: inline-block !important;
}

.dark-mode .dark-toggle-moon-ic {
    display: none !important;
}

.dark-mode .dark-toggle-sun-ic {
    display: inline-block !important;
}

.dark-mode .lang-dark-ic {
    display: none !important;
}

.dark-mode .lang-light-ic {
    display: inline-block !important;
}

.dark-mode .profile-dark-ic {
    display: none !important;
}

.dark-mode .profile-light-ic {
    display: inline-block !important;
}

.dark-mode .guest-profile-avatar-link:has(.guest-profile-avatar:not(.d-none)) .guest-header-profile-fallback {
    display: none !important;
}

.dark-mode .home-tags-slider button::before {
    color: #0EA5A5;
}

.dark-mode .owl-theme .owl-dots .owl-dot.active span,
.dark-mode .owl-theme .owl-dots .owl-dot:hover span {
    background: #0EA5A5 !important;
}

.dark-mode .nav-link:after {
    background: #0EA5A5;
}

.dark-mode .nav-tabs .nav-item.show .nav-link,
.dark-mode .nav-tabs .nav-link.active {
    background: transparent !important;
    border-bottom: 0;
    color: #2DD4BF !important;
}

.dark-mode .nav-tabs {
    border-bottom-color: #334155;
}

.dark-mode .nav-link.active {
    color: #2DD4BF !important;
}

.dark-mode .live-matches-list .score-card {
    border: solid 1.5px #334155;
}

.dark-mode .live-matches-list .score-card:hover {
    box-shadow: 0 0 18px rgba(14, 165, 165, 0.25);
}

.dark-mode .btn-primary {
    background: #0EA5A5 !important;
    border-color: #0EA5A5 !important;
    color: #FFFFFF !important;
}

.dark-mode .btn-primary:hover {
    background: #0D9494 !important;
    border-color: #0D9494 !important;
}

.dark-mode .btn-outline-primary {
    border-color: #0EA5A5 !important;
    color: #2DD4BF !important;
    background: transparent !important;
}

.dark-mode .btn-outline-primary:hover,
.dark-mode .btn-outline-primary.active {
    background: #0EA5A5 !important;
    border-color: #0EA5A5 !important;
    color: #FFFFFF !important;
}

/* Modern Card Overhauls for Dark Mode */
.dark-mode .tabing_sec {
    background: #1E293B !important;
    border: 1.5px solid #334155 !important;
    box-shadow: 0 6px 24px -2px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .tab_title_wrap {
    border-bottom: 1px solid #334155 !important;
}

.dark-mode .tab_title_wrap h2 {
    color: #F8FAFC !important;
}

.dark-mode .tab_title_wrap a {
    background: rgba(14, 165, 165, 0.2) !important;
    color: #2DD4BF !important;
}

.dark-mode .tab_title_wrap a:hover {
    background: #0EA5A5 !important;
    color: #FFFFFF !important;
}

.dark-mode .odi-rank-card {
    background: #1E293B !important;
    border: 1.5px solid #334155 !important;
    box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .odi-rank-card:hover {
    border-color: #2DD4BF !important;
    box-shadow: 0 14px 28px -4px rgba(14, 165, 165, 0.2) !important;
}

.dark-mode .odi-rank-card .player-dtl h4 {
    color: #F8FAFC !important;
}

.dark-mode .odi-rank-card .player-label {
    background: rgba(14, 165, 165, 0.2) !important;
    color: #2DD4BF !important;
}

.dark-mode .player-img-main {
    background: #0F172A !important;
    border-color: #0EA5A5 !important;
    box-shadow: 0 0 0 4px rgba(14, 165, 165, 0.2) !important;
}

.dark-mode .home-rankings-tabs-wrap .home-rank-tab,
.dark-mode .ranking-mini-tabs .home-rank-tab {
    background: #1E293B !important;
    border-color: #334155 !important;
    color: #94A3B8 !important;
}

.dark-mode .home-rankings-tabs-wrap .home-rank-tab:hover,
.dark-mode .ranking-mini-tabs .home-rank-tab:hover {
    background: rgba(14, 165, 165, 0.15) !important;
    border-color: #0EA5A5 !important;
    color: #2DD4BF !important;
}

.dark-mode .home-rankings-tabs-wrap .home-rank-tab.active,
.dark-mode .ranking-mini-tabs .home-rank-tab.active {
    background: #0EA5A5 !important;
    border-color: #0EA5A5 !important;
    color: #FFFFFF !important;
    box-shadow: 0 3px 10px rgba(14, 165, 165, 0.35) !important;
}

.dark-mode .news-card {
    background: #1E293B !important;
    border: 1.5px solid #334155 !important;
    box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .news-card:hover {
    border-color: #0EA5A5 !important;
    box-shadow: 0 14px 28px -4px rgba(14, 165, 165, 0.2) !important;
}

.dark-mode .news-card .news-desc h4,
.dark-mode .news-card .news-desc a {
    color: #F8FAFC !important;
}

.dark-mode .news-card:hover .news-desc h4,
.dark-mode .news-card:hover .news-desc a {
    color: #2DD4BF !important;
}

/* Dropdown Menus in Dark Mode */
.dark-mode .dropdown-menu {
    background-color: #1E293B !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .dropdown-item {
    color: #CBD5E1 !important;
}

.dark-mode .dropdown-item:hover,
.dark-mode .dropdown-item.active {
    background-color: rgba(14, 165, 165, 0.2) !important;
    color: #2DD4BF !important;
}

.dark-mode .dropdown-divider {
    border-color: #334155 !important;
}

.dark-mode .dropdown-header {
    color: #64748B !important;
}

/* Mobile Fixed Drawer in Dark Mode */
.dark-mode .mobile-fixed {
    background-color: #0F172A !important;
    color: #F8FAFC !important;
}

.dark-mode .mobile-fixed .nav-item {
    border-top-color: #334155 !important;
}

.dark-mode .mobile-fixed .nav-link {
    color: #F8FAFC !important;
}

.dark-mode .need-bg,
.dark-mode .match-run-rate {
    background: #1E293B !important;
    color: #2DD4BF !important;
}

.dark-mode .win-prediction {
    background: linear-gradient(90deg, #464646 0%, #121212 50%, #464646 100%);
}

.dark-mode .prediction-left p {
    color: #ccc;
}

.dark-mode .red-label {
    background: rgb(245 136 136 / 29%);
    color: #ff6565;
}

.dark-mode .green-label {
    background: rgb(39 174 96 / 32%);
}

.dark-mode .batter-team-table thead,
.dark-mode .bowler-team-table thead,
.dark-mode .player-bt-itm table thead th {
    background: #3a3a42;
}

.dark-mode .player-bt-itm table td {
    border-bottom: 1px solid #494949;
}

.dark-mode .venue-guide-itm.about-player {
    background: #121212;
}

.dark-mode .batter-team-table tr td,
.dark-mode .bowler-team-table tr td {
    background: #181818;
    border-bottom: solid 1px #2C2c2c;
}

.dark-mode .batter-name a {
    color: #fff !important;
}

.dark-mode .plyer-bg {
    background: #181818 !important;
}

.dark-mode .over-run-dtl {
    background: #444444;
}

.dark-mode .commentary-head {
    border-bottom: solid 1px #494949;
}

.dark-mode span.vs-wrap {
    background: rgb(68 68 68);
    color: #ffffff;
}

.dark-mode .orw ul li span {
    background: #3a3a42;
    border: solid 1px #6a6a6a;
}

.dark-mode .p-w-bg {
    background: #1f1f1f;
}

.dark-mode .team-name {
    border-bottom: solid 1px #494949;
}

.dark-mode .team-name p,
.dark-mode .team-name span {
    color: #a1a1a1;
}

.dark-mode .match-over-ball {
    background: #444444;
}

.dark-mode .overrun-span {
    color: #a1a1a1;
}

.dark-mode .overrun-label {
    border: solid 1px #1f1f1f;
    color: #c3c3c3;
    background: #1f1f1f;
}

.dark-mode .match-ball-dtl {
    border-bottom: solid 1px #494949;
}

.dark-mode .scorecard-wrap .accordion-header {
    background-color: #1f1f1f;
}

.dark-mode .scorecard-wrap button.accordion-button {
    background: #444444;
    border: solid 1px #444444 !important;
    box-shadow: unset !important;
}

.dark-mode .accordion-button:not(.collapsed)::after,
.dark-mode .accordion-button::after {
    filter: brightness(0.5) invert(1);
}

.dark-mode .table>:not(caption)>*>* {
    color: #fff;
    background-color: #1f1f1f;
    border-color: #494949;
}

.dark-mode .batter-name span {
    color: #747474;
}

.dark-mode .scorecard-wrap .accordion-body {
    background: #1f1f1f;
}

.dark-mode .extra-run-sec,
.dark-mode .total-run-sec {
    background: #181818;
    color: #ddd;
}

.dark-mode .team-s-cls .yet-to-bat {
    color: #fff;
}

.dark-mode .bowler-name a {
    color: #fff !important;
}

.dark-mode .history-wrap nav .nav-tabs {
    background: #444444;
}

.dark-mode .history-wrap nav .nav-tabs {
    background: linear-gradient(90deg, #464646 0%, #121212 50%, #464646 100%);
}

.dark-mode .history-wrap nav .nav-tabs .nav-link.active {
    background: rgb(90 90 90) !important;
    color: #fff !important;
    border: 0 !important;
}

.dark-mode .overhistory-wrap .accordion-button {
    background: #3a3a42;
    box-shadow: unset;
}

.dark-mode .overhistory-head {
    color: #fff;
}

.dark-mode .overhistory-wrap .accordion-body,
.dark-mode .live-match-info {
    background: #181818;
}

.dark-mode .matchlist {
    background: #1f1f1f;
}

.dark-mode .matchlist ul li {
    border-bottom: solid 1px #494949;
}

.dark-mode .overhistory-itm {
    background: #1f1f1f;
    color: #fff;
}

.dark-mode .overhistory-itm-l-time {
    color: #919191;
}

.dark-mode .overhistory-itm-l-run::after {
    background: linear-gradient(90deg, #38383c 0%, #ABABE3 50%, #38383c 100%);
}

.dark-mode .overhistory-itm-p-itm {
    background: linear-gradient(90deg, #464646 0%, #121212 50%, #464646 100%);
}

.dark-mode #global-skeleton {
    background-color: #121212 !important;
}

.dark-mode #global-skeleton .skeleton-block {
    background-color: #1f1f1f !important;
}

.dark-mode .squads-wrap .need-bg {
    background: rgba(14, 165, 165, 0.12) !important;
    border-color: rgba(14, 165, 165, 0.3) !important;
}

.dark-mode .squads-wrap .need-bg .need-run1 {
    color: #2DD4BF !important;
}

.dark-mode .squads-team-country {
    background: #1E293B !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .squards-team-country-nm {
    color: #F8FAFC !important;
}

.dark-mode .squads-team {
    background: #1E293B !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.35) !important;
}

.dark-mode .squads-team-itm:hover {
    background: rgba(14, 165, 165, 0.12) !important;
}

.dark-mode .squads-team-name {
    color: #F8FAFC !important;
}

.dark-mode .squads-team-itm:hover .squads-team-name {
    color: #2DD4BF !important;
}

.dark-mode .squads-team-tag {
    color: #94A3B8 !important;
}

.dark-mode .squads-team-itm-img img {
    border-color: #334155 !important;
    background: #0F172A !important;
}

.dark-mode .squads-team-itm:hover .squads-team-itm-img img {
    border-color: #2DD4BF !important;
}

.dark-mode .pointtable-head {
    background: #3a3a42;
}

.dark-mode .pointtable-table .accordion .accordion-button {
    background: #181818;
}

.dark-mode .pointtable-body-row {
    color: #ccc;
    border-bottom: 1px solid #494949;
}

.dark-mode .accordionpointtable-body {
    background: #3a3a42;
}

.dark-mode .accordionpointtable-body .pointtable-head {
    background: #1f1f1f;
    color: #fff;
}

.dark-mode .accordionpointtable-body .pointtable-body {
    background: #121212;
}

.dark-mode .date-cont span,
.dark-mode .date-cont h5 {
    color: #FFF;
}

.dark-mode .date-match img {
    filter: brightness(0.5) invert(1);
}

.dark-mode .matchlist ul li span,
.dark-mode .matchlist ul li span.right-match {
    color: #ccc;
}

.dark-mode .match-team h5 {
    color: #fff;
}

.dark-mode .matchlist ul li:last-child {
    border: 0;
}

.dark-mode .browseSeries-itm {
    border: 1px solid #494949;
}

.dark-mode .browseSeries-itm:hover {
    box-shadow: 0 0 15px #000000;
}

.dark-mode .browseSeries-btn img {
    filter: opacity(0.5);
}

.dark-mode .breadcrumb-item.active {
    color: #afafaf;
}

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

.dark-mode .series-tab-inner-sec {
    border: 1px solid #494949;
    color: #fff;
}

.dark-mode .series-detail-sec .score-card {
    border: 1px solid #494949;
}

.dark-mode .score-head .match-card-info {
    color: #afafaf;
}

.dark-mode .key-stats-itm {
    background: #2f2f2f;
}

.dark-mode .series-title-1 {
    background: #134e4a !important;
    color: #5eead4 !important;
    box-shadow: unset;
}

.dark-mode .bg-light {
    background: #1e293b !important;
}

.dark-mode .venues-listing .accordion-button {
    background-color: #181818;
    color: #ffffff;
    box-shadow: unset !important;
}

.dark-mode .series-venues-list .accordion-button:not(.collapsed) {
    background: #3a3a42;
    color: #ffffff;
}

.dark-mode .series-venues-list .venue-inner-tabs {
    border-bottom: 1px solid #494949;
}

.dark-mode .browse-payer-itm {
    border: 1px solid #494949;
}

.dark-mode .browse-payer-itm .team-name {
    border: 0;
}

.dark-mode .team-detail-page {
    border-bottom: 1px solid #494949;
}

.dark-mode .team-ranking-card,
.dark-mode .matches-listing {
    border: 1px solid #494949;
}

.dark-mode .matches-list-date {
    color: #aaa;
}

.dark-mode .matches-list-right {
    border-left: 1px solid #494949;
}

.dark-mode .matches-list-con::before {
    background: #FECA04;
}

.dark-mode .matches-list-time {
    background: #494949;
}

.dark-mode .matches-listing .commentary-team p {
    color: #fff;
}

.dark-mode .commentary-team p span {
    color: #aaa;
}

.dark-mode .matches-list-con .commentary-head {
    border: 0;
}

.dark-mode .series-list-a {
    border: solid 1px #494949;
}

.dark-mode .cms-page-sec {
    background-color: #121212;
}

.dark-mode .cms-content h2,
.dark-mode .cms-content h3 {
    color: #ffffff;
}

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

.dark-mode .bg-primary {
    background-color: #FECA04 !important;
}

.dark-mode .latest-news-tit {
    border-bottom: solid 1px #494949;
}

.dark-mode .polls-sec .poll-option {
    border: 1px solid #494949;
}

.dark-mode .polls-sec .poll-option.active {
    border-color: #494949;
    background: #121212;
}

.dark-mode .polls-sec .poll-option.active .radio-circle {
    border-color: #FECA04;
    background: #FECA04;
}

.dark-mode .btn.btn_primary,
.dark-mode .btn.btn_primary:focus {
    background: #FECA04;
    border: 1px solid #FECA04;
    color: #000;
}

.dark-mode .btn.btn_primary:hover {
    background: #cba30c;
    border: 1px solid #cba30c;
    color: #fff;
}

body.dark-mode .poll-result-question,
body.dark-mode .poll-result-count,
body.dark-mode .poll-result-total {
    color: #feca04 !important;
}

.dark-mode .dropdown-item.active,
.dark-mode .dropdown-item:active,
.dark-mode .dropdown-item:hover {
    color: #000;
    background-color: #FECA04;
}

.dark-mode .profile-head-wrap .dropdown .dropdown-menu {
    background: #242424;
    border: 1px solid #494949;
    border-top: 0;
}

.dark-mode .modal-backdrop {
    --bs-backdrop-opacity: 0.8;
}

.dark-mode .modal-content {
    background: #1c1c1c;
}

.dark-mode .modal-header {
    border-bottom-color: #494949;
}

.dark-mode .modal-footer {
    border-top-color: #494949;
}

.dark-mode .form-check-input:checked {
    background-color: #7c7c7c;
    border-color: #959595;
}

.dark-mode .btn-close {
    box-shadow: unset !important;
    opacity: 1;
    filter: brightness(0.5) invert(1);
}

.dark-mode .stats-modal .btn-close {
    filter: unset;
}

.dark-mode .border-primary {
    border-color: #FECA04 !important;
}

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

.dark-mode .no-results-wrap img {
    filter: invert(1);
    border-radius: 20px;
}

.dark-mode .bottombar-itms {
    background: #2f2f2f;
    box-shadow: 0 0 10px #000000ab;
}

.dark-mode .bottombar-itm-ic {
    filter: contrast(0.1);
}

.dark-mode .bottombar-itm.active {
    background: #FECA04;
    color: #000;
}

.dark-mode .bottombar-itm.active .bottombar-itm-ic {
    filter: invert(1);
}

.dark-mode .ranking-card-header {
    background: #121212;
}

.dark-mode .ranking-tab .btn.text-muted {
    background: #121212;
    border: 0;
}

.dark-mode .ranking-tab .btn {
    background: #FECA04;
    color: #000;
    border: 0;
}

.dark-mode .venue-guide-itms {
    background: #121212;
}

.dark-mode .team-tag {
    background: #1f1f1f;
}

.dark-mode .border-bottom,
.dark-mode .border-top {
    border-color: #494949 !important;
}

.dark-mode #projected-score-toggle .team-r-card {
    background: #2c2c2c;
}

.dark-mode .match-not-available {
    border: 1px solid #494949;
    color: #ccc;
}

.dark-mode .stats-modal .poll-card.latest-news,
.dark-mode .polls-popup-meta {
    background: #000000f7 !important;
}

.dark-mode .stats-modal .poll-card.latest-news .latest-news-tit {
    border-bottom: solid 1px #242424;
}

.dark-mode .polls-popup-meta-btn a {
    color: #FECA04;
}

.dark-mode .polls-popup-meta-btn a:hover {
    color: #fff;
}

.dark-mode .top-stories-list .news-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

.dark-mode .top-stories-list .news-card:hover {
    background: #0f172a !important;
    border-color: #0EA5A5 !important;
}

.dark-mode .top-stories-list .news-card .news-tit h3 {
    color: #f1f5f9 !important;
}

.dark-mode .top-stories-list .news-card:hover .news-tit h3 {
    color: #0EA5A5 !important;
}

.dark-mode .top-stories-list .news-card .news-tit .news-excerpt {
    color: #94a3b8 !important;
}

.dark-mode .top-stories-list .news-card .news-tit .news-meta .news-time {
    color: #64748b !important;
}

@media (max-width: 991.98px) {
    .dark-mode .navbar-toggler-icon {
        filter: invert(1);
    }

    .dark-mode header nav.navbar .navbar-toggler {
        border: 1px solid #484848;
    }

    .dark-mode .mobile-fixed {
        background: #121212;
    }

    .dark-mode header .navbar-nav .nav-item {
        border-top: 1px solid #494949;
        padding-top: 10px;
    }
}

@media (max-width: 575.98px) {
    .dark-mode .home-tags {
        background: #1f1f1f;
    }
}

/* ==========================================================================
   Dark Mode: Cricbuzz-Style Dropdowns
   ========================================================================== */
.dark-mode .custom-dropdown-menu {
    background: #1E293B !important;
    border-color: #334155 !important;
    box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.5), 0 6px 14px -2px rgba(0, 0, 0, 0.3) !important;
}

.dark-mode .custom-header-dropdown .dropdown-caret {
    color: #94A3B8;
}

.dark-mode .custom-header-dropdown:hover .dropdown-caret,
.dark-mode .custom-header-dropdown .custom-dropdown-toggle.show .dropdown-caret,
.dark-mode .custom-header-dropdown .dropdown-toggle.show .dropdown-caret {
    color: #0EA5A5;
}

.dark-mode .custom-dropdown-menu .dropdown-header {
    color: #94A3B8 !important;
}

.dark-mode .custom-dropdown-menu .dropdown-item {
    color: #E2E8F0 !important;
}

.dark-mode .custom-dropdown-menu .dropdown-item:hover,
.dark-mode .custom-dropdown-menu .dropdown-item:focus {
    background-color: #0F172A !important;
    color: #0EA5A5 !important;
}

.dark-mode .custom-dropdown-menu .dropdown-divider {
    border-color: #334155 !important;
}

.dark-mode .custom-dropdown-menu .dropdown-view-all {
    color: #2DD4BF !important;
}

.dark-mode .custom-dropdown-menu .dropdown-view-all:hover {
    background-color: rgba(14, 165, 165, 0.15) !important;
    color: #5EEAD4 !important;
}

@media (max-width: 991.98px) {
    .dark-mode .custom-header-dropdown .custom-dropdown-menu {
        background-color: #151D2A !important;
        border-color: #334155 !important;
    }
}

.dark-mode .home-tags-nav-btn {
    background: #0F172A !important;
    border-color: #334155 !important;
    color: #2DD4BF !important;
}

.dark-mode .home-tags-nav-btn:hover {
    background: #0EA5A5 !important;
    border-color: #0EA5A5 !important;
    color: #FFFFFF !important;
}

.dark-mode .profile-head-wrap-ic {
    background: #0F172A !important;
    border-color: #334155 !important;
}

.dark-mode .navbar-toggler {
    background: #0F172A !important;
    border-color: #334155 !important;
}

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

/* Dark Mode - Sidebar Action Cards (Download App & Follow Us) */
.dark-mode .sidebar-action-card {
    background: #1E293B !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.35) !important;
}

.dark-mode .sidebar-action-card-header h5 {
    color: #F8FAFC !important;
}

.dark-mode .sidebar-action-item {
    border-bottom-color: #334155 !important;
}

.dark-mode .sidebar-action-title {
    color: #E2E8F0 !important;
}

.dark-mode .sidebar-action-arrow {
    color: #64748B !important;
}

.dark-mode .sidebar-action-item:hover .sidebar-action-title {
    color: #2DD4BF !important;
}

.dark-mode .sidebar-action-item:hover .sidebar-action-arrow {
    color: #2DD4BF !important;
}

.dark-mode .sidebar-action-icon .apple-logo-svg {
    color: #E2E8F0 !important;
}