/**
 * B site footers — dist-pro only.
 * - `.b-site-footer-unified`: 다크 네이비 PRO 밴드 + 9링크(About·커뮤니티·문의·PRO 구매·제휴 + 약관·개인정보·환불·라이선스).
 * - `#bf-pro-footer-ko` / `.b-site-ftr`: 구 마크업용(일부 페이지); 신규는 통합 푸터 클래스 사용.
 */

/* ─── KO = PRO 대시보드 푸터와 동일 레이아웃·색 (Tailwind 미로드 페이지용) ─── */
#bf-pro-footer-ko {
  background-color: #0a0f1e;
  border-top: 1px solid #1e293b;
  margin-top: 2rem;
  box-sizing: border-box;
}
#bf-pro-footer-ko *,
#bf-pro-footer-ko *::before,
#bf-pro-footer-ko *::after {
  box-sizing: border-box;
}
#bf-pro-footer-ko .max-w-6xl {
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 1rem;
}
@media (min-width: 640px) {
  #bf-pro-footer-ko .max-w-6xl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
#bf-pro-footer-ko .flex {
  display: flex;
}
#bf-pro-footer-ko .flex-col {
  flex-direction: column;
}
@media (min-width: 640px) {
  #bf-pro-footer-ko .sm\:flex-row {
    flex-direction: row;
  }
}
#bf-pro-footer-ko .justify-between {
  justify-content: space-between;
}
#bf-pro-footer-ko .items-center {
  align-items: center;
}
#bf-pro-footer-ko .gap-4 {
  gap: 1rem;
}
#bf-pro-footer-ko .gap-3 {
  gap: 0.75rem;
}
#bf-pro-footer-ko .gap-1 {
  gap: 0.25rem;
}
#bf-pro-footer-ko .mb-4 {
  margin-bottom: 1rem;
}
#bf-pro-footer-ko .flex-wrap {
  flex-wrap: wrap;
}
#bf-pro-footer-ko .justify-center {
  justify-content: center;
}
@media (min-width: 640px) {
  #bf-pro-footer-ko .sm\:justify-start {
    justify-content: flex-start;
  }
  #bf-pro-footer-ko .sm\:justify-end {
    justify-content: flex-end;
  }
}
#bf-pro-footer-ko .text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
#bf-pro-footer-ko .text-slate-500 {
  color: #64748b;
}
#bf-pro-footer-ko .text-slate-600 {
  color: #475569;
}
#bf-pro-footer-ko .text-slate-700 {
  color: #334155;
}
#bf-pro-footer-ko a.no-underline {
  text-decoration: none;
  color: #64748b;
  transition: color 0.15s ease;
}
#bf-pro-footer-ko a.hover\:text-amber-400:hover,
#bf-pro-footer-ko a.no-underline:hover {
  color: #fbbf24;
}
#bf-pro-footer-ko .transition-colors {
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#bf-pro-footer-ko .text-center {
  text-align: center;
}
#bf-pro-footer-ko .pt-3 {
  padding-top: 0.75rem;
}
#bf-pro-footer-ko .border-t {
  border-top-width: 1px;
  border-top-style: solid;
}
#bf-pro-footer-ko .border-navy-800 {
  border-color: #1e293b;
}

/* ─── EN/JA/ZH interim (대시보드 확장 전) ─── */
.b-site-ftr {
  background: #0a0f1e;
  border-top: 1px solid #1e293b;
  margin-top: 2rem;
}
.b-site-ftr__inner {
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 1rem;
}
@media (min-width: 640px) {
  .b-site-ftr__inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.b-site-ftr__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 640px) {
  .b-site-ftr__row {
    flex-direction: row;
  }
}
.b-site-ftr__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #64748b;
}
@media (min-width: 640px) {
  .b-site-ftr__links--start {
    justify-content: flex-start;
  }
  .b-site-ftr__links--end {
    justify-content: flex-end;
  }
}
.b-site-ftr__links a {
  color: #64748b;
  text-decoration: none;
  transition: color 0.15s ease;
}
.b-site-ftr__links a:hover {
  color: #fbbf24;
}
.b-site-ftr__pipe {
  color: #334155;
}
.b-site-ftr__middot {
  color: #334155;
}
.b-site-ftr__copy {
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #475569;
  padding-top: 0.75rem;
  border-top: 1px solid #1e293b;
}

/* ─── Site B 통합 푸터: 다크 + PRO 밴드 + 9링크 (Tailwind 없이 동작) ─── */
.b-site-footer-unified {
  background-color: #0a0f1e;
  border-top: 1px solid #1e293b;
  margin-top: 2rem;
  color: #94a3b8;
  box-sizing: border-box;
}
.b-site-footer-unified *,
.b-site-footer-unified *::before,
.b-site-footer-unified *::after {
  box-sizing: border-box;
}
.b-site-footer-unified__inner {
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 1rem 1.75rem;
}
@media (min-width: 640px) {
  .b-site-footer-unified__inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.b-site-footer-unified__band {
  padding-bottom: 1.25rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #1e293b;
}
.b-site-footer-unified__brandrow {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
}
@media (min-width: 640px) {
  .b-site-footer-unified__brandrow {
    flex-direction: row;
    align-items: flex-start;
  }
}
.b-site-footer-unified__title {
  font-size: 1rem;
  font-weight: 700;
  color: #e2e8f0;
  line-height: 1.35;
  margin-bottom: 0.35rem;
}
.b-site-footer-unified__pro {
  color: #c4b5fd;
  font-weight: 700;
}
.b-site-footer-unified__disc {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.55;
  color: #94a3b8;
  max-width: 42rem;
}
.b-site-footer-unified__linksrow {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 1rem;
}
@media (min-width: 640px) {
  .b-site-footer-unified__linksrow {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }
}
.b-site-footer-unified__links-left,
.b-site-footer-unified__links-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.35rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.b-site-footer-unified__links-left {
  justify-content: flex-start;
}
.b-site-footer-unified__links-right {
  justify-content: flex-start;
}
@media (min-width: 640px) {
  .b-site-footer-unified__links-right {
    justify-content: flex-end;
    margin-left: auto;
  }
}
.b-site-footer-unified__links-left a,
.b-site-footer-unified__links-right a {
  color: #94a3b8;
  text-decoration: none;
  transition: color 0.15s ease;
}
.b-site-footer-unified__links-left a:hover,
.b-site-footer-unified__links-right a:hover {
  color: #fbbf24;
}
.b-site-footer-unified__sep {
  color: #334155;
  user-select: none;
}
.b-site-footer-unified__dot {
  color: #334155;
  user-select: none;
}
.b-site-footer-unified__bottom {
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.55;
  color: #64748b;
  padding-top: 0.85rem;
  border-top: 1px solid #1e293b;
}