@charset "UTF-8";
/* =====================================================================
   [2026-08-25] 유저 사이트 대비 교정
   =====================================================================
   유저 사이트를 검사 대상에 넣자마자 6종 118건이 나왔다.
   관리자와 같은 방식으로, 실측 배경 위에서 명도비를 계산해 최소한만 옮겼다.

   이 파일은 유저 화면의 모든 CSS 뒤에 로드된다(include/footer.php 또는 header.php 마지막).
   ===================================================================== */

/* ── 언오버 표시 (▲▼) — 색 바탕에 흰 글자였다 ─────────────────────────
   실측: 흰 글자 on #42a5f5 = 2.65 · on #ef5350 = 3.49.
   글자는 흰색을 지켜야 눈에 띄므로 바탕을 한 단계 낮춘다. 색상은 그대로다. */
.ou-indicator.under { background-color: #0b76cd !important; }   /* 흰 글자 4.68 */
.ou-indicator.over  { background-color: #e51915 !important; }   /* 흰 글자 4.69 */

/* ── 검색 버튼 (실측 흰 글자 on #4a90d9 = 3.34) ───────────────────────── */
.btn-search { background-color: #2a76c6 !important; }           /* 흰 글자 4.66 */

/* ── 어두운 바탕의 보조 글자 (실측 #666 on #0d0d0d = 3.38) ──────────────
   '또는' '~' 같은 이음말이라 작지만, 안 보이면 입력 폼의 뜻이 끊긴다. */
/* 어두운 바탕 위 회색 이음말. 실측에서 #0d0d0d·#1a1a1a 두 바탕 모두에서 걸렸다.
   선택자를 좁게 잡으면 다음 화면에서 또 샌다 — 색만 보고 잡는다. */
.modal-divider,
.modal-divider span,
.form-divider,
.range-sep,
[style*="color:#666"], [style*="color: #666"],
[style*="color:#666666"], [style*="color: #666666"] { color: #848484 !important; }   /* 4.7 이상 */

/* ── 카지노 목록의 개수 표시 (실측 #6b7280 on #050505 = 4.22) ─────────── */
.section-count { color: #757c8b !important; }                   /* 4.68 */

/* ── 글 속 링크는 색만으로 구분하면 안 된다 ────────────────────────────
   실측: 문단 안의 '회원가입' 링크가 주변 글자와 색만 다르고 대비 차이가 3:1 미만이었다.
   색을 못 보는 사람에게는 링크인지 알 방법이 없다(WCAG 1.4.1).
   밑줄을 넣어 색이 아닌 단서를 하나 더 준다. 메뉴·버튼형 링크는 대상이 아니다. */
p a:not(.btn):not(.nav-link),
li a.js-popup-open,
.text-block a:not(.btn),
a.js-popup-open:not(.btn) {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ── 배당 '내림' 파랑은 원본에서 고쳤다 ────────────────────────────────
   실측: #4444ff on #212126 = 2.68.
   처음에는 여기서 .odds-btn.odds-down / .draw-btn p 를 덮으려 했는데,
   .draw-btn 은 '내림' 상태가 아니라 **모든 무승부 버튼**(비활성·잠금 포함)에 붙는다
   (js/sports/main.js:528 · js/inplay/inplay.js:846·1552). 상태와 무관하게 색을 바꿀 뻔했다.
   codexsss 교차검증에서 지적받아 이 규칙을 걷어내고,
   inplay.php · new-style.css · sports_kr.css 의 #4444ff 를 #7b7bff 로 원본에서 바꿨다.
   그러면 '내림' 인 곳에서만 색이 바뀌고 다른 상태는 그대로다. */

/* ── 사진 위에 얹힌 글자 (메인 카테고리 상자) ──────────────────────────
   화면을 찍어 배경 픽셀을 직접 재서 찾았다. 계산으로는 못 잡는 자리다
   (배경이 이미지라 axe 도, 색 계산도 포기하는 곳이다).
     실측: #9ca3af on 사진(약 rgb(127,125,116)) = 1.63
           #ffd700 on 사진 = 2.87 ~ 3.37
   사진은 장면마다 밝기가 달라 글자색만 바꿔서는 어디선가 반드시 깨진다.
   글자 뒤에 어두운 가림막을 깔아 배경을 고정한다 — 게임 카드가 이미 쓰는 방식이다
   (.game-card-overlay). 사진은 가림막 위로 그대로 보인다. */
/* 가림막을 담는 상자(.cat-box-center)에 배경을 줘 봤지만 글자 뒤를 덮지 못했다
   (그 상자가 글자 자리를 그대로 감싸지 않는 배치였다. 화면을 찍어 확인했다).
   그래서 **글자 요소 자체**에 어두운 배경을 준다. 글자가 어디에 놓이든 그 뒤는 확실히 어둡다. */
.cat-box-center h3,
.cat-box-center p,
.cat-box-bottom span {
    background-color: rgba(0, 0, 0, .78) !important;
    padding: 2px 8px;
    border-radius: 6px;
    display: inline-block;
}
.cat-box-center h3 { color: #ffffff !important; }   /* 검정 78% 위 11:1 이상 */
.cat-box-center p  { color: #d1d5db !important; }
.cat-box-bottom span { color: #ffd700 !important; }

/* =====================================================================
   [2026-08-26] 휴대폰 화면 실측에서 새로 나온 것들
   ---------------------------------------------------------------------
   유저 사이트를 휴대폰 크기(412px)로도 재기 시작하면서 드러났다.
   PC 폭에서는 이 요소들이 아예 화면에 없어서(only-mobile) 지금까지 검사 밖이었다.
   ===================================================================== */

/* 모바일 메뉴의 '내정보' · '로그아웃'
   원본 규칙은 color:#fff !important 인데, 실제로 그려진 색은 #888 이었다
   (더 뒤에 오는 다른 !important 규칙이 이겼다. 화면에서 직접 잰 값이다).
     실측: #888 on #333    = 3.56  (내정보)
           #888 on #dc3545 = 1.28  (로그아웃 — 빨강 위 회색이라 거의 안 보인다)
   이 파일은 유저 화면의 모든 CSS 뒤에 오므로 여기서 되돌린다. */
.mobile-menu a.menu-info-btn,
.mobile-menu a.menu-logout-btn,
a.menu-info-btn,
a.menu-logout-btn { color: #ffffff !important; }   /* 12.63 · 4.53 */

/* 로그아웃 바탕이 #dc3545 면 흰 글자가 4.53 으로 기준을 겨우 넘는다.
   글꼴이 12px 라 여유가 없으므로 반 단계만 더 어둡게 한다. */
a.menu-logout-btn { background-color: #c92c3b !important; }   /* 흰 글자 5.09 */

/* 충전·환전 화면의 '입금규정/출금규정 확인하기' (휴대폰에서만 보인다)
     실측: 검정 글자 on #2d343a = 1.66 — 사실상 안 보였다.
   테두리만 있는 버튼이라 글자색이 지정돼 있지 않아 검정이 그대로 쓰였다. */
.s__btn.s__btn-line { color: #ffffff !important; }            /* 12.62 */
/* 원본에 :hover 때 바탕을 #fefefe(거의 흰색)로 바꾸는 규칙이 있다.
   글자를 흰색으로 만들었으니 그대로 두면 눌리는 순간 글자가 사라진다. 같이 맞춘다. */
.s__btn.s__btn-line:hover { color: #16181a !important; }      /* 흰 바탕 위 15.9 */

/* 고객센터 '문의하기(글쓰기)' 버튼 글자색.
   [2026-08-26] new-style.css 에서 color:#fff !important 로 바꿨는데도 화면에서는 검정이었다.
   원인은 gold-contrast.css:80 의 `.qna-line1 button:nth-child(2) { color:#000 !important }` 다.
   그 파일은 '금색 배경 위에는 검은 굵은 글씨' 라는 규칙 묶음인데, 이 버튼의 배경은
   금색이 아니라 그라디언트라서 전제가 어긋나 있었다. 선택자 구체성이 같아
   나중에 불리는 gold-contrast.css 가 이겼다.
     실측: 검정 on #4A5500 = 2.59 (기준 4.5)
   이 파일은 gold-contrast.css 보다 뒤에 실리므로 여기서 되돌린다.
   (gold-contrast.css 의 목록에서 빼지 않는 이유: 그 선택자는 '두 번째 버튼' 이라는 위치 기준이라
    다른 화면의 버튼까지 함께 건드릴 수 있다. 이 버튼만 정확히 집는 편이 안전하다.) */
.qna-line1 button.write-btn,
.qna-line1 button.write-btn * { color: #ffffff !important; }   /* 어두운 그라디언트 위 8:1 이상 */

/* 인플레이 점수 사이의 'VS' 글자.
   [2026-08-26] 이 자리는 계산으로는 잴 수 없다 — 조상 ul.game-list2.game1 이
   배경으로 사진(img_bg_game1.png)을 깔고 있어서다. 화면을 찍어 배경 픽셀을 직접 쟀다.
     실측: 흰 글자 on 약 rgb(181,181,183) = 2.05 (기준 4.5)
   사진은 종목마다 다르고 밝기도 제각각이라 글자색만 바꿔서는 어디선가 반드시 깨진다.
   글자 뒤에 어두운 받침을 깔아 배경을 고정한다 — 이 사이트가 이미 쓰는 방식이다. */
.game-list2-line1 span {
    background-color: rgba(0, 0, 0, .72);
    color: #ffffff;
    padding: 0 .8rem;
    border-radius: .6rem;
    line-height: 1.35;
}

/* 메인 카테고리 상자의 개수 배지(.cat-box-badge.count).
   [2026-08-26] 금색 글자(#ffd700)를 **금색 20% 반투명** 위에 올려 두고, 그 아래는 사진이었다.
   같은 색을 옅게 깔아 놓은 것이라 사진이 밝으면 글자가 통째로 묻힌다.
     실측(화면을 찍어 배경을 직접 잼): 1.80 (PC) · 2.77 (휴대폰)  — 기준 4.5
   같은 상자 안의 다른 글자들은 이미 검정 78% 받침을 쓰고 있다(위 규칙). 여기만 빠져 있었다.
   받침을 깔면 사진이 어떤 색이든 금색 글자가 10:1 이상이 된다 — 계산으로 확정된다. */
.cat-box-badge.count {
    background-color: rgba(0, 0, 0, .78) !important;
    border: 1px solid rgba(255, 215, 0, .55);
}

/* ------------------------------------------------------------------
   [2026-08-29] 배팅슬립: '배당 변경' 안내와 닫기(X)가 밝은 슬립 배경에서 안 보였다.

   khan-override.css:2066 이 슬립 글자를 검정으로 강제하는데 선택자가
   `.right-line2-data .data-left p` 라 p 만 잡는다. 배당 변경 안내는 렌더 경로가
   둘이고, 그 중 하나(betting-slip.js:1979)가 <span class="slip-change-badge"> 로
   그린다. 그래서 이 한 줄만 new-style.css:4074 의 color:#fff 가 남아 배경에 묻혔다.
   같은 카드의 팀명·마켓명은 p 라서 이미 검정으로 잘 보이던 것과 대조된다.
     검정 글자 대 노란 배경(#ffd700): 14.9  — 기준 4.5

   화살표(▲▼)는 건드리지 않는다. 상승/하락 색이 자기 요소에 따로 지정돼 있어
   부모에 색을 줘도 그대로 유지된다.
   ------------------------------------------------------------------ */
.right-line2-data .data-left .slip-change-badge,
.right-line2-data .data-left .slip-status-msg.changed {
    color: #000 !important;
    font-weight: 700 !important;
}

/* 닫기 버튼은 흰색 PNG(icon_close.png) 라 color 로는 바뀌지 않는다.
   밝기를 0으로 눌러 검정으로 만든다 — 이미지 교체 없이 같은 결과. */
.right-line2-data .data-right button img {
    filter: brightness(0) !important;
}