/**
 * Turbo Native 전용 스타일
 * 네이티브 앱 환경에서만 적용됩니다
 */

/* 네이티브 앱에서 숨길 요소들 */
html.turbo-native .web-only {
  display: none !important;
}

/* 네이티브 앱에서만 보일 요소들 */
.native-only {
  display: none !important;
}

html.turbo-native .native-only {
  display: block !important;
}

/* Safe Area 지원 (노치 등) */
html.turbo-native body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* iOS에서 탭 하이라이트 제거 */
html.turbo-native-ios {
  -webkit-tap-highlight-color: transparent;
}

/* iOS에서 선택 방지 (필요한 곳에만) */
html.turbo-native-ios .no-select {
  -webkit-user-select: none;
  user-select: none;
}

/* Android에서 overscroll 효과 조정 */
html.turbo-native-android {
  overscroll-behavior: none;
}

/* 네이티브 앱에서 스크롤바 숨기기 */
html.turbo-native ::-webkit-scrollbar {
  display: none;
}

html.turbo-native {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Pull-to-refresh 비활성화 (필요한 페이지에서) */
html.turbo-native .no-pull-refresh {
  overscroll-behavior-y: contain;
}

/* 네이티브 앱에서 버튼 스타일 조정 */
html.turbo-native button,
html.turbo-native .btn {
  cursor: default;
  -webkit-touch-callout: none;
}

/* 네이티브 앱에서 링크 스타일 조정 */
html.turbo-native a {
  -webkit-touch-callout: none;
}

/* 네이티브 앱에서 이미지 드래그 방지 */
html.turbo-native img {
  -webkit-user-drag: none;
  user-select: none;
}