/* ===== 바로냄 모바일 iOS 공통 스킨 (여울) ===== */
:root{
  --ios-bg:#f2f2f7; --ios-card:#ffffff; --ios-accent:#007aff;
  --ios-text:#1c1c1e; --ios-sub:#8e8e93; --ios-line:#e5e5ea;
}
html,body{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body, .wrap{ background:var(--ios-bg) !important; }

/* ---- 상단 네비게이션 바: 네이비 -> iOS 화이트 글래스 ---- */
.menu-top-breadcrumb{
  background:rgba(249,249,249,.92) !important;
  color:var(--ios-text) !important;
  border-bottom:0.5px solid rgba(0,0,0,.12);
  box-shadow:none !important;
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  font-size:17px !important; font-weight:600 !important;
  height:calc(60px + env(safe-area-inset-top)) !important;
  padding-top:env(safe-area-inset-top) !important;
}
.menu-top-breadcrumb .breadcrumb-center{ color:var(--ios-text) !important; letter-spacing:-.3px; }
.menu-top-breadcrumb .breadcrumb-left,
.menu-top-breadcrumb .breadcrumb-left *{ color:var(--ios-accent) !important; }
.menu-top-breadcrumb .breadcrumb-right a{ color:var(--ios-accent) !important; font-weight:400 !important; }
.menu-top-blank{ height:calc(60px + env(safe-area-inset-top)) !important; }

/* ---- 하단 탭바: iOS 글래스 ---- */
.menu-bottom{
  background:rgba(249,249,249,.94) !important;
  border-top:0.5px solid rgba(0,0,0,.1);
  box-shadow:none !important;
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  height:calc(52px + env(safe-area-inset-bottom)) !important;
  padding-bottom:env(safe-area-inset-bottom) !important;
  align-items:flex-start !important;
}
.menu-bottom ul li a{ width:64px !important; padding-top:6px; }
.menu-bottom ul li img{ width:25px !important; height:25px !important; }
.menu-bottom ul li span{ font-size:10px !important; color:var(--ios-sub) !important; margin-top:2px; }
.menu-bottom ul li.active span{ color:var(--ios-accent) !important; }
.menu-bottom-blank{ height:calc(64px + env(safe-area-inset-bottom)) !important; }

/* ---- 공통 카드/버튼/입력 둥글게 ---- */
.btn{ border-radius:10px !important; }
input[type=text],input[type=number],input[type=password],input[type=date],
select,textarea{ border-radius:10px !important; }

/* ---- 홈(계약현장) 목록: 구분선 -> 흰 카드 ---- */
.mobile-continer{ padding:12px 12px 0 !important; }
.mobile-continer .contract-row{
  background:var(--ios-card) !important;
  border-radius:14px !important;
  box-shadow:0 1px 3px rgba(0,0,0,.06) !important;
  padding:14px 16px !important;
  margin-bottom:10px !important;
}
.mobile-continer .contract-row + .contract-row{ border-top:none !important; padding-top:14px !important; }
.mobile-continer .contract-header .main-title{ font-size:16px !important; letter-spacing:-.3px; }
.mobile-continer .contract-header .sub-title{ color:var(--ios-sub) !important; font-weight:500 !important; }
.mobile-continer .contract-body ul li a.btn-base{ border-radius:100px !important; }
.mobile-continer .contract-body ul li a.btn-blue{ color:var(--ios-accent) !important; background:rgba(0,122,255,.1) !important; }

/* ---- 하단 탭 아이콘(Font Awesome) ---- */
.menu-bottom ul li a i{ font-size:20px; color:var(--ios-sub); margin-bottom:3px; line-height:1; }
.menu-bottom ul li.active a i{ color:var(--ios-accent) !important; }
.menu-bottom ul li.active a span{ font-weight:600; }

/* tab-icon-state: 컬러 아이콘 활성/비활성 */
.menu-bottom ul li img{ width:26px !important; height:26px !important; opacity:.45; transition:opacity .15s ease; }
.menu-bottom ul li.active img{ opacity:1; }

/* ===== [2026-06-18] iOS 터치 반응 개선: 더블탭 방지 + 깜빡임 완화 ===== */
/* 페이지 로드 사이 흰 깜빡임 완화: html 배경도 동일색 지정 */
html{ background:var(--ios-bg) !important; }

/* iOS WKWebView 더블탭 버그 방지:
   hover 스타일이 있는 클릭요소는 cursor:pointer가 없으면 '첫 탭=hover, 둘째 탭=클릭'으로 동작함.
   클릭 가능한 모든 요소에 cursor:pointer + touch-action:manipulation 부여 → 첫 탭에 즉시 반응 */
a, button, .btn, [onclick], [role="button"], [data-bs-toggle], [data-toggle],
input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"],
input[type="radio"], label, select, summary,
.menu-bottom li, .menu-bottom li a, .menu-top-breadcrumb a,
.contract-row, .mobile-continer .contract-body ul li a{
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* 아이콘/글자가 탭을 가로채 첫 터치가 무시되는 현상 방지 → 부모 a/버튼이 탭을 받게 */
.menu-bottom ul li a img, .menu-bottom ul li a span, .menu-bottom ul li a i{ pointer-events:none; }