/* ============================================================
   그누보드/영카트 공용 유틸 클래스 보정 (2026-09-03)

   §20-2 대원칙 1 로 default.css / default_shop.css 를 로드하지 않기 때문에,
   코어와 기본 스킨이 당연히 있다고 가정하는 **유틸 클래스가 통째로 사라진다.**
   그 결과 화면에 이런 것이 그대로 새어나온다.
     · "팝업레이어 알림"  (newwin.inc.php 의 <h2 class="sound_only">)
     · "본문 바로가기"    (#skip_to_container)
     · 각종 <legend>, 스크린리더 전용 라벨

   시안 디자인을 건드리지 않고 이 누락분만 메운다.
   ⚠ 여기에는 **화면에 보이는 스타일을 쓰지 않는다.** 접근성·숨김 처리만 담당한다.
      보이는 스타일은 전부 시안 CSS(common/sub/product/order/mypage)가 정한다.
   ============================================================ */

/* 스크린리더 전용 — 그누보드 전역에서 가장 많이 쓰이는 클래스
   ⚠ 5.6.35 의 newwin.inc.php 는 "팝업레이어 알림" 제목에 **클래스를 주지 않는다**(<h2> 맨몸).
      그래서 클래스가 아니라 위치(#hd_pop 안의 제목)로도 잡아준다. */
.sound_only,
.msg_sound_only,
legend,
caption.sound_only,
#hd_pop > h1,
#hd_pop > h2,
#hd_pop > h3 {
    position: absolute !important;
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* 본문 바로가기 링크 — 평소 숨김, 키보드 포커스 때만 노출 */
#skip_to_container a {
    position: absolute;
    left: 0; top: -1px;
    width: 1px; height: 1px;
    overflow: hidden;
}
#skip_to_container a:focus,
#skip_to_container a:active {
    width: auto; height: auto;
    padding: 10px 16px;
    background: var(--cur, #9b1e24);
    color: #fff;
    z-index: 1000;
}

/* 팝업레이어(newwin) — 시안에는 없는 요소. 레이아웃을 밀지 않도록 격리 */
#hd_pop { position: relative; z-index: 1000; }
#hd_pop:empty { display: none; }

/* 그누보드가 자동 출력하는 로그인 안내 줄 — 시안 헤더 배지로 대체했으므로 숨긴다 */
#hd_login_msg { display: none; }