/* 공용 푸터 — 사업자 정보와 약관 링크
 *
 * 전자상거래법상 표시해야 하는 항목(상호·대표·사업자등록번호·통신판매업번호·
 * 주소·연락처)이 어느 페이지에도 없었다. 옛 워드프레스 하단에만 있었다.
 * 한 곳에서 고치면 모든 사이트에 반영되도록 공용으로 둔다.
 */

.site-footer {
  margin-top: 0;
  padding: 56px 0 40px;
  background: var(--atv-footer-bg, #ffffff);
  border-top: 1px solid var(--atv-footer-line, #d8e8f0);
  color: var(--atv-footer-ink, #46545e);
  font-size: 14px;
  line-height: 1.75;
}

.site-footer .shell {
  width: min(100% - 44px, 1180px);
  margin: 0 auto;
}

.site-footer a { color: inherit; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }

.footer-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 28px;
}
.footer-logo { width: 44px; height: 44px; object-fit: contain; }
.footer-brand strong {
  display: block;
  font-size: 19px;
  letter-spacing: -.02em;
  color: var(--atv-footer-strong, #17212b);
}
.footer-brand span {
  display: block;
  font-size: 11.5px;
  letter-spacing: .22em;
  color: var(--atv-footer-muted, #5f7078);
}

.footer-cols {
  display: grid;
  gap: 32px;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}
@media (min-width: 860px) {
  .footer-cols { grid-template-columns: minmax(0, 1fr) auto; gap: 56px; }
}

/* 사업자 정보 — 라벨과 값을 두 칸으로 */
.footer-biz { margin: 0; display: grid; gap: 6px; }
.footer-biz > div {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 10px;
}
.footer-biz dt {
  font-weight: 600;
  color: var(--atv-footer-strong, #17212b);
}
.footer-biz dd { margin: 0; word-break: keep-all; }

/* 좁은 화면에서는 라벨을 위로 접는다 — 두 칸이면 값이 잘린다 */
@media (max-width: 520px) {
  .footer-biz > div { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .footer-biz dt { font-size: 12.5px; color: var(--atv-footer-muted, #5f7078); }
}

.footer-links {
  display: grid;
  gap: 9px;
  justify-items: start;
}
.footer-links a {
  font-weight: 600;
  color: var(--atv-footer-link, #2f6fb0);
}

.footer-copy {
  margin: 36px 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--atv-footer-line, #d8e8f0);
  text-align: center;
  font-size: 13px;
  color: var(--atv-footer-muted, #5f7078);
}

/* 다크 — OS 설정과 토글 양쪽 */
@media (prefers-color-scheme: dark) {
  html:not(.atv-light) .site-footer {
    --atv-footer-bg: #0b151b;
    --atv-footer-line: #22333d;
    --atv-footer-ink: #a3b4bc;
    --atv-footer-strong: #e6edef;
    --atv-footer-muted: #7d919b;
    --atv-footer-link: #4fc7dd;
  }
}
html.atv-dark .site-footer {
  --atv-footer-bg: #0b151b;
  --atv-footer-line: #22333d;
  --atv-footer-ink: #a3b4bc;
  --atv-footer-strong: #e6edef;
  --atv-footer-muted: #7d919b;
  --atv-footer-link: #4fc7dd;
}

/* 방문자 수 — 저작권 줄 위에 조용히 */
.footer-visits {
  display: flex; justify-content: center; gap: 18px;
  margin: 0 0 10px;
  color: var(--muted, #64717b); font-size: 12.5px; letter-spacing: .01em;
}
.footer-visits b {
  margin-left: 4px; font-weight: 750; color: var(--ink-soft, #52616c);
  font-variant-numeric: tabular-nums;
}
@media (prefers-color-scheme: dark) {
  html:not(.atv-light) .footer-visits { color: #8fa0aa; }
  html:not(.atv-light) .footer-visits b { color: #cdd9e0; }
}
html.atv-dark .footer-visits { color: #8fa0aa; }
html.atv-dark .footer-visits b { color: #cdd9e0; }