/* ============================================
   ads-layout.css — AdMob 배너 점유 영역 보정
   - body.nf-ad-banner 는 ads.js 가 배너 표시/숨김에 맞춰 토글
   - 배너가 없을 때는 어떤 스타일도 적용되지 않음
   - 배너(네이티브 뷰)는 탭바 위에 겹쳐 그려지므로
     스크롤 컨테이너 하단에 배너 높이만큼 여백을 추가한다
   ============================================ */

:root {
  --nf-ad-banner-h: 60px;
}

body.nf-ad-banner .contacts-screen,
body.nf-ad-banner .intro-screen,
body.nf-ad-banner .characters-screen,
body.nf-ad-banner .content-screen,
body.nf-ad-banner .myinfo-screen {
  padding-bottom: calc(var(--nf-ad-banner-h) + 24px) !important;
  scroll-padding-bottom: var(--nf-ad-banner-h);
}

/* 통화 중에는 배너를 노출하지 않으므로 보정 해제 */
body.in-call.nf-ad-banner .contacts-screen {
  padding-bottom: 24px !important;
}