/* ==========================================================================
   RED THEME OVERRIDE
   colors.css 의 green 테마 변수를 붉은 계열로 최종 덮어쓰기.
   final.css 는 css 로딩 순서상 가장 마지막에 로드되므로 여기서 재선언하면
   colors.css 등 이전 파일의 값을 덮어씀.
   ========================================================================== */

:root {
  --color-money-icon: #eb707b!important;

  --color-body-background: linear-gradient(270deg, #271515 -5.76%, #110808 48.39%, #150A0A 102.53%) !important;
  --color-head-background: linear-gradient(90deg, #200303 11%, #301616 28.84%, #661b1b 50.5%, #311818 76.5%, #1f0303 100%) !important;
  --color-side-background: linear-gradient(270deg, #3A1313 -12.67%, #1D0E0E 122.5%) !important;
  --color-button-default-background: linear-gradient(270deg, #2F1818 0%, #843C3C 50%, #351B1B 100%) !important;
  --color-border-default: #B98D8D !important;
  --color-border-default-dark: #794646 !important;
  --color-bottombox-background: linear-gradient(180deg, #120808 -6.77%, #200707 51.53%, #170808 106.44%) !important;

  --color-modal-body: linear-gradient(180deg, #670A0A 0%, #5C0F0F 26%, #9B2020 49%, #741C1C 71.5%, #670A0A 100%) !important;
  --color-modal-item-background: linear-gradient(180deg, #9C1212 0%, #5C0F0F 26%, #DF3636 49%, #741C1C 71.5%, #9C1212 100%) !important;

  --color-button-dark: linear-gradient(360deg, #0B0700 29.3%, #4D1010 116.29%) !important;
  --color-button-dark-border: #603030 !important;

  --color-primary-button: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;
  --color-primary-button-border: #ac505c !important;

  --color-gameplay-button: #ac505c !important;
  --color-gameplay-button-hover: #82404A !important;
  --color-gameplay-button-ani1: #C67C88 !important;
  --color-gameplay-button-ani2: #ac505c !important;

  --color-main-popup-title: #f06d7e !important;
  --color-main-popup-button-active: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;

  --coupon-button1-background: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;

  --color-match-tap-selected: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;

  --color-bettinglist-title: #f06d7e !important;

  --color-betting-cart-font3: #FF8A6B !important;
  --color-betting-cart-input-border: #ac505c !important;
  --color-betting-cart-button-bet: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;

  --color-bettinglist-button-refresh: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;

  --color-minigame-button2-selected: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;
  --color-minigame-betting-button-bet: linear-gradient(180deg, #ac505c -7.61%, #52101e 107.61%) !important;
}

/* colors.css 변수를 쓰지 않고 style.css 등에 직접 하드코딩된 green 색상들 */

.notice-content-default {
  color: #ffb0b0 !important;
}

.head .pcheadwrap .left ul li a::before {
  background: linear-gradient(90deg, #9D7373 0%, #F35547 36%, #F35547 48%, #F35547 60%, #9D7373 100%) !important;
}

.head .pcheadwrap .right .loginafter .moneydiv .moneyificon {
  color: #f06d7e !important;
}

/* 헤더 회원가입 버튼 배경 → 아래 LOAD-ORDER PROOF 섹션으로 이동 */

.side .sitemenu {
  border-bottom: 1px solid #453232 !important;
}

.maingamelistwrap h3 span {
  background: linear-gradient(180deg, #FFFFFF 28.62%, #311414 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content ul li,
.bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-item {
  border-bottom: 1px solid #504040 !important;
}

/* 하단 박스 링크 hover 색 → 아래 LOAD-ORDER PROOF 섹션으로 이동 */

/* 테이블 상단 초록 라인 이미지(line.png / mobile topboard.png) → 붉은 계열로 색상 필터 */
.boardtopline {
  filter: hue-rotate(255deg) saturate(1.4) brightness(1.05) !important;
}

/* 마이페이지 모달(입금/출금내역 등) 콘텐츠 영역의 초록 배경 이미지(sub_bg_3.png) → 붉은 계열
   filter는 자식 요소(글자·버튼)까지 함께 물들이므로, 배경만 의사 요소로 분리해서 필터 적용 */
.menuCategory .menuCategory-wrap .menuCategory-content {
  position: relative !important;
  z-index: 0 !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
  background-blend-mode: multiply, normal !important;
}

.menuCategory .menuCategory-wrap .menuCategory-content::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background-repeat: repeat !important;
  filter: hue-rotate(255deg) saturate(1.3) brightness(0.95) !important;
}

/* 모바일(modal.css @media max-width:990px)에서는 menuCategory-content 의
   sub_bg_3.png 배경 이미지를 background-image:none 으로 지우기 때문에
   위의 multiply 용 흰색(rgba(255,255,255,.85))이 섞일 대상 없이 그대로 남아
   팝업 배경이 밝은 회색으로 보였음. → 모바일에서는 흰색 레이어를 제거. */
@media (max-width: 990px) {
  .menuCategory .menuCategory-wrap .menuCategory-content {
    background-color: transparent !important;
    background-blend-mode: normal !important;
  }

  .menuCategory .menuCategory-wrap .menuCategory-content::before {
    display: none !important;
  }
}

/* 게임결과 페이지 배당 강조색(#897700 골드) → 자유게시판 배팅내역 카드와 동일한 빨강(#d33939) */
.sports-result-card-left.placed,
.sports-result-card-right.placed,
.sports-result-card-draw.placed {
  background: #d33939 !important;
}

/* 로그인 팝업 배경 이미지(signBodybg.png, 초록 카드/칩 소용돌이) → 붉은 계열
   filter/의사요소+z-index 방식은 signBody가 자체 stacking context를 갖게 되어
   내부 입력창(z-index:10)까지 signimg(인물)보다 아래로 갇히는 문제가 있었음.
   대신 background-blend-mode를 사용 — 같은 엘리먼트의 배경 레이어끼리만 섞이고
   자식 요소(입력창/버튼/인물 이미지)에는 전혀 영향을 주지 않음. */
.signin .modal-body .signBody {
  background-color: rgba(255, 32, 255, 0.85) !important;
  background-blend-mode: multiply, normal !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.signup .modal-body .signBody {
  background-color: rgba(90, 0, 5, 0.85) !important;
  background-blend-mode: multiply, normal !important;
}

/* s2-temp.com 팔레트 이식 — 기존 final.css에 없던 항목만 추가 */

iconify-icon.menu-pack-icon,
.side iconify-icon {
  color: #f74440 !important;
}

img.walleticon,
img.logouticon,
img.loginicon,
img.signicon,
img.side-partner-icon {
  filter: hue-rotate(255deg) saturate(1.5) brightness(1.05) !important;
}
/* side-casino / side-slot 은 카지노, 슬롯, 아이슬롯, 보드게임 등 다색 이미지 아이콘이라 색상 필터 미적용 */

.contitle h2.min em.casino,
.contitle h2.min em.slots,
.contitle h2.min em.bti,
.contitle h2.min em.fire,
.contitle h2.min em.sports {
  background-color: #f74440 !important;
}
.contitle h2.min em.arrow-marker::before {
  color: #f74440 !important;
}

.dropdown-menu.dropdown-menu-dark {
  border-color: #38252b !important;
}
.dropdown-menu.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu.dropdown-menu-dark .dropdown-item:active {
  background-color: #540109 !important;
}

.datetime span.time {
  color: #c99d9d !important;
}

.list-board-header {
  background: #2b0e17 !important;
}
.table th {
  background: #351016 !important;
}

html .area_search.area_search,
html .area_search3.area_search3 {
  background: linear-gradient(180deg, #d03355 0%, #540109 100%) !important;
}

.check-id-success {
  color: #ac505c !important;
}

/* 베팅기록 전체삭제(red)/당첨(blue) 버튼 — 새로고침(주황)과 구분되는 별도 색으로 변경 */
.button-select.red {
  background-color: #8B1E1E !important;
}

.button-select.blue {
  background-color: #B8860B !important;
}

.greenPagination .active .page-link {
  border: 1px solid #f06d7e !important;
}

/* 메인 게임 카드 hover 버튼 색 → 아래 LOAD-ORDER PROOF 섹션으로 이동 */

/* 게임 썸네일 hover 시 게임시작 버튼 색 / 노란 하이라이트·글로우 → 붉은 계열 */
.gamediv::before {
  background: linear-gradient(to right, rgba(172, 80, 92, 0), rgba(240, 109, 126, 0.95)) !important;
}

.gamediv:hover .blackbg,
.gamediv:hover .playbut {
  box-shadow: inset 0 0 6px rgba(240, 109, 126, 0.671) !important;
}

.gamediv .playbut:hover {
  background-color: #82404A !important;
}

/* 게임 모달 상단 타이틀(예: CASINO GAME) 골드 그라데이션 → 채도 높은 살구/코랄 계열 */
.gameboxmodal .modal-dialog .modal-content .gamebg .modal-header h2 {
  background: linear-gradient(90deg, #FF6B4A 23.19%, #FFB199 56.48%, #FF6B4A 87.31%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-fill-color: transparent !important;
}

/* 모바일 게임 모달 타이틀 글자색 → 아래 LOAD-ORDER PROOF 섹션으로 이동
   (위 PC 그라데이션 규칙은 충돌 상대가 없어 여기 그대로 유지) */





/* PC 공통 메뉴 순서 */
.menu-order-list > .menu-my-info {
  order: 1 !important;
}

.menu-order-list > .menu-coupon {
  order: 2 !important;
}

.menu-order-list > .menu-attendance {
  order: 3 !important;
}

.menu-order-list > .menu-memo {
  order: 4 !important;
}

.menu-order-list > .menu-betting-log {
  order: 5 !important;
}

.menu-order-list > .menu-deposit-history {
  order: 6 !important;
}

.menu-order-list > .menu-withdrawal-history {
  order: 7 !important;
}

.menu-order-list > .menu-qna {
  order: 9 !important;
}

.menu-order-list > .menu-notice {
  order: 8 !important;
}

.menu-order-list > .menu-event {
  order: 10 !important;
}

.menu-order-list > .menu-freeboard {
  order: 11 !important;
}

.menu-order-list > .menu-game-result {
  order: 12 !important;
}




/* 모바일 공통 메뉴 순서 */
@media (max-width: 991.98px) {
  .menu-order-list > .menu-my-info {
    order: 1 !important;
  }

  .menu-order-list > .menu-coupon {
    order: 10 !important;
    display: none  !important;

  }

  .menu-order-list > .menu-attendance {
    order: 9 !important;
    display: none  !important;

  }

  .menu-order-list > .menu-memo {
    order: 5 !important;
  }

  .menu-order-list > .menu-betting-log {
    order: 2 !important;
  }

  .menu-order-list > .menu-deposit-history {
    order: 3 !important;
  }

  .menu-order-list > .menu-withdrawal-history {
    order: 4 !important;
  }

  .menu-order-list > .menu-qna {
    order: 8 !important;
  }

  .menu-order-list > .menu-notice {
    order: 7 !important;
  }

  .menu-order-list > .menu-event {
    order: 6 !important;
  }

  .menu-order-list > .menu-freeboard {
    order: 11 !important;
    display: none  !important;
  }

  .menu-order-list > .menu-game-result {
    order: 12 !important;
    display: none  !important;

  }
}





/* 모바일 하단 메뉴 버튼 표시 여부 flex <-> none */

@media (max-width: 991.98px) {
  .side .submenu .side-deposit-btn {
    display: none  !important;
  }

  .side .submenu .side-withdrawal-btn {
    display: none  !important;
  }

  .side .submenu .side-point-convert-btn {
    display: none  !important;
  }
}




/* ==========================================================================
   로드 순서 무관 강제 오버라이드 (LOAD-ORDER PROOF)

   아래 4개 규칙은 main.css / style.css / scale-overrides.css 에 "완전히 동일한
   셀렉터 + !important" 로 초록·골드 값이 이미 선언되어 있음.
   명시도가 같으면 CSS 는 나중에 로드된 파일이 이기므로, final.css 가 마지막에
   로드되지 않는 환경(외부 시스템 주입 등)에서는 이 규칙들만 적용이 안 됨.

   → 셀렉터 앞에 html body 를 붙이고 클래스를 중복 표기해 명시도를 올림.
     (예: (0,3,1) → (0,5,3)) 명시도가 더 높으면 로드 순서와 무관하게 항상 이김.
     해당 규칙들은 이 섹션에만 존재함 — 위쪽 원본은 중복이라 제거했으니
     색을 바꿀 때는 여기를 수정할 것.
   ========================================================================== */

/* 메인 게임 카드 hover 버튼('지금 시작하기!') 골드 → 붉은 계열
   상대: main.css .maingamebtnwrap .maingamediv:hover span (!important) */

/* 노란색 그대로 둠

html body .maingamebtnwrap.maingamebtnwrap .maingamediv.maingamediv:hover span {
  background: linear-gradient(270deg, #ac505c 0%, #f06d7e 50%, #ac505c 100%) !important;
  color: #000 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}
*/


/* 헤더 회원가입 버튼 배경
   상대: style.css .head .pcheadwrap .right .loginbefore .signbut { #101C10 !important } */
html body .head.head .pcheadwrap.pcheadwrap .right .loginbefore .signbut {
  background: #1C1010 !important;
}

/* 하단 박스 링크 hover 색
   상대: main.css ... ul li a:hover { color: #4fff6c !important } */
html body .bottomboxDiv.bottomboxDiv .bottomboxDiv-box.bottomboxDiv-box .bottomboxDiv-box-content ul li a:hover {
  color: #ff6c6c !important;
}

/* 모바일 게임 모달 타이틀(예: CASINO GAME) 글자색
   상대: scale-overrides.css 내 동일 셀렉터 { -webkit-text-fill-color: #f2e8b8 !important } */
@media (max-width: 991.98px), (hover: none) and (pointer: coarse) {
  html body .gameboxmodal.gameboxmodal .modal-dialog.modal-dialog .modal-content .gamebg .modal-header h2 {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #FF8A6B !important;
    text-fill-color: #FF8A6B !important;
    color: #FF8A6B !important;
  }
}