/* 푸터 — templates/footer.html 대응. 원본: #1F1F21 다크 */

.site-footer {
  width: 100%;
  background: var(--color-ink);
  color: var(--color-gray-400);
  padding: var(--sp-16) 0 var(--sp-10);
}

.footer__top {
  display: flex; flex-direction: column; gap: var(--sp-10);
  padding-bottom: var(--sp-12);
}

/* 좌측: 운영사 정보 */
.footer__info { display: flex; flex-direction: column; gap: var(--sp-2); }
.footer__logo { display: flex; align-items: center; gap: 6px; margin-bottom: var(--sp-3); }
.footer__logo-dot {
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--color-white); display: inline-block;
}
.footer__logo-dot:first-child { width: 18px; height: 18px; border-radius: 4px 50% 50% 50%; }
.footer__logo-bar { width: 18px; height: 4px; border-radius: 2px; background: var(--color-white); align-self: center; }
.footer__company { color: var(--color-white); font-size: var(--fs-body-sm); font-weight: 600; }
.footer__legal { font-size: var(--fs-small); line-height: 1.8; color: var(--color-gray-400); }

/* 우측: 컨택트 */
.footer__contact { display: flex; flex-direction: column; gap: var(--sp-4); }
.footer__contact-label { color: var(--color-white); font-size: var(--fs-small); font-weight: 600; }
.footer__mail {
  display: inline-flex; align-items: center; gap: var(--sp-3);
  padding: var(--sp-4) var(--sp-5);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-sm);
  color: var(--color-white); font-size: var(--fs-body-sm);
  transition: background 0.2s ease;
}
.footer__mail:hover { background: rgba(255, 255, 255, 0.14); }
.footer__links { display: flex; gap: var(--sp-6); }
.footer__links a { font-size: var(--fs-small); font-weight: 600; color: var(--color-gray-400); transition: color 0.2s ease; }
.footer__links a:hover { color: var(--color-white); }

/* 하단: 약관 + 카피라이트 */
.footer__bottom {
  display: flex; flex-direction: column; gap: var(--sp-4);
  padding-top: var(--sp-8);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.footer__terms { display: flex; flex-direction: column; gap: var(--sp-2); }
.footer__terms-item { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-small); }
.footer__terms-item a { color: var(--color-gray-400); }
.footer__terms-item--strong span { color: var(--color-white); font-weight: 700; }
.footer__terms-item--strong a { color: var(--color-white); font-weight: 700; }
.footer__copy { font-size: var(--fs-small); color: var(--color-gray-600); }

@media (min-width: 768px) {
  .footer__top {
    flex-direction: row; justify-content: space-between; align-items: flex-start;
  }
  .footer__contact { align-items: flex-start; min-width: 280px; }
  .footer__terms { flex-direction: row; gap: var(--sp-8); }
  .footer__terms-item { flex-direction: row; gap: var(--sp-3); align-items: baseline; }
  .footer__bottom { flex-direction: row; justify-content: space-between; align-items: center; }
}