/* ═══════════════════════════════════════
   FOOTER BAR — footer-bar.css
   하단 고정 CTA 바 (전 구간 따라다님)
   · 핵심 CTA: 창업 문의하기 → #contact
   · 기존 플로팅(subsidy-float / floating-box) 흡수 — SNS 링크 이전
   · 모바일 최소 터치 44px (협업규칙③)
   · index.html 전용
═══════════════════════════════════════ */

.footer-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 5%;
  background: var(--white);
  border-top: 1px solid #eee;
}

/* SNS (카카오 / 인스타 / 블로그) */
.footer-bar__sns {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.footer-bar__sns-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  color: var(--black);
  text-decoration: none;
  transition:
    border-color var(--transition),
    background var(--transition);
}
.footer-bar__sns-btn:hover {
  border-color: var(--gold);
}

/* 핵심 CTA */
.footer-bar__cta {
  flex: 1;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gold);
  color: var(--black);
  font-weight: 900;
  font-size: 1rem;
  letter-spacing: 1px;
  text-decoration: none;
  border-radius: 8px;
  transition: background var(--transition);
}
.footer-bar__cta:hover {
  background: var(--gold-dark);
}

/* 본문이 고정바에 가리지 않도록 (index 전용 링크라 이 페이지에만 적용) */
body {
  padding-bottom: 72px;
}

@media (max-width: 640px) {
  .footer-bar {
    gap: 8px;
    padding: 8px 4%;
  }
  .footer-bar__cta {
    font-size: 0.95rem;
  }
}