@charset "UTF-8";
/* =============================================================
   /css/rent.css — 렌트 목록 · 상세 · 등록
   ============================================================= */

/* 요금 표시 (카드) */
.rent-price { font-size: var(--fs-18); font-weight: 800; color: var(--blue); }
.rent-price small { font-size: var(--fs-12); font-weight: 500; color: var(--g500); }

/* ---------- 예약 캘린더 ---------- */
.cal-wrap { border: 1px solid var(--g200); border-radius: var(--r-card); padding: var(--sp-3); margin: var(--sp-3) 0; }
.cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--sp-2); }
.cal-head .ym { font-size: var(--fs-16); font-weight: 700; }
.cal-head button {
    width: 34px; height: 34px; border: 1px solid var(--g300); border-radius: 10px;
    background: var(--white); font-size: 16px; color: var(--g700);
}
.cal-head button:disabled { color: var(--g300); }

.cal { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.cal .wd { text-align: center; font-size: var(--fs-12); color: var(--g400); padding: 6px 0; }
.cal .d {
    aspect-ratio: 1; display: flex; align-items: center; justify-content: center;
    font-size: var(--fs-14); border-radius: 10px; background: var(--white);
    border: 0; font-variant-numeric: tabular-nums; color: var(--g900);
}
.cal .d.other { color: var(--g300); }
.cal .d.dis { color: var(--g300); text-decoration: line-through; background: var(--g100); }
.cal .d.sel { background: var(--blue); color: var(--white); font-weight: 700; }
.cal .d.range { background: var(--blue-tint); color: var(--blue); }
.cal .d.today { border: 1px solid var(--blue); }

/* 보험 선택 */
.ins-opts { display: flex; gap: var(--sp-2); margin: var(--sp-3) 0; }
.ins-opts label {
    flex: 1; border: 1px solid var(--g300); border-radius: var(--r-btn);
    padding: 12px; font-size: var(--fs-13); display: block;
}
.ins-opts label.on { border-color: var(--blue); background: var(--blue-tint); }
.ins-opts input { margin-right: 6px; }
.ins-opts b { display: block; font-size: var(--fs-14); margin-bottom: 2px; }

/* 예약 요약 */
.book-sum { background: var(--g100); border-radius: var(--r-card); padding: var(--sp-4); margin: var(--sp-3) 0; font-size: var(--fs-14); }
.book-sum p { display: flex; justify-content: space-between; padding: 3px 0; }
.book-sum .k { color: var(--g500); }
.book-sum .total { border-top: 1px solid var(--g300); margin-top: 8px; padding-top: 10px; font-weight: 800; font-size: var(--fs-16); }
.book-sum .total span:last-child { color: var(--orange); }

/* 요금표 (상세) */
.fee-tbl { width: 100%; border-collapse: collapse; font-size: var(--fs-14); border-top: 1px solid var(--g200); margin-bottom: var(--sp-2); }
.fee-tbl th { text-align: left; color: var(--g500); font-weight: 500; padding: 9px 0; border-bottom: 1px solid var(--g100); width: 110px; }
.fee-tbl td { padding: 9px 0; border-bottom: 1px solid var(--g100); font-variant-numeric: tabular-nums; }