/* 사용자 사이트 전용 — 관리자(/assets/admin) CSS와 분리 유지. 공용 리소스는 /assets/common/ */

body.page-main,
body.page-login,
body.register {
  --color-primary: #00AEEF;
  --color-primary-2: #5ec8ff;
  --color-body: #a3a3a3;
  --color-heading-1: #ffffff;
  --color-info: #00AEEF;
}

/* 고정 배경 이미지 */
body.page-shell {
  background-color: #000;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.34)),
    url('/assets/themes/black/images/bg.jpg?v=3');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* 헤더·본문 불투명 — 배경 안 비침 */
body.page-shell .mb-shell-top,
body.page-shell .mb-shell-header {
  background: #000;
}

body.page-shell .mb-shell-top .mb-shell-logo,
body.page-shell .mb-shell-header .mb-shell-logo {
  border-right: none;
}

body.page-shell .mb-shell-main {
  background: transparent;
}

body.page-shell .mb-shell-content,
body.page-shell .mb-content,
body.page-shell .mb-home,
body.page-shell .mb-home-banner,
body.page-shell .mb-home-banner-stage,
body.page-shell .mb-home-banner-dots,
body.page-shell .mb-gamelist {
  background: #000;
}

/* 사이드바·푸터 반투명 — 배경 은은하게 비침 */
body.page-shell .mb-shell-sidebar {
  background: linear-gradient(180deg, rgba(10, 16, 24, 0.62) 0%, rgba(0, 0, 0, 0.56) 100%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

body.page-shell .mb-side-panel {
  background: linear-gradient(180deg, rgba(20, 28, 38, 0.82) 0%, rgba(13, 19, 24, 0.76) 100%);
}

body.page-shell .mb-sidebar-sns {
  background: linear-gradient(180deg, rgba(16, 24, 32, 0.62) 0%, rgba(13, 19, 24, 0.56) 100%);
}

body.page-shell .mb-shell-footer,
body.page-shell .mb-partner-strip-wrap {
  background: rgba(0, 0, 0, 0.56);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

body.page-main .rts-btn.btn-primary,
body.page-login .rts-btn.btn-primary,
body.register .rts-btn.btn-primary {
  background: linear-gradient(135deg, #00AEEF 0%, #0077cc 100%) !important;
  color: #fff !important;
  border: none !important;
}

body.page-main .rts-btn.btn-primary:hover,
body.page-login .rts-btn.btn-primary:hover,
body.register .rts-btn.btn-primary:hover {
  background: linear-gradient(135deg, #5ec8ff 0%, #00AEEF 100%) !important;
  color: #fff !important;
}

body.page-main .rts-btn.btn-border-p,
body.page-login .rts-btn.btn-border-p,
body.register .rts-btn.btn-border-p {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}

body.page-main .rts-btn.btn-border-p:hover,
body.page-login .rts-btn.btn-border-p:hover,
body.register .rts-btn.btn-border-p:hover {
  background: var(--color-primary) !important;
  color: #fff !important;
}

body.page-main .btn-primary,
body.page-login .btn-primary,
body.register .btn-primary {
  --bs-btn-bg: #00AEEF;
  --bs-btn-border-color: #00AEEF;
  --bs-btn-hover-bg: #5ec8ff;
  --bs-btn-hover-border-color: #5ec8ff;
  --bs-btn-active-bg: #0077cc;
  --bs-btn-active-border-color: #0077cc;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
}

body.page-main .text-primary,
body.page-login .text-primary,
body.register .text-primary {
  color: var(--color-primary) !important;
}

body.page-main a:hover,
body.page-login a:hover,
body.register a:hover {
  color: var(--color-primary);
}

body.page-main .ct-border-color,
body.page-login .ct-border-color,
body.register .ct-border-color {
  border-color: #3f3f46;
}

/* 로그인 레이아웃 */
body.register.page-login {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.register.page-login .dash-board-main-wrapper {
  width: 100%;
  padding: 24px 16px;
}

body.register.page-login .single-form-s-wrapper {
  max-width: 420px;
  margin: 0 auto;
  padding: 28px 24px;
}

body.register.page-login .single-form-s-wrapper .head {
  margin-bottom: 20px;
  text-align: center;
}

body.register.page-login .single-form-s-wrapper .head .title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

body.register.page-login .input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}

body.register.page-login .input-wrapper input {
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  font-size: 14px;
}

body.register.page-login .rts-btn.btn-primary {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
}

/* 로그인/회원가입 - 블랙 베이스 + 골드 포인트만 */
html[data-theme="dark"] body.register.page-login,
html[data-theme="dark"] body.register.page-login .dash-board-main-wrapper,
html[data-theme="dark"] body.register .dash-board-main-wrapper {
  background: #000000 !important;
}

html[data-theme="dark"] body.register .single-form-s-wrapper,
html[data-theme="dark"] .register .single-form-s-wrapper,
html[data-theme="dark"] .single-form-s-wrapper {
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-top: 2px solid #D4AF37 !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

body.register .single-form-s-wrapper .head span {
  color: #D4AF37 !important;
}

body.register .single-form-s-wrapper .head .title,
html[data-theme="dark"] body.register .single-form-s-wrapper .head .title {
  color: #FFFFFF !important;
}

body.register .single-form-s-wrapper .body input,
html[data-theme="dark"] body.register .single-form-s-wrapper .body input {
  background: #0A0A0A !important;
  border: 1px solid #2A2A2A !important;
  color: #FFFFFF !important;
}

body.register .single-form-s-wrapper .body input::placeholder {
  color: #71717A;
}

body.register .single-form-s-wrapper .body input:focus,
html[data-theme="dark"] body.register .single-form-s-wrapper .body input:focus {
  border-color: #D4AF37 !important;
  box-shadow: 0 0 0 2px rgba(0, 174, 239, 0.2) !important;
  outline: none;
}

body.register .single-form-s-wrapper .body .check-wrapper label,
html[data-theme="dark"] body.register .single-form-s-wrapper .body .check-wrapper label,
html[data-theme="dark"] body.register .single-form-s-wrapper .body p {
  color: #A1A1AA !important;
}

body.register .single-form-s-wrapper .body .check-wrapper a,
body.register .single-form-s-wrapper .body p a {
  color: #D4AF37 !important;
}

body.register .single-form-s-wrapper .body .check-wrapper a:hover,
body.register .single-form-s-wrapper .body p a:hover {
  color: #E8C872 !important;
}

body.page-login #login-alert {
  background: rgba(220, 53, 69, 0.12) !important;
  border: 1px solid rgba(220, 53, 69, 0.35) !important;
  color: #f8d7da !important;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
}

/* 외부 Font Awesome 제거 후 빈 아이콘 영역 정리 */
body.register i[class*="fa-"] {
  display: none;
}