/* layout-footer.css — 하단 푸터 전용
   footer.php 와 짝. */

/* Shared footer shell: every customer-facing page uses the same spacing and hierarchy. */

.footer{
  background:#13202F;
  color:#EAF0F3;
}

.footer .footer-top{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
  padding:32px 0 24px;
  border-bottom:0;
}

.footer .footer-brand{
  max-width:none;
}

.footer .footer-brand img{
  display:block;
  width:auto;
  height:30px;
  max-width:150px;
  object-fit:contain;
  object-position:left center;
  box-sizing:content-box;
  padding:8px 12px;
  border-radius:8px;
  background:#fff;
  margin:0;
}

.footer .footer-highlight,
.footer .footer-account,
.footer .footer-desc,
.footer .footer-text{
  color:#C5D0D7;
}

.footer .footer-highlight{
  margin:16px 0 0;
  font-weight:800;
}

.footer .kakao-id{
  color:#8ED6C2;
  font-weight:900;
}

.footer .footer-account{
  margin:8px 0 0;
  font-weight:700;
}

.footer .footer-desc{
  max-width:620px;
  margin:12px 0 0;
  color:#C5D0D7;
  font-size:14px;
  font-weight:400;
  line-height:1.7;
}

.footer .footer-cols{
  display:grid;
  grid-template-columns:minmax(200px, 1.2fr) 1fr 1fr;
  gap:16px;
  min-width:0;
}

.footer .footer-title{
  margin:0 0 12px;
  color:#fff;
  font-weight:800;
}

.footer .footer-link,
.footer .footer-text{
  display:block;
  margin:0;
  padding:0;
  color:#C5D0D7;
  font-size:14px;
  font-weight:400;
  line-height:1.8;
}

.footer .footer-link:hover{
  color:#fff;
  text-decoration:none;
}

.footer .footer-bottom{
  padding:16px 0 24px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#9FB0BB;
  font-size:13px;
}
/* ── Contact 전화번호 강조 ── */
.footer-tel{
  margin:6px 0 8px;
  font-size:22px;
  font-weight:900;
  color:#ffcc00;
  letter-spacing:.3px;
}

/* ── 사업자정보 + 카피라이트 가운데 정렬 ── */
.footer-biz{
  justify-content:center;   /* flex 컨테이너라 이 한 줄로 가운데 */
  text-align:center;
}
.footer-bottom{
  text-align:center;
}
@media (max-width: 980px){
  .footer .footer-top,
    .footer .footer-cols{
      grid-template-columns:1fr;
    }
}

/* ── 사업자정보 줄 ──
   span 단위로 끊어서 모바일에서 자연 줄바꿈 */
.footer-biz{
  padding:16px 0 0;
  border-top:1px solid rgba(255,255,255,.08);
  font-size:13px;
  color:rgba(255,255,255,.55);
  display:flex;
  flex-wrap:wrap;
  gap:4px 0;
}
/* 항목 사이 구분자 — 마크업에 | 하드코딩 안 하고 CSS 로 */
.footer-biz span + span::before{
  content:"|";
  margin:0 10px;
  color:rgba(255,255,255,.25);
}

.footer-certs { display: flex; gap: 6px; margin-top: 8px; }