/* KG-APP-BASE v1.0 공통 장치 — 표준 색·최소 크기·위/아래 막대·설정창·고객센터. 2026-10-16 */
:root{
  --kg-navy:#0D1B3E; --kg-gold:#C9923A; --kg-cream:#FBF1E3; --kg-crimson:#C8102E;
}
/* 표준 색으로 덮어쓰기 — 네이비·골드·크림·크림슨 4색만(주문상태 칩도 포함) */
:root{
  --primary:#0D1B3E; --accent:#C9923A; --warn:#C8102E; --warnbg:#FBEAE9;
  --ok:#0D1B3E; --okbg:#FBF1E3; --cook:#C9923A; --cookbg:#FBF1E3;
}
/* 최소 글씨·버튼 크기 강제(13px 미만 글씨, 44px 미만 버튼 금지) */
body,.small,.muted,.cap,small{font-size:max(16px,1em)!important}
.tag,.langs button,.chip{font-size:max(15.5px,1em)!important}
button,.btn,a.btn{min-height:48px!important}

/* 위 막대 — 홈·설정·언어 */
.kg-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;
  background:var(--kg-navy);color:#fff;padding:8px 10px;min-height:48px}
.kg-topbar button{background:transparent;border:0;color:#fff;min-height:48px;min-width:48px;
  display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:10px}
.kg-topbar button:active{background:rgba(255,255,255,.15)}
.kg-topbar .kg-sp{flex:1}
.kg-topbar .kg-lang{font-size:15px;font-weight:700;background:rgba(255,255,255,.12);
  padding:0 10px;border-radius:999px;min-height:40px}

/* 설정 패널 */
.kg-sheet-bg{position:fixed;inset:0;background:rgba(13,27,62,.45);z-index:98;display:none}
.kg-sheet-bg.on{display:block}
.kg-sheet{position:fixed;left:0;right:0;bottom:0;z-index:99;background:#fff;color:var(--kg-navy);
  border-radius:16px 16px 0 0;padding:16px;max-height:82vh;overflow:auto;
  box-shadow:0 -8px 28px rgba(0,0,0,.3);transform:translateY(100%);transition:transform .22s}
.kg-sheet-bg.on .kg-sheet{transform:translateY(0)}
.kg-sheet h3{margin:0 0 10px;font-size:18px;color:var(--kg-navy)}
.kg-row{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;
  border-bottom:1px solid #eee;font-size:16px;min-height:48px}
.kg-row button{min-height:48px;min-width:48px;padding:0 14px;border-radius:999px;border:1px solid var(--kg-navy);
  background:#fff;color:var(--kg-navy);font-weight:700;font-size:15px}
.kg-row button.on{background:var(--kg-navy);color:#fff}
.kg-close{display:block;width:100%;margin-top:14px;min-height:48px;border-radius:12px;border:0;
  background:var(--kg-cream);color:var(--kg-navy);font-weight:700;font-size:16px}

/* 고객센터 모달 */
.kg-cs-step{font-size:16px}
.kg-cs-step textarea{width:100%;min-height:70px;border:1px solid #ddd;border-radius:10px;
  padding:10px;font-size:16px;margin-top:8px}
.kg-cs-kinds button{display:block;width:100%;text-align:left;margin:6px 0;min-height:48px;
  padding:0 14px;border-radius:10px;border:1px solid #ddd;background:#fff;font-size:16px}
.kg-cs-send{width:100%;margin-top:10px;min-height:48px;border-radius:10px;border:0;
  background:var(--kg-gold);color:#fff;font-weight:700;font-size:16px}
.kg-cs-foot{display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center;font-size:16px;color:#55607A;padding:10px 0;text-decoration:underline}
.kg-update{position:fixed;left:10px;right:10px;bottom:80px;z-index:40;background:var(--kg-navy);
  color:#fff;border-radius:12px;padding:10px 14px;font-size:15px;display:flex;gap:10px;align-items:center}
.kg-update button{background:var(--kg-gold);color:#fff;border:0;border-radius:8px;min-height:40px;
  padding:0 12px;font-weight:700}
@media print{ .kg-topbar,.kg-sheet-bg,.kg-update{display:none!important} }
/* start.html «사장님께 좋은 점 10가지 보기» 글자 링크 — 탭 높이 48px 보장 */
#why{display:inline-flex;align-items:center;min-height:48px}
/* staff.html 주문카드 안 손님 전화번호(tel:) 글자 링크 — 탭 높이 48px 보장 */
.who a{display:inline-flex;align-items:center;min-height:48px}
/* 흰 글씨+골드 배경 버튼은 대비 2.74:1 로 WCAG AA 미달(09_COS KG-APP-WORLD 실측) — 글자를 네이비로 */
.btn[style*="accent"]{color:#0D1B3E!important}
