/* ============================================================================
   overrides.css  —  모듈화 시작점 (David 피드백·테마 패치 분리 보관)
   ⚠ 앞으로 style.css(모놀리식)에 덧붙이지 않고, 관심사별로 여기/이후 파일로 분리.
   기존 style.css 끝에 누적된 블록들은 점진적으로 이쪽으로 이관 예정.
   파일: /css/overrides.css   |   index.html 에서 style.css 다음에 링크
   ============================================================================ */

/* ── 라이트 테마: '방송 준비중'·오프라인 카드를 밝은 색으로 (다크는 검정 유지=합격) ── */
html[data-theme="light"] .live-card--placeholder,
html[data-theme="light"] .live-card.is-off{
  background:#e9edf6 !important;
  border-color:#d3dae6 !important;
}
html[data-theme="light"] .live-card--placeholder .thumbnail-container,
html[data-theme="light"] .live-card--placeholder .thumbnail-placeholder,
html[data-theme="light"] .live-card--placeholder .thumbnail-placeholder--off,
html[data-theme="light"] .live-card.is-off .thumbnail-container,
html[data-theme="light"] .live-card.is-off .thumbnail-placeholder--off{
  background:linear-gradient(135deg,#d6deee,#eef2fa) !important;
}
html[data-theme="light"] .live-card--placeholder .card-info,
html[data-theme="light"] .live-card.is-off .card-info{
  background:#e9edf6 !important;
}
/* 로고 워터마크: 라이트에선 같은 금속질감의 '골드 메탈' 버전으로 교체 (다크=은색 유지) */
html[data-theme="light"] .live-card--placeholder .thumbnail-container::after,
html[data-theme="light"] .live-card.is-off .thumbnail-container::after{
  background-image:url(/logo_gold.png) !important;
  filter:none;
  opacity:.88;
}
/* 카메라 아이콘 / 텍스트 라이트 톤 */
html[data-theme="light"] .live-card--placeholder .thumbnail-placeholder svg,
html[data-theme="light"] .live-card.is-off .thumbnail-placeholder svg{
  color:#8f99ad !important; opacity:.65;
}
html[data-theme="light"] .live-card--placeholder .card-title,
html[data-theme="light"] .live-card.is-off .card-title{ color:#2a2f3a !important; }
html[data-theme="light"] .live-card--placeholder .card-streamer,
html[data-theme="light"] .live-card.is-off .card-streamer{ color:#5a6477 !important; }
html[data-theme="light"] .live-card.is-off .offline-badge{
  background:rgba(255,255,255,.85) !important; color:#5a6477 !important; border-color:#d3dae6 !important;
}