/*
 * 옛 화면 다리 — 새 공통 틀(디자인 D1)을 옛 본문(data-ui="v1", Tabler·style·theme·layout.css) 위에 얹을 때만 필요한 규칙
 * 새 틀이 켜진 옛 화면(body.ft-shell)에서만 부르고, 페이지를 새 화면(v2)으로 바꾸면 해당 규칙을 지운다 — D10 정리 때 파일째 삭제
 * 옛 클래스(.bottom_sheet_box·.board_ad_google·.footerIcon·.event_popup)를 여기서만 건드린다
 */

/* 틀 폭을 옛 본문(.container-xl)에 맞춘다 — 로고·하위 메뉴 왼쪽 끝이 본문 카드와 같은 선 (옛: 패딩 8~16px, ≥1200 1140px, ≥1400 1310px — style.css) */
:root[data-ui="v1"] { --ft-gutter: 16px; --ft-content-max: none; }
@media (min-width: 1200px) { :root[data-ui="v1"] { --ft-content-max: 1140px; } }
@media (min-width: 1400px) { :root[data-ui="v1"] { --ft-content-max: 1310px; } }

/* 옛 .page 최소 높이 500px(style.css)는 옛 헤더(63px)를 포함한 값 — 새 틀은 TopBar가 .page 밖이라 본문 자리를 예전과 같게
   (짧은 페이지·로그인의 가운데 정렬 위치가 그대로). 모바일(≤768)은 layout.css가 min-height:auto */
@media (min-width: 769px) {
  body.ft-shell .page { min-height: calc(500px - 63px); }
}

/* 지도(모바일 ≤768, layout.css): 판매점 목록 시트(.bottom_sheet_box, 화면 아래 고정)를 하단 탭바 위로 */
@media (max-width: 768px) {
  /* body. 접두사 — layout.css의 .bottom_sheet_box .contents:not(.not-selectable){bottom:0}(같은 우선순위, 뒤에 로드)보다 강하게 */
  body.ft-shell .bottom_sheet_box .contents { bottom: calc(var(--ft-bottomnav-h) + env(safe-area-inset-bottom)); }
  /* 옛: .page(옛 헤더 포함) 높이 = 화면 − 50px. 새 틀은 TopBar가 .page 밖이라 그만큼 빼야 문서가 화면 높이를 넘지 않는다 */
  body.ft-shell .page:has(> .map_wrap) { height: calc(100% - 50px - var(--ft-topbar-h) - 1px); }
}

/* 광고 자리 높이 예약 (CLS 방지, §4.12) — 광고 단위의 개수·위치·종류는 그대로(운영자 결정 §7-6)
   게시글 본문 아래 in-article(fluid) 광고: 높이 0에서 광고가 오면 아래 내용이 밀렸다 → 300×250 자리를 미리 잡는다.
   사이드 광고(.aside_ad_google)는 이미 인라인 height 235px로 예약돼 있다 */
.ft-shell .board_ad_google ins.adsbygoogle { min-height: 250px; }

/* 이벤트 팝업(z-index 101)이 고정 TopBar·하단 탭바(--ft-z-nav) 아래로 깔리지 않게 */
.ft-shell .event_popup { z-index: var(--ft-z-dialog); }

/* 푸터 SNS 아이콘 — 아이콘 그림은 style.css의 .footerIcon.{이름} .icon 배경을 그대로 쓴다 (44×44 터치 영역) */
.ft-footer__sns .footerIcon .icon {
  display: block; width: 24px; height: 24px; border-radius: 50%;
  background-position: center; background-repeat: no-repeat; background-size: contain;
}