/* ══════════════════════════════════════════════════
   종합부동산세 계산기 전용 (page-property-tax.php)
   ※ 계산기 공통 UI(calc-wrap/calc-card/form-input/result-card 등)는 income.css 재사용
   ※ 탭(.vc-tabs) · 입력그룹(.vc-group) · 체크(.vc-check) · 접기(.st-fold) 는 vatcalc.css 재사용
   ※ 이 파일은 '선택 카드(1세대1주택 여부 등)' 와 '주택 목록' 전용입니다.
══════════════════════════════════════════════════ */

/* ── 선택 카드 (1세대1주택 여부 · 법인 주택 수) ── */
.pt-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pt-opt{
  position:relative;display:flex;flex-direction:column;gap:2px;
  padding:13px 14px;border-radius:10px;
  border:1.5px solid var(--border-light);background:#fff;
  cursor:pointer;user-select:none;
  transition:border-color .15s,background .15s;
}
.pt-opt input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.pt-opt:hover{border-color:var(--primary);}
.pt-opt.is-checked{border-color:var(--primary);background:var(--primary-light);}
.pt-opt-name{font-size:13.5px;font-weight:700;color:var(--text-main);line-height:1.45;}
.pt-opt-sub{font-size:11.5px;font-weight:600;color:var(--text-light);line-height:1.5;}
.pt-opt.is-checked .pt-opt-sub{color:var(--primary);}

/* ── 그룹 제목 옆 보조 설명 ── */
.pt-g-sub{
  float:right;font-size:11.5px;font-weight:500;
  color:var(--text-light);letter-spacing:0;
}

/* ── 주택 목록 ── */
.pt-rows{display:flex;flex-direction:column;gap:8px;}
.pt-row{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) 104px 34px;
  align-items:end;gap:8px;
  padding:12px 12px 12px 10px;border-radius:10px;
  border:1.5px solid var(--border-light);background:#fff;
}
.pt-row-no{
  height:34px;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:var(--primary);
}
.pt-row-field{min-width:0;}
.pt-row-lbl{
  display:block;font-size:11.5px;font-weight:700;
  color:var(--text-light);margin-bottom:4px;
}
/* 계산기 공통 input 을 목록 크기에 맞게만 조정 */
.pt-row .form-input{height:38px;font-size:14px;padding:0 42px 0 12px;}
.pt-row .input-unit{font-size:12px;}
.pt-row-del{
  width:34px;height:38px;border-radius:9px;
  border:1.5px solid var(--border-light);background:#fff;
  color:var(--text-light);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .15s,color .15s,background .15s;
}
.pt-row-del svg{width:15px;height:15px;}
.pt-row-del:hover{border-color:#c46a6a;color:#c46a6a;background:#fdf6f6;}
.pt-row-del:disabled{opacity:.35;cursor:not-allowed;}
.pt-row-del:disabled:hover{border-color:var(--border-light);color:var(--text-light);background:#fff;}

/* 주택 추가 버튼 */
.pt-add{
  width:100%;margin-top:8px;padding:11px 12px;border-radius:10px;
  border:1.5px dashed var(--border-card);background:#fff;
  color:var(--primary);font-family:inherit;font-size:13px;font-weight:700;
  display:flex;align-items:center;justify-content:center;gap:6px;
  cursor:pointer;transition:border-color .15s,background .15s;
}
.pt-add svg{width:16px;height:16px;}
.pt-add:hover{border-color:var(--primary);background:var(--primary-light);}
.pt-add:disabled{opacity:.45;cursor:not-allowed;}
.pt-add:disabled:hover{border-color:var(--border-card);background:#fff;}

/* 공시가격 합계 */
.pt-sum{
  margin-top:12px;padding:13px 16px;border-radius:10px;
  background:var(--primary-light);border:1px solid var(--border-card);
  display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;
}
.pt-sum-label{font-size:12.5px;font-weight:700;color:var(--text-sub);}
.pt-sum-val{margin-left:auto;font-size:13px;color:var(--text-sub);white-space:nowrap;}
.pt-sum-val strong{font-size:16px;font-weight:800;color:var(--primary-dark);letter-spacing:-.3px;}
.pt-sum-sub{flex:0 0 100%;font-size:11.5px;color:var(--text-light);}

/* ── 결과: 세율 구간 표시 ── */
.pt-brackets{
  margin-top:2px;font-size:11.5px;color:var(--text-light);line-height:1.6;
}

/* ── 반응형 ── */
@media(max-width:768px){
  .pt-choice{grid-template-columns:1fr;}
  .pt-row{grid-template-columns:22px minmax(0,1fr) 88px 32px;gap:6px;padding:11px 10px 11px 8px;}
  .pt-row .form-input{height:36px;font-size:13.5px;padding:0 36px 0 10px;}
  .pt-row-del{width:32px;height:36px;}
  .pt-g-sub{float:none;display:block;margin-top:3px;}
  .pt-sum-val{margin-left:0;}
  /* .form-row 는 모바일에서 1열·gap 0 이 되므로 두 칸 사이 간격을 살립니다 */
  .pt-date-row .form-group:first-child{margin-bottom:16px !important;}
}