/* doctor-schedule.css — 의료진 진료일정표 (엔진 소유 · 전 사이트 공용).
   svndex_doctor_schedule_render 가 내는 .svx-doctor-schedule 의 스타일.
   위젯답게 자기 CSS 를 갖는다 — 사이트 CSS 변수에 기대지 않고 포인트만 --brand-color 를 쓴다. */
.svx-doctor-schedule { --sch-line: #e5e7eb; --sch-head: #f9fafb; --sch-ink: #374151; --sch-mute: #6b7280; width: 100%; border-collapse: separate; border-spacing: 0; margin: 0; font-size: .92rem; line-height: 1.5; text-align: center; color: var(--sch-ink); border: 1px solid var(--sch-line); border-radius: 12px; overflow: hidden; }
.svx-doctor-schedule th, .svx-doctor-schedule td { border-right: 1px solid var(--sch-line); border-bottom: 1px solid var(--sch-line); padding: .7rem .35rem; vertical-align: middle; }
/* 값 셀 — 종전엔 본문과 같은 굵기라 표 안에서 묻혔다. 색은 관리자 지정(inline)이라 굵기·자간만 보강. */
.svx-doctor-schedule tbody td { font-weight: 600; letter-spacing: -.01em; }
.svx-doctor-schedule tr > *:last-child { border-right: 0; }
.svx-doctor-schedule tbody tr:last-child > * { border-bottom: 0; }
.svx-doctor-schedule thead th { background: var(--sch-head); font-weight: 600; font-size: .88rem; color: var(--sch-mute); }
.svx-doctor-schedule thead td { background: var(--sch-head); }
.svx-doctor-schedule tbody th[scope="row"] { background: var(--sch-head); font-weight: 600; font-size: .88rem; color: var(--sch-mute); white-space: nowrap; }
.svx-doctor-schedule td:empty::after { content: "·"; color: #d1d5db; }
@media (max-width: 640px) { .svx-doctor-schedule { font-size: .82rem; } .svx-doctor-schedule th, .svx-doctor-schedule td { padding: .55rem .2rem; } }
/* 요일 헤더는 좁은 화면에서도 한 줄로 — 라벨이 세 글자(「월요일」)라 375px 에서 두 줄로 접히면 헤더 높이가 3배가 된다.
   폭이 아니라 글자를 줄여 해결한다(열 폭은 셀 내용이 정하므로 표 전체 폭은 그대로다).
   ⚠️ 한 글자로 되돌리지 말 것 — 번역기가 month·gold 로 오역한다. */
@media (max-width: 480px) { .svx-doctor-schedule thead th { white-space: nowrap; font-size: .8em; letter-spacing: -.03em; } }
/* 영역 래퍼 — 관리자 </> 가 복사해 주는 블록의 기본 모양. 표만 주면 병원이 제목·테두리를 조건 밖에 두기 쉽고,
   그러면 노출 토글을 꺼도 제목만 남는다. 병원 CSS 가 덮어쓸 수 있게 일부러 약하게(클래스 1개) 둔다. */
.svx-doctor-schedule-block { padding: 1.1rem 1.2rem 1.25rem; background: var(--sch-head, #f9fafb); border: 1px solid var(--sch-line, #e5e7eb); border-radius: 14px; }
.svx-doctor-schedule-title { display: flex; align-items: center; gap: .4rem; margin: 0 0 .75rem; font-size: 1rem; font-weight: 600; color: var(--sch-ink, #374151); }
/* 다크모드 — 사이트 토글 존중 */
/* 다크 기본값 — :where() 로 특이도를 낮춰 사이트 덮어쓰기가 순서와 무관하게 이긴다(§12-69). html·body 둘 다 받는다 —
   방문자 사이트는 data-theme 을 <html> 에 단다(§12-45). 종전 body[...] 만으로는 사이트에서 걸리지 않았다(§2026-09-26 감사 #08). */
:where(html[data-theme="dark"], body[data-theme="dark"]) .svx-doctor-schedule { --sch-line: #374151; --sch-head: #1f2937; --sch-ink: #d1d5db; --sch-mute: #9ca3af; }
:where(html[data-theme="dark"], body[data-theme="dark"]) .svx-doctor-schedule td:empty::after { color: #4b5563; }
/* FOUC 가드 해제 — seo-extras.php 가 이 부품을 visibility:hidden 으로 숨겨 두고, 이 파일이 도착하면 드러낸다.
   ⚠ 이 규칙을 지우면 진료일정 위젯이 영영 안 보인다. */
.svx-doctor-schedule { visibility: visible; }

/* 자간은 위젯이 출고한다(normal) — 안 정하면 사이트 body 값을 상속해 병원마다 갈린다 */
.svx-doctor-schedule { letter-spacing:normal; }