/* ════════════════════════════════════════════════════════════════
   LIGHT THEME — body.light 일 때만 적용
   다크 모드의 보라/핑크/앰버 액센트 컬러는 그대로 유지하고
   배경/텍스트/라인 토큰만 반전
   ════════════════════════════════════════════════════════════════ */

body.light {
  --bg-1: #f5f3ff;
  --bg-2: #faf7ff;
  --bg-3: #ffffff;
  --bg-4: #f9fafb;

  --line: rgba(76, 29, 149, 0.10);
  --line-soft: rgba(76, 29, 149, 0.06);
  --line-strong: rgba(76, 29, 149, 0.18);

  --t1: #1f1937;
  --t2: #4b5563;
  --t3: #6b7280;
  --t4: #9ca3af;
  --t5: #d1d5db;

  background: var(--bg-1);
  color: var(--t1);
}

/* ─── HEADER — 라이트 모드 가독성 강제 적용 ─── */
body.light .site-header {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid rgba(76, 29, 149, 0.12) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
/* 로고 */
body.light .hdr-logo { color: var(--t1) !important; }
body.light .hdr-logo .logo-icon { color: #a855f7 !important; }
body.light .hdr-logo .logo-text { color: var(--t1) !important; font-weight: 700 !important; }
body.light .hdr-logo svg { color: #a855f7 !important; }

/* 가운데 메뉴 */
body.light .hdr-nav { color: var(--t2) !important; }
body.light .hdr-nav-item {
  color: var(--t2) !important;
  background: transparent !important;
}
body.light .hdr-nav-item:hover {
  color: var(--t1) !important;
  background: rgba(76, 29, 149, 0.06) !important;
}
body.light .hdr-nav-item .dot { background: currentColor; }

/* 우측 컨트롤 — 충전, 언어, MY */
body.light .hdr-charge,
body.light .hdr-lang,
body.light .hdr-my {
  background: rgba(168, 85, 247, 0.08) !important;
  border: 1px solid rgba(168, 85, 247, 0.25) !important;
  color: #6b21a8 !important;
  font-weight: 600 !important;
}
body.light .hdr-charge:hover,
body.light .hdr-lang:hover,
body.light .hdr-my:hover {
  background: rgba(168, 85, 247, 0.14) !important;
  border-color: rgba(168, 85, 247, 0.4) !important;
  color: #581c87 !important;
}
body.light .hdr-charge .ch-coin { color: #f59e0b !important; }
body.light .hdr-charge .ch-badge {
  background: #ef4444 !important;
  color: white !important;
  border: 2px solid white !important;
}
body.light .hdr-cta {
  /* 그라데이션 핑크 그대로 유지 - 라이트에서도 잘 보임 */
}

/* 헤더 안의 기타 텍스트들 */
body.light .site-header .dot { background: currentColor; }
body.light .hdr-right > * { color: inherit; }

/* ─── INDEX 메인 페이지 라이트 ─── */
body.light .hero { background: var(--bg-1); }
body.light .ticker { background: var(--bg-3); border-color: rgba(76, 29, 149, 0.1); }
body.light .tk-status,
body.light .tk-live { color: var(--t2); }
body.light .pill,
body.light .p-ghost { color: var(--t2); border-color: rgba(76, 29, 149, 0.15); }
body.light .shamans { background: var(--bg-2); }
body.light .sec-kicker { color: var(--t3); }
body.light .center-pill { background: var(--bg-3); color: var(--t2); border: 1px solid rgba(76, 29, 149, 0.1); }
body.light .sh-card,
body.light .sc-card,
body.light .gm-card,
body.light .rc-card {
  background: var(--bg-3);
  border: 1px solid rgba(76, 29, 149, 0.1);
  box-shadow: 0 4px 16px rgba(76, 29, 149, 0.06);
}
body.light .sc-name,
body.light .gm-name,
body.light .rc-title { color: var(--t1); }
body.light .sc-role,
body.light .gm-meta,
body.light .rc-desc { color: var(--t2); }
body.light .sc-desc,
body.light .sc-bio { color: var(--t2); }
body.light .btn-rounded,
body.light .btn-text { color: var(--t2); border-color: rgba(76, 29, 149, 0.15); }
body.light .btn-rounded { background: var(--bg-3); }
body.light .btn-light { background: var(--bg-3); border: 1px solid rgba(76, 29, 149, 0.12); color: var(--t1); }
body.light .sc-include,
body.light .sc-stars { color: var(--t2); }
body.light .sc-include li::before { color: var(--purple-l); }

/* ─── 단독 마스터 페이지 (yeon/halmae/baek/wolha/seoha) HERO ─── */
body.light .yeon-hero,
body.light .halmae-hero,
body.light .baek-hero,
body.light .wolha-hero,
body.light .seoha-hero {
  background: linear-gradient(180deg, #ede9fe 0%, #f5f3ff 70%, var(--bg-1) 100%) !important;
}
body.light .yh-bg,
body.light .sh-bg {
  opacity: 0.6;
}
body.light .yh-mini-stats > div,
body.light .sh-mini-stats > div {
  background: var(--bg-3);
  border-color: rgba(76, 29, 149, 0.1);
}
body.light .yh-mini-stats strong,
body.light .sh-mini-stats strong { color: var(--t1); }
body.light .yh-title,
body.light .sh-title { color: var(--t1); }
body.light .tw { color: var(--t1); }
body.light .yh-lead,
body.light .sh-lead { color: var(--t2); }
body.light .yh-lead strong,
body.light .sh-lead strong { color: var(--t1); }
body.light .yh-sub-cta { color: var(--t3); }
body.light .yh-product-tag { background: var(--bg-3); border-color: rgba(76, 29, 149, 0.12); color: var(--t2); }
body.light .yh-px-meta,
body.light .sh-px-meta { color: var(--t3); }

/* ─── 섹션 배경 ─── */
body.light .yeon-stats,
body.light .yeon-included,
body.light .yeon-reviews,
body.light .yeon-pricing,
body.light .yeon-faq,
body.light .halmae-transform,
body.light .seoha-sample {
  background: var(--bg-2);
  border-color: rgba(76, 29, 149, 0.08);
}

body.light .yeon-who,
body.light .yeon-sample,
body.light .yeon-reports,
body.light .yeon-order,
body.light .yeon-final,
body.light .grand-profile-sec {
  background: var(--bg-1);
}

/* ─── 카드 라이트 ─── */
body.light .ys,
body.light .who-item,
body.light .incl,
body.light .ss,
body.light .trust,
body.light .rv,
body.light .pr,
body.light .order-form,
body.light .faq,
body.light .tf-card,
body.light .gp-card,
body.light .career-timeline,
body.light .gpf,
body.light .sc-item,
body.light .seoha-profile,
body.light .gp-quote,
body.light .gp-photo {
  background: var(--bg-3);
  border-color: rgba(76, 29, 149, 0.1);
}

body.light .ys strong,
body.light .who-item h4,
body.light .incl-body h4,
body.light .ss h4,
body.light .pr-name,
body.light .rv strong,
body.light .br-body h3,
body.light .bd-body h3,
body.light .pr-px strong,
body.light .pr-px-block p strong,
body.light .br-price-num,
body.light .gb-body h4,
body.light .pb-h,
body.light .ofp-n,
body.light .ofp-px,
body.light .gp-name,
body.light .ct strong,
body.light .gpf h4 { color: var(--t1); }

body.light .ys span,
body.light .who-item p,
body.light .incl-body p,
body.light .ss p,
body.light .pr-sub,
body.light .pr-tier,
body.light .rv-body,
body.light .br-desc,
body.light .br-feat li,
body.light .of-field label,
body.light .of-trust,
body.light .gp-meta,
body.light .ct p,
body.light .gpf p,
body.light .of-pre-trust,
body.light .gb-body p { color: var(--t2); }

body.light .br-desc strong,
body.light .pr-feat .ok { color: var(--t1); }

/* 사주 미리보기 sample */
body.light .sample-preview,
body.light .who-quote,
body.light .halmae-quote,
body.light .baek-quote,
body.light .wolha-quote {
  background: var(--bg-3);
  border-color: rgba(76, 29, 149, 0.15);
}
body.light .sp-tabs { background: rgba(76, 29, 149, 0.05); }
body.light .spt { color: var(--t3); }
body.light .spt:hover { color: var(--t1); }
body.light .spr {
  background: rgba(76, 29, 149, 0.04);
  border-color: rgba(76, 29, 149, 0.1);
}
body.light .spr strong { color: var(--t1); }
body.light .spr p { color: var(--t2); }
body.light .who-quote blockquote,
body.light .halmae-quote blockquote,
body.light .baek-quote blockquote,
body.light .wolha-quote blockquote { color: var(--t1); }
body.light .gp-quote p { color: var(--t1); }

/* Form inputs */
body.light .of-field input,
body.light .of-field textarea {
  background: var(--bg-1);
  border: 1px solid rgba(76, 29, 149, 0.15);
  color: var(--t1);
}
body.light .of-field input::placeholder,
body.light .of-field textarea::placeholder { color: var(--t4); }
body.light .of-opt,
body.light .of-plan,
body.light .ot,
body.light .of-toggle .ot {
  background: var(--bg-1);
  border-color: rgba(76, 29, 149, 0.15);
  color: var(--t2);
}
body.light .ot:hover { color: var(--t1); }

/* Reports */
body.light .br-preview,
body.light .brp-tile { background: rgba(76, 29, 149, 0.04); border-color: rgba(76, 29, 149, 0.1); }
body.light .brp-bar { background: rgba(76, 29, 149, 0.1); }
body.light .brp-row span,
body.light .brp-tile span,
body.light .brp-label { color: var(--t3); }
body.light .brp-row strong,
body.light .brp-tile strong { color: var(--t1); }

/* Bundle */
body.light .bundle {
  background: linear-gradient(135deg, #f5f3ff 0%, #fdf2f8 100%);
  border-color: rgba(168, 85, 247, 0.25);
}
body.light .bundle p { color: var(--t2); }
body.light .bd-feats span { background: rgba(168, 85, 247, 0.1); border-color: rgba(168, 85, 247, 0.2); color: var(--purple); }
body.light .bdp-old { color: var(--t3); }
body.light .bdp-new { color: var(--t1); }

/* FAQ */
body.light .faq summary { color: var(--t1); }
body.light .faq p { color: var(--t2); }

/* PRICING */
body.light .pr-feat li { border-bottom-color: rgba(76, 29, 149, 0.06); }
body.light .pr-feat .no { color: var(--t4); }
body.light .pr-cta-gray {
  background: var(--bg-2);
  border-color: rgba(76, 29, 149, 0.15);
  color: var(--t1);
}

/* Final CTA */
body.light .final-cta {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(168, 85, 247, 0.15), transparent 60%),
    linear-gradient(135deg, #f5f3ff 0%, #fdf2f8 100%);
  border-color: rgba(168, 85, 247, 0.25);
}
body.light .final-cta h2,
body.light .fc-sub strong { color: var(--t1); }
body.light .fc-sub { color: var(--t2); }
body.light .fc-btn-dark {
  background: var(--bg-3);
  border-color: rgba(76, 29, 149, 0.15);
  color: var(--t1);
}

/* Footer */
body.light .site-footer {
  background: var(--bg-3);
  border-top: 1px solid rgba(76, 29, 149, 0.1);
}
body.light .ft-col h5,
body.light .ft-bottom p { color: var(--t1); }
body.light .ft-col a,
body.light .ft-about,
body.light .ft-links a,
body.light .ft-admin a { color: var(--t2); }
body.light .ft-col a:hover { color: var(--purple); }

/* ─── MyPage / Balance 라이트 ─── */
body.light .my-card,
body.light .bal-card,
body.light .bal-item,
body.light .bal-method-card {
  background: var(--bg-3);
  border-color: rgba(76, 29, 149, 0.1);
  box-shadow: 0 2px 8px rgba(76, 29, 149, 0.05);
}

/* ─── Score circle bg ring ─── */
body.light .sc-ring .sc-bg { stroke: rgba(76, 29, 149, 0.1); }

/* Couple card / hero card는 다크 유지 (이미지 위라서 라이트 변환이 어색) */

/* ─── Promo bar — 라이트 모드에서도 그라데이션 유지 ─── */
/* 그대로 두면 됨 */

/* ─── FAB ─── */
body.light .fab-talk {
  background: var(--bg-3);
  border-color: rgba(76, 29, 149, 0.15);
  color: var(--t1);
  box-shadow: 0 6px 18px rgba(76, 29, 149, 0.15);
}

/* ─── Google Translate 위젯 숨김 (전역 적용) ─── */
.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame { display: none !important; visibility: hidden !important; }
body { top: 0 !important; }
.goog-te-gadget,
.goog-te-gadget-simple { display: none !important; }
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip-popup { display: none !important; }
font[style*="background-color"],
font[style*="vertical-align"] {
  background-color: transparent !important;
  box-shadow: none !important;
}
.skiptranslate iframe { display: none !important; }

/* hidden translate widget container */
#google_translate_element {
  position: fixed !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* ─── 헤더 드롭다운 — 라이트 모드 ─── */
body.light .hdr-dropdown-trigger { color: var(--t2) !important; }
body.light .hdr-dropdown-trigger:hover { color: var(--t1) !important; background: rgba(168, 85, 247, 0.08) !important; }
body.light .hdr-dropdown.open .hdr-dropdown-trigger { background: rgba(168, 85, 247, 0.14) !important; color: #6b21a8 !important; }
body.light .hdr-dropdown-panel {
  background: rgba(255, 255, 255, 0.97) !important;
  border-color: rgba(168, 85, 247, 0.18) !important;
  box-shadow: 0 16px 40px rgba(76, 29, 149, 0.18) !important;
}
body.light .hdd-item { color: var(--t1) !important; }
body.light .hdd-item:hover { background: rgba(168, 85, 247, 0.08) !important; }
body.light .hdd-body strong { color: var(--t1) !important; }
body.light .hdd-body p { color: var(--t3) !important; }
body.light .hdd-arrow { color: var(--t4) !important; }
body.light .hdd-item:hover .hdd-arrow { color: var(--t1) !important; }
body.light .hdd-head { color: var(--t3) !important; }