/* K-치킨벨트 공통 스타일 — Figma 토큰 정본 (index·sigun 공유 SSOT) */
:root{
  --ls:-0.01em; --ls-tight:-0.03em; --lh:1.2; --lh-body:1.45; --fw-b:700; --fw-s:600;
  --or:#F36F21; --or2:#FF8A3D; --ink:#222; --gy:#767676; --ln:#e8e8e8; --cy:#BDEDF5; --bg:#fff;
}
/* 전역 reset·base — .kcb 루트로 한정 (embed 시 외부 페이지와 상호 침투 차단) */
.kcb{letter-spacing:-0.01em;font-family:Pretendard,sans-serif;color:var(--ink);background:var(--bg);margin:0;padding:0;}

/* === 웹접근성: div→button 전환 요소 UA 스타일 리셋 === */
/* 전체: UA appearance만 제거 (border/bg는 각 CSS에서 관리) */
.kcb button.mhs,.kcb button.reg-h,.kcb button.sg,.kcb button.kc,
.kcb button.chip,.kcb button.pc,.kcb button.dot,
.kcb button.hs,.kcb button.cd,.kcb button.detbtn,.kcb button.addbtn,
.kcb button.rm,.kcb button.fab,.kcb button.x,.kcb button.mx{
  -webkit-appearance:none;appearance:none;cursor:pointer;
}
/* 시각 스타일 없는 버튼(핀·닫기·아코디언헤더)만 border/background 리셋 */
.kcb button.mhs,.kcb button.hs,.kcb button.mx,.kcb button.x,.kcb button.rm,.kcb button.reg-h,.kcb button.detbtn{
  background:none;border:none;
}

/* span→button 전환 — inline-block으로 자연폭 유지 */
.kcb button.detbtn,.kcb button.addbtn{
  display:inline-block;width:auto;
}
/* === 웹접근성: 키보드 초점 표시 (WCAG 2.4.7) === */
.kcb :focus-visible{outline:3px solid var(--or);outline-offset:2px;border-radius:3px}
.kcb button:focus-visible,.kcb a:focus-visible{outline:3px solid var(--or);outline-offset:2px}
/* 스크린리더 전용 텍스트 */
.kcb .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.kcb *{margin:0;padding:0;box-sizing:border-box}
.kcb a{color:inherit;text-decoration:none}
/* Figma 표준 — 칩·카드 자간 -3%, 본문 행간 1.45 (토큰 실연결) */
.chip{letter-spacing:var(--ls-tight)}
.kc{letter-spacing:var(--ls-tight)}

/* embed: K-치킨벨트 배너·히어로(전국30개)도 숨겨 지도(캡쳐화면)부터 시작 */
/* embed: 상단 여백 제거 (배너 사라진 만큼) */

/* ===== 임베드 모드 (?embed=1): 한식진흥원 외피만 숨김 ===== */
/* 자름: GNB·로그인·subnav(상단 header) + 업무담당자·만족도·약관·법인(하단 footer) */
/* 유지: K-치킨벨트 배너·히어로·지도·본문 (콘텐츠) */
html._pe .kfx header{display:none!important}
html._pe .kfx footer{display:none!important}
html._pe,html._pe body{background:#fff}

/* ===== 임베드 모드 (?embed=2): 지도+콘텐츠만 — 상단·하단 완전 제거 ===== */
/* 자름: header + footer + 배너(visual) + 히어로(hero) + 업무담당자 + 만족도 + 약관 */
/* 유지: 지도 섹션 + 권역 목록 */
html._pe2 .kfx header{display:none!important}
html._pe2 .kfx footer{display:none!important}
html._pe2 .visual,html._pe2 .vslider,html._pe2 .visual-banner,html._pe2 [class*="banner"]{display:none!important}
html._pe2 .hero,html._pe2 .hero-wrap,html._pe2 .kfx>.wrap:first-of-type h2,html._pe2 .intro{display:none!important}
html._pe2 .mapband{margin-top:0!important}
html._pe2,html._pe2 body{background:#fff}

@media(max-width:980px) {
  .kcb {
    margin:0 16px;
  }
}