/* Dark Mode Styles */
html.dark-mode,
body.dark-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

body.dark-mode div,
body.dark-mode dl,
body.dark-mode dt,
body.dark-mode dd,
body.dark-mode ul,
body.dark-mode ol,
body.dark-mode li,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5 {
    color: #e0e0e0;
}

/* Background overrides */
body.dark-mode .top_wrap,
body.dark-mode .top_wrap .userm_wrap,
body.dark-mode .top_wrap .userm_wrap .logo {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    background-image: none !important;
    border-bottom: 1px solid #333;
    box-shadow: none !important;
}




body.dark-mode table {
    background-color: #121212 !important;
    /* Prevent white background showing through border-spacing */
}

/* Fix user_body white borders */
body.dark-mode .user_body .bgy {
    background: #252525 !important;
    border-bottom: 1px solid #444 !important;
    box-shadow: none !important;
}

body.dark-mode .user_body .bgy.title {
    background: #252525 !important;
}


body.dark-mode .left_content,
body.dark-mode .right_content {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

body.dark-mode .container_wrap .contents {
    background-color: #121212 !important;
}

body.dark-mode .game_pan,
body.dark-mode .spo_jong,
body.dark-mode .sports-list .game_list ul>li,
body.dark-mode .extraOdds,
body.dark-mode .betinfo,
body.dark-mode .login_box,
body.dark-mode .user_body,
body.dark-mode .user_body .bgy,
body.dark-mode .bc_select ul li {
    background: #252525 !important;
    background-color: #252525 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

/* Header & Menu */
body.dark-mode .top_wrap .userm_wrap ul.submenu li a {
    color: #e0e0e0 !important;
}

body.dark-mode .top_wrap .userm_wrap .user_info {
    background: #000 !important;
    border-color: #333 !important;
}

body.dark-mode .top_wrap .nav_wrap {
    background: #252525 !important;
    border-top: 3px solid #dc143c;
    border-bottom: 3px solid #dc143c;
    box-shadow: none !important;
    /* Remove white box-shadow */
}

body.dark-mode .top_wrap .nav_wrap .navdiv>a {
    color: #e0e0e0 !important;
}

body.dark-mode .top_wrap .nav_wrap .navdiv>a:hover {
    color: #5ccf61 !important;
}

/* Toggle Button Dark Mode Styles */
body.dark-mode #darkModeToggle {
    background: #555 !important;
    border-color: #777 !important;
    box-shadow: 0 0 8px rgba(255, 221, 0, 0.4);
}

body.dark-mode #darkModeToggle i {
    color: #ffdd00 !important;
    /* Bright yellow for sun */
}

/* Hover effects for toggle button */
#darkModeToggle:hover {
    filter: brightness(0.9);
}

body.dark-mode #darkModeToggle:hover {
    filter: brightness(1.2);
}

/* Left Menu */
body.dark-mode .left_content .leftMenu .freematch>ul li a,
body.dark-mode .left_content .leftMenu .popular_game ul li {
    background: #252525 !important;
    border-bottom-color: #444 !important;
    color: #e0e0e0 !important;
    box-shadow: none !important;
}

body.dark-mode .left_content .leftMenu .popular_game ul li a,
body.dark-mode .left_content .leftMenu .popular_game ul li a span {
    color: #e0e0e0 !important;
    background: transparent !important;
}

body.dark-mode .left_content .leftMenu .freematch h4,
body.dark-mode .left_content .leftMenu .popular_game h4 {
    background: #333 !important;
    border-bottom-color: #444 !important;
    color: #e0e0e0 !important;
}

/* Right Menu & Cart */
body.dark-mode .right_content .login_box input,
body.dark-mode .right_content .betinput input {
    background: #333 !important;
    border-color: #555 !important;
    color: #fff !important;
}

/* Sports List specific */
body.dark-mode .sports-list .game_list ul>li.l_time,
body.dark-mode .sports-list .game_list ul>li.status {
    background: #252525 !important;
    color: #ccc !important;
}

body.dark-mode .sports-list .game_list ul>li {
    border-color: #444 !important;
}

body.dark-mode .spo_jong a div {
    color: #e0e0e0 !important;
}

/* Tables and inputs common */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background-color: #333;
    border: 1px solid #555;
    color: #e0e0e0;
}

body.dark-mode .btn_gray {
    background: #444 !important;
    color: #fff !important;
}

/* Notice Area */
body.dark-mode .main_notice_area .notice_box table tr td {
    background: #252525 !important;
    color: #e0e0e0 !important;
    box-shadow: none !important;
}

/* Footer */
body.dark-mode .footer {
    border-top-color: #444 !important;
    background: #121212 !important;
}

/* Light Mode Reset Failures Fix */
body:not(.dark-mode) .main_notice_area .notice_box table tr td {
    color: #111 !important;
}

/* 2025-12-30 Fixes for Dark Mode Visibility Issues */

/* Sports List - Remove bright gradients and set dark backgrounds */
body.dark-mode .sports-list .league_info {
    background: #252525 !important;
    color: #e0e0e0 !important;
    border-bottom: 1px solid #444;
    border-top: 1px solid #333 !important;
    /* Override white border */
    box-shadow: none !important;
}

body.dark-mode .sports-list .league_info .l_name,
body.dark-mode .sports-list .league_info li {
    color: #e0e0e0 !important;
}

body.dark-mode .sports-list .game_list ul>li {
    background: #1e1e1e !important;
    /* Overwrite linear-gradient */
    background-image: none !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .sports-list .game_list ul>li.l_time,
body.dark-mode .sports-list .game_list ul>li.l_n_time,
body.dark-mode .sports-list .game_list ul>li.status,
body.dark-mode .sports-list .game_list ul>li.vs {
    background: #252525 !important;
    color: #ccc !important;
    border-color: #333 !important;
}

/* Hover effects for sports list */
body.dark-mode .sports-list .game_list li.normal:hover,
body.dark-mode .sports-list .game_list li.active,
body.dark-mode .sports-list .game_list li.active:hover {
    background: #333 !important;
    /* Distinct dark hover */
    color: #fff !important;
}

/* Board & Notice Area Fixes */
body.dark-mode .board_wrap,
body.dark-mode .board_list,
body.dark-mode .view_wrap,
body.dark-mode .write_wrap {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .board_list th,
body.dark-mode .board_list td {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

/* Fix for specific notice box white background issue */
body.dark-mode .content-wrapper,
body.dark-mode .sub-content,
body.dark-mode .con_box {
    background-color: #121212 !important;
    background: #121212 !important;
    color: #e0e0e0 !important;
    border: none !important;
}

/* Specific fix for Notice/Board container backgrounds - Matching Live Site Structure */
body.dark-mode .board_view,
body.dark-mode .board_write,
body.dark-mode #notice_list,
body.dark-mode #notice_view,
body.dark-mode .evwrap {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

body.dark-mode #notice_list li,
body.dark-mode #notice_view .view_content {
    background-color: transparent !important;
}

/* Ensure the main content area in Notice is dark */
body.dark-mode .sub_content,
body.dark-mode .sub_content .con_box {
    background: #121212 !important;
    border: none !important;
}

/* Input fields fix in boards */
body.dark-mode .board_search input,
body.dark-mode .write_wrap input,
body.dark-mode .write_wrap textarea {
    background: #333 !important;
    border: 1px solid #555 !important;
    color: #fff !important;
}

/* Sports Page Search Inputs */
body.dark-mode .sport_search,
body.dark-mode .league_search,
body.dark-mode .team_search {
    background: transparent !important;
}

body.dark-mode .sport_search input,
body.dark-mode .league_search input,
body.dark-mode .team_search input,
body.dark-mode input#team_name,
body.dark-mode input#league_name {
    background: #333 !important;
    border: 1px solid #555 !important;
    color: #fff !important;
}

/* Sidebar Menu Fix - Specific to left content to avoid affecting top nav */
body.dark-mode .left_content .leftMenu .menu a,
body.dark-mode .left_content .navdiv a,
body.dark-mode .left_menu_box a {
    background: #333 !important;
    color: #fff !important;
    border-color: #555 !important;
}

body.dark-mode .left_content .leftMenu .menu a.ybg {
    background: #444 !important;
    /* Slightly lighter for top buttons if needed */
}

/* Betslip Fix */
body.dark-mode div.betinput {
    background: #252525 !important;
    border-color: #444 !important;
}

Linda body.dark-mode div.betinput span {
    color: #fff !important;
}

/* Login Box Placeholder Visibility Fix */
body.dark-mode .right_content .login_box input::placeholder {
    color: #aaa !important;
    opacity: 1;
    /* Firefox fix */
}

body.dark-mode input.bet_money {
    background: transparent !important;
    color: #fff !important;
}

/* Remove white background from search buttons if any */
body.dark-mode .sport_search button,
body.dark-mode .league_search button {
    background: #444 !important;
    color: #fff !important;
    border: 1px solid #555 !important;
}

/* Top Navigation Aesthetic Fix */
body.dark-mode .top_wrap .nav_wrap .navdiv>a {
    background: transparent !important;
    border: none !important;
}

body.dark-mode .top_wrap .nav_wrap .navdiv>a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px;
}

/* Login/Join Popup Dark Mode */
body.dark-mode .loginContainer .wrap2 .box {
    background: #252525 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444;
}

body.dark-mode .loginContainer .title {
    color: #fff !important;
}

body.dark-mode .loginContainer .col {
    color: #e0e0e0 !important;
}

body.dark-mode .loginContainer label {
    color: #e0e0e0 !important;
}

body.dark-mode .loginContainer .txt_signup,
body.dark-mode .loginContainer select.el-input__inner {
    background: #333 !important;
    border: 1px solid #555 !important;
    color: #fff !important;
}

body.dark-mode .loginContainer .txt_signup::placeholder {
    color: #888 !important;
}

body.dark-mode .loginContainer .close_login i {
    color: #fff !important;
}

/* Join specific tweaks */
body.dark-mode .loginContainer.joincol .box {
    background: #252525 !important;
}

body.dark-mode .loginContainer .btnCont2 .btnBig {
    border: 1px solid #444;
}

/* Select box dark mode in modal */
body.dark-mode .loginContainer select option {
    background-color: #333;
    color: #fff;
}

/* Banner and Image Optimization for Dark Mode - REMOVED per user request */
/* Images will display with original brightness */

/* 2025-12-30 Europe Page (/europe) Specific Fixes */
body.dark-mode .l_type {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #e0e0e0 !important;
    border-left: 1px solid #333 !important;border-top: 1px solid #333 !important;
}

body.dark-mode .teaminfo,
body.dark-mode .gameinfo,
body.dark-mode #gameDetail_w div.tit {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #ffffff !important;
    border-bottom: 1px solid #333 !important;
}

body.dark-mode .amountBtn,
body.dark-mode .maxBtn {
    background: #333 !important;
    border: 1px solid #444 !important;
    color: #fff !important;
}

body.dark-mode .amountBtn:hover,
body.dark-mode .maxBtn:hover {
    background: #444 !important;
}

body.dark-mode .sch_sp_box {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
}

body.dark-mode .spo_jong small,
body.dark-mode #europe_all_cnt {
    background-color: #dc143c !important;
    color: #fff !important;
    border: none !important;
}

body.dark-mode .betbtn {
    border-color: #444 !important;
}

body.dark-mode input#bettingprice {
    background: #121212 !important;
    border: 1px solid #444 !important;
    color: #00ff00 !important;
    /* Visual feedback for active betting */
}

/* Deposit/Withdraw History Table (list_history) */
body.dark-mode .list_history,
body.dark-mode .list_history tr,
body.dark-mode .list_history th,
body.dark-mode .list_history td {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

body.dark-mode .list_history th {
    background: #252525 !important;
    background-color: #252525 !important;
    color: #fff !important;
    border-bottom: 1px solid #444 !important;
}

body.dark-mode .content-sub-title {
    color: #e0e0e0 !important;
}

/* Point Page Specific */
body.dark-mode .w_point .pointbox,
body.dark-mode .w_point .rectBox {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

body.dark-mode .w_point .status {
    background: #252525 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .w_point .myPoint {
    color: #ffc107 !important;
}

body.dark-mode .w_point .page_ttl {
    color: #fff !important;
}

/* Event Page Specific */
body.dark-mode .w_event,
body.dark-mode .w_event .evwrap {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .w_event #event_list,
body.dark-mode .w_event #event_view {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
}

body.dark-mode .w_event #event_list li,
body.dark-mode .w_event #event_list a {
    background: #252525 !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

body.dark-mode .w_event #event_list li:hover,
body.dark-mode .w_event #event_list a:hover {
    background: #333 !important;
}

body.dark-mode .w_event #event_view {
    border-color: #333 !important;
}

body.dark-mode .w_event #notificationm {
    background: #252525 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .w_event #notificationm .title {
    background: #333 !important;
    color: #fff !important;
}

/* Subcategory (Top Submenu) Fix */
body.dark-mode .subcategory {
    border-bottom: 1px solid #444 !important;
}

body.dark-mode .subcategory a {
    color: #e0e0e0 !important;
}

body.dark-mode .subcategory a i {
    color: #e0e0e0 !important;
}

body.dark-mode .subcategory a:hover,
body.dark-mode .subcategory a.active {
    color: #fff !important;
    border-bottom-color: #fff !important;
}

body.dark-mode .subcategory a:hover i,
body.dark-mode .subcategory a.active i {
    color: #fff !important;
}

/* User Top Menu (.submenu) Fix */
body.dark-mode .submenu li a {
    color: #e0e0e0 !important;
}

body.dark-mode .submenu li a i {
    color: #e0e0e0 !important;
    /* Default distinct light color */
}

body.dark-mode .submenu li a:hover,
body.dark-mode .submenu li a:hover i {
    color: #fff !important;
}

body.dark-mode .submenu li .bar {
    background: #444 !important;
}

/* Mobile Top Submenu Fix */
body.dark-mode .mobile.topsubmenu {
    background: #252525 !important;
    border-top: 1px solid #333 !important;
}

body.dark-mode .mobile.topsubmenu .first,
body.dark-mode .mobile.topsubmenu .second {
    background-color: #252525 !important;
    border-bottom-color: #333 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .mobile.topsubmenu .first div span {
    color: #ccc !important;
}

body.dark-mode .mobile.topsubmenu .first div span:last-child {
    color: #00ff00 !important;
}

body.dark-mode .mobile.topsubmenu .second a {
    color: #e0e0e0 !important;
    border-color: #444 !important;
    background-color: #333 !important;
}


/* 2026-01-04 Red Text Visibility Fix for Dark Mode */
/* 흰색 계열 - 좌측 스포츠 리스트 및 우측 보유포인트 */
body.dark-mode .left_content .leftMenu .freematch>ul li small,
body.dark-mode .user_body .usero>div span.mypoint {
    color: #ffffff !important;
}

/* 기타 붉은색 텍스트 요소 (흰색으로 통일) */
body.dark-mode .text-red105,
body.dark-mode .left_content .leftMenu .freematch h4 i,
body.dark-mode .left_content .leftMenu .popular_game h4 i,
body.dark-mode .sports-list .game_list li.status,
body.dark-mode .spo_jong a small,
body.dark-mode .rectBox input[type=password],
body.dark-mode .rectBox input[type=text] {
    color: #ffffff !important;
}

/* 2026-01-06 Deposit Page Input Placeholder Fix */
body.dark-mode input#withdraw_pass::placeholder {
    color: #ccc !important;
    opacity: 1;
}

/* 2026-01-06 Customer Page Write Panel Fix */
body.dark-mode #write-panel,
body.dark-mode .boardinput {
    background: #1e1e1e !important;
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
    padding: 15px;
    /* Add padding if needed */
    border-radius: 5px;
}

body.dark-mode .boardinput input#wr_subject,
body.dark-mode .boardinput textarea#wr_content {
    background: #333 !important;
    border: 1px solid #555 !important;
    color: #fff !important;
}

body.dark-mode .boardinput input::placeholder,
body.dark-mode .boardinput textarea::placeholder {
    color: #aaa !important;
}

/* 2026-01-06 Fix White Line between Top Nav and Content */
body.dark-mode .container_wrap,
body.dark-mode .all_wrap,
body.dark-mode .contents,
body.dark-mode .top_wrap {
    background-color: #121212 !important;
    border-color: #333 !important;
    border-top-color: #333 !important;
    /* Fix white top border */
    border-bottom-color: #333 !important;
}

body.dark-mode .top_wrap .nav_wrap {
    box-shadow: none !important;
    border-bottom: 3px solid #dc143c !important;
}

/* Fix active tab white border */
body.dark-mode .subcategory a.active {
    border-bottom-color: #dc143c !important;
    /* Change white border to red or dark theme compatible color */
    color: #fff !important;
}

/* 2026-01-06 Sports Search Input Placeholder Fix */
body.dark-mode input#team_name::placeholder,
body.dark-mode input#league_name::placeholder {
    color: #ccc !important;
    opacity: 1;
}

/* 2026-01-06 Deposit Page Mobile/PC Dark Mode Fixes */
body.dark-mode .w_deposit .rectBox {
    background: #1e1e1e !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
}

body.dark-mode .payment_method .row {
    border-bottom: 1px solid #333 !important;
    background: transparent !important;
}

body.dark-mode .payment_method .l1,
body.dark-mode .payment_method .l2 {
    background: transparent !important;
    color: #e0e0e0 !important;
    border: none !important;
}

/* 이용게임 카드 스타일 */
body.dark-mode .receive-type-card {
    background: #252525 !important;
    border: 1px solid #444 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .receive-type-card .card-header,
body.dark-mode .receive-type-card .bonus-info,
body.dark-mode .receive-type-card .withdraw-bonus-info {
    color: #e0e0e0 !important;
}

body.dark-mode .receive-type-card.active {
    background: #2a2a2a !important;
    border-color: #dc143c !important;
}

/* 보유머니 강조 텍스트 */
body.dark-mode .stat_money {
    color: #e0e0e0 !important;
}

body.dark-mode .stat_money b {
    color: #fff !important;
}

/* 2026-01-06 Mobile Sports Expand Button Fix */
body.dark-mode .mobile_expbtn {
    background: #1e1e1e !important;
    border-top: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .mobile_time,
body.dark-mode .mobile_time span {
    color: #aaa !important;
}

body.dark-mode .mobile_add {
    color: #fff !important;
    background-color: #333 !important;
    /* Button-like background */
    border: 1px solid #444 !important;
    border-radius: 4px;
    padding: 2px 6px;
}

/* 2026-01-06 Bet Result Page Dark Mode Fixes */
body.dark-mode .w_result .match-card {
    background: #1e1e1e !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
}

/* Search Box */
body.dark-mode .w_result .search-input {
    background: #333 !important;
    color: #fff !important;
    border: 1px solid #555 !important;
}

body.dark-mode .w_result .search-input::placeholder {
    color: #aaa !important;
}

/* League Name & Time */
body.dark-mode .w_result .league-name {
    color: #fff !important;
}

body.dark-mode .w_result .match-time {
    background: #252525 !important;
    color: #fff !important;
    border-color: #444 !important;
}

body.dark-mode .w_result .match-time i {
    color: #ccc !important;
}

/* Score Box */
body.dark-mode .w_result .score-box {
    background: #252525 !important;
    color: #fff !important;
    border-color: #444 !important;
}

body.dark-mode .w_result .score {
    color: #fff !important;
}

body.dark-mode .w_result .score.win {
    color: #ffcc00 !important;
}

body.dark-mode .w_result .score-divider {
    color: #888 !important;
}

/* No Results */
body.dark-mode .w_result .no-results {
    color: #aaa !important;
}

/* Loading Area */
body.dark-mode .w_result .loading-area {
    color: #aaa !important;
}

/* 2026-01-06 Attendance Page Dark Mode Fixes - Refined */
body.dark-mode .w_attendance .titleCont {
    background: #1e1e1e !important;
    border: 1px solid #333 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .w_attendance .tmo .title {
    color: #fff !important;
}

body.dark-mode .w_attendance .information {
    color: #ccc !important;
    background: transparent !important;
}

/* 요일 헤더 디자인 개선 */
body.dark-mode .calendartop {
    border-bottom: 1px solid #444;
    background: #252525 !important;
}

body.dark-mode .calendartop div div {
    background: transparent !important;
    /* 배경색 제거로 깔끔하게 */
    background-color: transparent !important;
    color: #e0e0e0 !important;
    font-weight: bold;
    border: none !important;
}

/* 1. 일요일 빨간색 처리 */
body.dark-mode .calendartop div:first-child div,
body.dark-mode .calendartop .text-red105 {
    color: #ff4444 !important;
}

/* 2. 달력 셀 흰색 배경 제거 (강력한 오버라이드) */
/* #date_list의 직계 및 모든 하위 div의 배경을 어둡게 */
body.dark-mode #date_list,
body.dark-mode #date_list>div,
body.dark-mode #date_list div,
body.dark-mode #date_list .bg-white {
    background-color: #1e1e1e !important;
    background: #1e1e1e !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

/* 날짜 텍스트 */
body.dark-mode #date_list .day,
body.dark-mode #date_list .date,
body.dark-mode #date_list div[class*="text-"] {
    color: #e0e0e0 !important;
    /* 기본 텍스트 */
}

/* 일요일 날짜 텍스트 */
body.dark-mode #date_list .text-red105,
body.dark-mode #date_list div:nth-child(7n+1) .day {
    color: #ff4444 !important;
}

/* 오늘 날짜 및 체크된 날짜 재적용 */
body.dark-mode #date_list .today,
body.dark-mode #date_list div.today {
    background-color: #2a2a2a !important;
    border: 1px solid #dc143c !important;
}

body.dark-mode #date_list .checked,
body.dark-mode #date_list div.checked {
    background-color: rgba(61, 178, 31, 0.1) !important;
    border: 1px solid #3db21f !important;
}

/* 2026-01-06 Mobile Attendance Stamp Fix (Applied to All Modes) */
@media (max-width: 1024px) {

    #date_list img,
    .calendar_box img {
        max-width: 70% !important;
        /* 셀 안에 쏙 들어오게 크기 제한 */
        height: auto !important;
        max-height: 70% !important;
        position: absolute !important;
        /* 중앙 정렬을 위해 */
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    /* 셀 기준점 설정 및 넘침 방지 */
    #date_list>div,
    .calendar_box {
        position: relative !important;
        overflow: hidden !important;
    }
}

/* 2026-01-06 Login/Join Buttons Dark Mode Fix */
/* PC Menu */
body.dark-mode .loginmenu .logout {
    background: #333 !important;
    background-color: #333 !important;
    border: 1px solid #555 !important;
    color: #fff !important;
}

body.dark-mode .loginmenu .logout i {
    color: #fff !important;
}

/* Mobile & PC Login Buttons Specifics - Stronger Override */
body.dark-mode .login1,
body.dark-mode .loginmenu .login1,
body.dark-mode div.login1 {
    background: #333 !important;
    background-color: #333 !important;
    background-image: none !important;
    /* Remove any existing gradients/images */
    border-color: #555 !important;
    color: #fff !important;
}

body.dark-mode .join,
body.dark-mode .loginmenu .join,
body.dark-mode div.join {
    background: #b71c1c !important;
    /* Dark Red */
    background-color: #b71c1c !important;
    background-image: none !important;
    border-color: #d32f2f !important;
    color: #fff !important;
}

/* 모바일 헤더 하단 배경 (로그인 버튼 감싸는 영역) */
body.dark-mode .mobile .el-row {
    background-color: transparent !important;
}

/* Mobile Icon Brightness */
body.dark-mode .login1 img,
body.dark-mode .join img {
    filter: brightness(0) invert(1) !important;
    /* Make icons white */
}

/* 2026-01-06 Mobile Login Menu Wrapper Fix (common_m.css override) */
body.dark-mode .top_wrap .userm_wrap ul.loginmenu {
    background: transparent !important;
    background-color: transparent !important;
}

/* 2026-01-06 Customer Center Reply Dark Mode */
body.dark-mode .center_reply {
    background: #2a2a2a !important;
    color: #eee !important;
    border: 1px solid #444 !important;
}

/* 2026-01-06 Memo Box Dark Mode */
body.dark-mode .memo_content {
    background: #2a2a2a !important;
    color: #eee !important;
    border: 1px solid #444 !important;
}
/* 2026-01-06 Memo Box Table Fix */
body.dark-mode .memo_content td, body.dark-mode .memocont { background: #2a2a2a !important; background-color: #2a2a2a !important; color: #eee !important; border-color: #444 !important; }
body.dark-mode .memocont div { color: #eee !important; }

/* 2026-01-06 Memo Box Inner Div Fix */
body.dark-mode .memocont > div { background: #2a2a2a !important; background-color: #2a2a2a !important; color: #eee !important; }

/* 2026-01-06 Deposit Info Text Fix */
body.dark-mode .w_deposit .info-txt[style*='color'] { color: #eee !important; }

/* 2026-01-06 Mobile Main Menu Grid (mobilelink) Dark Mode */
body.dark-mode .mobilelink a {
    background: linear-gradient(180deg, #333 0%, #252525 100%) !important;
    border: 1px solid #444 !important;
    box-shadow: inset 0px 5px 8px 0px rgba(0, 0, 0, 0.4) !important;
    color: #e0e0e0 !important;
}

body.dark-mode .mobilelink a > div {
    color: #e0e0e0 !important;
}
/* 2026-01-07 Sports List Selection Visibility Fix (Green Tone) */
body.dark-mode .sports-list .game_list li.active,
body.dark-mode .sports-list .game_list li.on,
body.dark-mode .sports-list .game_list li.select {
    background: #014434 !important;
    /* Deep Green Background */
    border: 1px solid #00a17a !important;
    /* Bright Brand Green Border */
    color: #fff !important;
    box-shadow: inset 0 0 10px rgba(0, 161, 122, 0.3) !important;
    /* Inner Glow */
}

body.dark-mode .sports-list .game_list li.active *,
body.dark-mode .sports-list .game_list li.on *,
body.dark-mode .sports-list .game_list li.select * {
    color: #fff !important;
    /* Ensure all text is white */
}

/* Specific text highlight for active state */
body.dark-mode .sports-list .game_list li.active span.home_odd,
body.dark-mode .sports-list .game_list li.active span.away_odd,
body.dark-mode .sports-list .game_list li.active span.tie_odd {
    color: #5ccf61 !important;
    /* Light Green for Odds text */
    font-weight: bold;
}
/* 2026-01-07 Left Menu Expanded League Text Fix */
body.dark-mode .bg-league-orange1 .href,
body.dark-mode .bg-location-orange1 .href,
body.dark-mode .leftMenu .menu .href {
    color: #ffffff !important;
}

body.dark-mode .bg-league-orange1 .href:hover,
body.dark-mode .bg-location-orange1 .href:hover {
    color: #5ccf61 !important;
}