/* dev4-65522: taegeuk 태극 테마 오버레이 (yt_overlay.css 위에 얹기)
 * 시안: 태극기 컨셉 카지노
 * Step 1: 사이드바 다크 네이비 + 배경 태극 문양 */

:root {
  --tg-navy: #0e1b3d;
  --tg-navy-dark: #050b1e;
  --tg-red: #b02628;
  --tg-red-dark: #7a0f11;
  --tg-gold: #d4af37;
  --tg-gold-light: #f5cf5e;
  --tg-white: #ffffff;
  --tg-taegeuk-red: #cd313a;
  --tg-taegeuk-blue: #0047a0;
}

/* ============ 1. 사이드바 다크 네이비 ============ */
body[data-yt-theme="1"] .yt-sidebar {
  background: linear-gradient(180deg, var(--tg-navy) 0%, var(--tg-navy-dark) 100%) !important;
  border-right: 1px solid rgba(212, 175, 55, 0.3) !important;
  color: #e8ecf5 !important;
}
body[data-yt-theme="1"] .yt-sidebar a {
  color: #e8ecf5 !important;
}
body[data-yt-theme="1"] .yt-sidebar a:hover {
  background: rgba(212, 175, 55, 0.15) !important;
  color: var(--tg-gold-light) !important;
}
body[data-yt-theme="1"] .yt-sidebar a i,
body[data-yt-theme="1"] .yt-sidebar a svg { color: #b8c1d6 !important; }
body[data-yt-theme="1"] .yt-sidebar a:hover i,
body[data-yt-theme="1"] .yt-sidebar a:hover svg { color: var(--tg-gold-light) !important; }
body[data-yt-theme="1"] .yt-sidebar hr { border-top-color: rgba(212, 175, 55, 0.2) !important; }
body[data-yt-theme="1"] .yt-sidebar .yt-section-title {
  color: var(--tg-gold-light) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
  padding-bottom: 6px;
}
body[data-yt-theme="1"] .yt-sidebar a.yt-brand-link i { color: var(--tg-taegeuk-red) !important; }

/* ============ 2. 페이지 배경 = 태극 문양 (SVG 데이터 URI) ============
 * 원형 태극 (붉은/파란 소용돌이) + 4괘 (건곤감리) 심플화 */
body[data-yt-theme="1"] {
  background:
    radial-gradient(circle at 50% 50%,
      rgba(255, 255, 255, 0.85) 0%,
      rgba(240, 244, 250, 0.9) 40%,
      rgba(220, 226, 240, 1) 80%,
      rgba(210, 216, 230, 1) 100%) !important;
}
body[data-yt-theme="1"] .wrapper {
  background: transparent !important;
  position: relative !important;
}
/* 태극 문양 SVG 를 wrapper::before 로 배경 오버레이 (opacity 낮게 은은하게) — 원복 */
body[data-yt-theme="1"] .wrapper::before {
  content: "";
  position: fixed;
  top: 50%; left: calc(50% + var(--yt-sidebar-w, 210px) / 2);
  transform: translate(-50%, -50%);
  width: 80vh; height: 80vh; min-width: 600px; min-height: 600px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'><defs><clipPath id='c'><circle cx='200' cy='200' r='180'/></clipPath></defs><g clip-path='url(%23c)'><path d='M200 20 A90 90 0 0 1 200 200 A90 90 0 0 0 200 380 A180 180 0 0 1 200 20 Z' fill='%23cd313a'/><path d='M200 20 A90 90 0 0 0 200 200 A90 90 0 0 1 200 380 A180 180 0 0 0 200 20 Z' fill='%230047a0'/><circle cx='200' cy='110' r='25' fill='%23cd313a'/><circle cx='200' cy='290' r='25' fill='%230047a0'/></g><circle cx='200' cy='200' r='180' fill='none' stroke='%23d4af37' stroke-width='4'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
}
/* 콘텐츠 z-index 태극 문양 위 — 제거: 이 규칙이 자식 stacking 겹침 문제로 slot 클릭 막았음 (dev4-65553) */
/* body[data-yt-theme="1"] .wrapper > * { position: relative; z-index: 1; } */

/* dev4-66117/66119: 슬라이드1 슬롯머신 크기 확대 + 왼쪽으로 더 이동 */
body[data-yt-theme="1"] .visual-background .slotmachine {
  width: 88% !important;
  left: -58% !important;
}

/* dev4-65592: footer/copyright 숨김 원복 */

/* dev4-65600: 서브페이지(/notice 등) 콘텐츠 영역 배경 → 딥네이비 */
body[data-yt-theme="1"] .modal-wrapper {
  background: linear-gradient(180deg, var(--tg-navy) 0%, var(--tg-navy-dark) 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
}
body[data-yt-theme="1"] .modal-panel { background: transparent !important; }
body[data-yt-theme="1"] .modal-sidebar {
  background: linear-gradient(180deg, var(--tg-navy) 0%, var(--tg-navy-dark) 100%) !important;
  border-right: 1px solid rgba(212, 175, 55, 0.3) !important;
}
body[data-yt-theme="1"] .modal-wrapper .bs-table { color: #e8ecf5 !important; }
body[data-yt-theme="1"] .modal-wrapper .bs-table thead tr { background: rgba(255,255,255,0.05) !important; }
body[data-yt-theme="1"] .modal-wrapper .bs-table tr { border-bottom: 1px solid rgba(255,255,255,0.08) !important; }
body[data-yt-theme="1"] .modal-wrapper .bs-table td,
body[data-yt-theme="1"] .modal-wrapper .bs-table th { color: #e8ecf5 !important; }
/* 좌측 서브메뉴 */
body[data-yt-theme="1"] .modal-wrapper .sc-menu a,
body[data-yt-theme="1"] .modal-wrapper .bs-ul-df a,
body[data-yt-theme="1"] .modal-wrapper .link-a {
  color: #e8ecf5 !important;
}
body[data-yt-theme="1"] .modal-wrapper .sc-menu a:hover,
body[data-yt-theme="1"] .modal-wrapper .bs-ul-df a:hover {
  color: var(--tg-gold-light) !important;
  background: rgba(212, 175, 55, 0.1) !important;
}

/* dev4-65634: 좌측 서브메뉴 개별 아이템(.menu-btn) ::before 그린 그라디언트 → 딥네이비 */
body[data-yt-theme="1"] .modal-menu .menu-btn::before,
body[data-yt-theme="1"] .modal-sidebar .menu-btn::before {
  background: linear-gradient(to right, rgba(14, 27, 61, 0.7), rgba(0, 0, 0, 0)) !important;
}
body[data-yt-theme="1"] .modal-menu .menu-btn:hover::before,
body[data-yt-theme="1"] .modal-sidebar .menu-btn:hover::before {
  background: linear-gradient(to right, rgba(212, 175, 55, 0.4), rgba(0, 0, 0, 0)) !important;
}
body[data-yt-theme="1"] .modal-menu .menu-btn.active::before,
body[data-yt-theme="1"] .modal-sidebar .menu-btn.active::before {
  background: linear-gradient(to right, rgba(176, 38, 40, 0.5), rgba(0, 0, 0, 0)) !important;
}

/* ============ Step 2: 헤더 다크톤 (딥 네이비) + 검색바 어두운 반투명 ============ */
body[data-yt-theme="1"] .yt-header {
  background: linear-gradient(90deg, var(--tg-navy-dark) 0%, var(--tg-navy) 100%) !important;
  border-bottom: 2px solid var(--tg-gold) !important;
  color: #e8ecf5 !important;
}
body[data-yt-theme="1"] .yt-header-search {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  color: #fff !important;
}
body[data-yt-theme="1"] .yt-header-search input {
  color: #fff !important;
  background: transparent !important;
}
body[data-yt-theme="1"] .yt-header-search input::placeholder { color: #b8c1d6 !important; }
body[data-yt-theme="1"] .yt-header-search .yt-search-icon { color: var(--tg-gold-light) !important; }
body[data-yt-theme="1"] .yt-header-search .yt-search-icon svg { color: var(--tg-gold-light) !important; }
/* 메뉴 버튼 등 좌측 아이콘 */
body[data-yt-theme="1"] .yt-header-left .yt-menu-btn { color: var(--tg-gold-light) !important; }
/* 헤더 우측 버튼: 로그인 = 딥레드, 회원가입/무기명 = 딥네이비 outline */
body[data-yt-theme="1"] .yt-btn-login {
  background: linear-gradient(135deg, var(--tg-red) 0%, var(--tg-red-dark) 100%) !important;
  border-color: var(--tg-gold) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(176, 38, 40, 0.4) !important;
}
body[data-yt-theme="1"] .yt-btn-outline {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--tg-gold) !important;
  color: var(--tg-gold-light) !important;
}
body[data-yt-theme="1"] .yt-btn-outline:hover { background: rgba(212, 175, 55, 0.15) !important; }

/* ============ Step 3: 잭팟 배너 딥레드 원형 (시안 재현) ============ */
body[data-yt-theme="1"] .jackpot-panel {
  background: radial-gradient(ellipse at center, var(--tg-red) 0%, var(--tg-red-dark) 60%, #4a0709 100%) !important;
  border: 4px solid var(--tg-gold) !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 32px rgba(176, 38, 40, 0.5), 0 0 40px rgba(212, 175, 55, 0.3), inset 0 0 30px rgba(0, 0, 0, 0.35) !important;
}
body[data-yt-theme="1"] .jackpot-panel::before,
body[data-yt-theme="1"] .jackpot-panel::after {
  display: none !important;
  background: transparent !important;
}
body[data-yt-theme="1"] .jackpot-panel .glow-bg,
body[data-yt-theme="1"] .jackpot-panel .side-bg { display: none !important; opacity: 0 !important; }
/* 「실시간 잭팟금액」 = 골드 그라디언트 */
body[data-yt-theme="1"] .jackpot-panel .font-black.text-yellow {
  background: linear-gradient(180deg, #ffe58a 0%, var(--tg-gold) 50%, #a37c14 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important;
  text-shadow: none !important;
}
/* 숫자 = 화이트 + 골드 shadow */
body[data-yt-theme="1"] .jackpot-panel .amount.odometer,
body[data-yt-theme="1"] .jackpot-panel .odometer-value,
body[data-yt-theme="1"] .jackpot-panel .odometer-digit,
body[data-yt-theme="1"] .jackpot-panel .odometer-inside {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 0 8px rgba(212, 175, 55, 0.6) !important;
}
body[data-yt-theme="1"] .jackpot-panel .symbol.text-red,
body[data-yt-theme="1"] .jackpot-panel .won {
  color: var(--tg-gold-light) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}
/* 잭팟 배너 z-index 콘텐츠 위 (금액 숫자 잘림 방지) */
body[data-yt-theme="1"] .jackpot-panel { position: relative !important; overflow: visible !important; }
body[data-yt-theme="1"] .jackpot-panel .label-panel,
body[data-yt-theme="1"] .jackpot-panel .amount-panel { position: relative !important; z-index: 10 !important; }

/* ============ Step 4 (수정): 게임 카드 = 평상시 원본 유지, 호버 시에만 딥레드+골드 효과 ============ */
body[data-yt-theme="1"] .main-toggle .toggle-btn.slot-link,
body[data-yt-theme="1"] .main-toggle .toggle-btn.casino-link {
  background: transparent !important;
  border: 3px solid transparent !important;
  border-radius: 14px !important;
  transition: box-shadow 0.2s, border-color 0.2s, background 0.2s !important;
}
body[data-yt-theme="1"] .main-toggle .toggle-btn.slot-link:hover,
body[data-yt-theme="1"] .main-toggle .toggle-btn.casino-link:hover {
  background: linear-gradient(135deg, var(--tg-red) 0%, var(--tg-red-dark) 60%, #4a0709 100%) !important;
  border-color: var(--tg-gold) !important;
  box-shadow: 0 6px 24px rgba(212, 175, 55, 0.4), 0 0 30px rgba(176, 38, 40, 0.5) !important;
}
/* 카드 안 텍스트도 정상 톤, 호버 시 흰색으로 부각 */
/* 카드 안 텍스트: 한글 = 흰색 + 진한 그림자, 영문 = 골드 그라디언트 */
body[data-yt-theme="1"] .main-toggle .toggle-btn .kr-text {
  color: #ffffff !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8), 0 0 12px rgba(212, 175, 55, 0.4) !important;
}
body[data-yt-theme="1"] .main-toggle .toggle-btn .en-text {
  background: linear-gradient(180deg, #ffe58a 0%, var(--tg-gold) 55%, #a37c14 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.7)) !important;
  text-shadow: none !important;
}
/* 중앙 divider 로고 : 이미 새 유튜브 로고 (yt_center_logo.png) 유지 */

/* 홈 카드 중앙 로고 (yt_center_logo) 골드 태두리 원형 배지로 */
body[data-yt-theme="1"] .main-toggle .toggle-divider {
  background: radial-gradient(circle, var(--tg-navy-dark) 0%, var(--tg-navy) 100%) !important;
  border: 3px solid var(--tg-gold) !important;
  border-radius: 50% !important;
  padding: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 20px rgba(212, 175, 55, 0.3) !important;
}

/* ============ Step 5: 그 외 컬러 조화 ============ */
/* 실시간 당첨 카드 배경 = 딥레드+블랙 */
body[data-yt-theme="1"] .winner-btn {
  background: radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.15), rgba(0, 0, 0, 0) 70%), linear-gradient(#3a0709, #14030a) !important;
  border: 1px solid rgba(212, 175, 55, 0.4) !important;
  box-shadow: 0 0 12px rgba(176, 38, 40, 0.15) !important;
}
body[data-yt-theme="1"] .winner-btn:hover {
  border-color: var(--tg-gold) !important;
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.35) !important;
}

/* rt-board 카드 발광/보더 = 골드 톤 */
body[data-yt-theme="1"] .rt-board::before {
  box-shadow: 0 0 200px rgba(212, 175, 55, 0.4) !important;
}
body[data-yt-theme="1"] .rt-board::after {
  border: solid 1px var(--tg-gold) !important;
}

/* 이벤트/공지사항 박스 헤더 = 딥레드 그라디언트 + 골드 텍스트/아이콘 */
body[data-yt-theme="1"] .eveter-wrap .nt-board .header {
  background: linear-gradient(90deg, var(--tg-red) 0%, var(--tg-red-dark) 100%) !important;
  border-bottom: 2px solid var(--tg-gold) !important;
}
body[data-yt-theme="1"] .eveter-wrap .nt-board .header .title-panel,
body[data-yt-theme="1"] .eveter-wrap .nt-board .header .title-panel *,
body[data-yt-theme="1"] .eveter-wrap .nt-board .header .more-link,
body[data-yt-theme="1"] .eveter-wrap .nt-board .header .more-link *,
body[data-yt-theme="1"] .eveter-wrap .nt-board .header i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* 박스 body 바탕 딥 네이비 */
body[data-yt-theme="1"] .board-section,
body[data-yt-theme="1"] .board-wrap {
  background: linear-gradient(180deg, var(--tg-navy) 0%, var(--tg-navy-dark) 100%) !important;
}
body[data-yt-theme="1"] .eveter-wrap { background: transparent !important; }

/* 하단 배너 (텔레그램/파트너/공지방) 딥레드/골드 톤 */
body[data-yt-theme="1"] .c-banner {
  border: 1px solid var(--tg-gold) !important;
}
body[data-yt-theme="1"] .c-banner.telegram-link { background: linear-gradient(135deg, var(--tg-red) 0%, var(--tg-red-dark) 100%) !important; color: #fff !important; }
body[data-yt-theme="1"] .c-banner.domain-link { background: linear-gradient(135deg, var(--tg-gold-light) 0%, var(--tg-gold) 100%) !important; color: var(--tg-navy-dark) !important; }
body[data-yt-theme="1"] .c-banner .b-panel {
  background: transparent !important;
}

/* 인기슬롯/인기카지노 그리드 카드 은은한 골드 아웃라인 */
body[data-yt-theme="1"] .sc-menu a,
body[data-yt-theme="1"] .provider-btn,
body[data-yt-theme="1"] .provider-card {
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
body[data-yt-theme="1"] .sc-menu a:hover,
body[data-yt-theme="1"] .provider-btn:hover {
  border-color: var(--tg-gold) !important;
  box-shadow: 0 0 16px rgba(212, 175, 55, 0.4) !important;
}