/* =============================================
   InsureCBT 모바일 깨짐 글로벌 수정
   - 이 파일 하나로 전 페이지 모바일 대응
   - 페이지별 CSS override 금지
   ============================================= */

/* 1. 한국어 글자단위 세로쌓임 방지 */
html, body, * {
  word-break: keep-all;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}

/* 2. flex/grid 자식이 부모 넘어 터지는 것 방지 */
* {
  min-width: 0;
  box-sizing: border-box;
}

/* 3. 가로 스크롤 원천 차단 */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* 4. iOS 노치/홈바 safe area */
:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* 5. input 16px 미만이면 iOS가 자동 줌 — 방지 */
input, select, textarea {
  font-size: 16px;
  max-width: 100%;
}

/* 6. 모바일 터치 타겟 최소 44px */
@media (max-width: 767px) {
  input, select, textarea, button {
    min-height: 44px;
  }

  /* 테이블 모바일 오버플로 처리 */
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  /* 이미지 넘침 방지 */
  img {
    max-width: 100%;
    height: auto;
  }
}

/* 7. 배지/라벨류 줄바꿈 금지 */
.badge, .tag, .label, .chip,
[class*="badge"], [class*="tag"], [class*="label"] {
  white-space: nowrap;
}

/* 8. 100vw 사용 시 스크롤바 너비 문제 방지 */
.full-width {
  width: 100%;
  max-width: 100vw;
}