/**
 * Sunny 테마 베이스 사이즈
 * 기본 10px (1rem = 10px)
 * 1280px 이하: 1280 기준 vw
 * 768px 이하: 768 기준 vw
 * 섹션/컴포넌트 스타일은 rem 단위 사용
 */

html {
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

@media (max-width: 1280px) {
  html {
    font-size: calc(10 / 1280 * 100vw);
  }
}

@media (max-width: 1024px) {
  html {
    font-size: calc(10 / 1024 * 100vw);
  }
}

@media (max-width: 768px) {
  html {
    font-size: calc(10 / 768 * 100vw);
  }
}

/* 접근성 전용 텍스트 — Tailwind CDN 없이도 숨김 */
.sr-only,
.sound_only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 팝업레이어 — default.css 미로드 시에도 빈 알림 문구가 노출되지 않도록 */
#hd_pop {
  position: relative;
  z-index: 1000;
  height: 0;
  overflow: visible;
}

#hd_pop h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.hd_pops {
  position: absolute;
  z-index: 1001;
}