/* 로고 + 사이트 공통 푸터 스타일.
   세 페이지(랜딩·견적기·A/S)가 다 불러 쓴다. 견적기는 자기 토큰 체계를 따로 갖고 있으므로
   여기서는 var()에 폴백 값을 붙여 base.css 없이도 그대로 서게 만든다. */

.brandmark{display:flex;align-items:center;gap:.55rem;}
/* 워드마크는 index.html 에 인라인된 <symbol id="logo-skb"> 를 <use> 로 불러 쓴다.
   2026-08-20 오너 지급 원본(스마일키즈버스2.ai)으로 교체했다. 노란 글자 + 회색 그림자 2벌이고
   색이 아트워크에 박혀 있어(#ebe112 / #515151) 여기서 color 로는 못 바꾼다 — 예전 currentColor 판이 아니다.
   가로세로가 6.87:1로 길어 height 고정 + width:auto, aspect-ratio 를 명시해 자리가 흔들리지 않게 한다. */
.brandmark svg{display:block;height:1.625rem;width:auto;aspect-ratio:590.4884/85.9214;}
/* 상단바에서는 전화번호와 가로를 나눠 쓴다 — 좁은 화면에서 로고가 먼저 양보한다 */
.topbar .brandmark svg{height:clamp(1.05rem,3.6vw,1.5rem);}

.sitefoot{
  background:var(--paper,#F5F5F7);
  border-top:1px solid var(--line,#D2D2D7);
  /* --foot-clear : 화면 아래에 고정 바가 있는 페이지(견적기의 가격바)가 자기 높이를 알려 준다.
     그래야 푸터 마지막 줄이 바 뒤로 숨지 않는다. */
  padding:1.75rem clamp(1.25rem,5vw,4rem) calc(2rem + var(--foot-clear,0px));
  font-size:0.8125rem;
  line-height:1.7;
  color:var(--muted,#86868B);
  letter-spacing:0;
}
.sitefoot .row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;}
.sitefoot .row+.row{margin-top:.9rem;}
.sitefoot a{color:inherit;text-decoration:none;}
.sitefoot .legal a{
  font-weight:600;color:var(--text,#1D1D1F);
  transition:color .18s cubic-bezier(.32,.72,0,1);
}
@media (hover:hover) and (pointer:fine){
  .sitefoot .legal a:hover{color:var(--bus-ink,#7A7100);}
}
.sitefoot .sep{color:var(--line,#D2D2D7);margin:0 .25rem;}
/* 고객센터는 검정(오너 지시 2026-08-20). 노랑은 밝은 지면에서 대비 1.38이라 사실상 안 읽혔다. */
.sitefoot .tel{font-weight:600;color:var(--text,#1D1D1F);}
.sitefoot .fine{color:var(--muted,#86868B);}

/* 견적서를 인쇄할 때 회사 푸터가 따라 나오지 않게 — 인쇄물은 견적 4페이지만이다. */
@media print{
  .sitefoot{display:none!important;}
}