/* Ductless Mini-Split Size & Zone Calculator — refconhvac.com/mini-split-calculator/
   Reuses btu-calc.v7.css for base styles (.btu-calc, .card, .seg, .results, .btu-sticky, .faq, .ref-table, .disclaimer, .callout-tonnage).
   This file adds only what's NEW for multi-room sizing:
   - .zone-list         : flex column wrapper holding all room cards
   - .zone-card         : individual room entry (header with label + remove button, body with area slider + sun dropdown + handler size output)
   - .zone-add-row      : the row of [ + Add Room ] buttons below the list
   - .zone-handler-out  : recommended indoor handler badge (e.g. "12,000 BTU")
   - .zone-summary      : per-room list shown inside .results — clean breakdown
   - .condenser-recap   : recommended outdoor condenser size highlight in results
   - .zone-single-info  : single-room helper card explaining single-zone vs multi-zone
   - Sticky-footer override for this page
   - Mobile (<640px) stacking
   v1.0: 2026-07-21.
*/

/* ---------- Zone list (dynamic room builder) ---------- */
.btu-calc .zone-list{display:flex;flex-direction:column;gap:12px}
.btu-calc .zone-card{background:#fff;border:2px solid var(--c-line);border-radius:14px;padding:14px;position:relative;transition:border-color .15s,box-shadow .15s}
.btu-calc .zone-card:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(14,165,233,.12)}
.btu-calc .zone-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.btu-calc .zone-card-head .zone-num{width:30px;height:30px;background:var(--c-primary);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0}
.btu-calc .zone-card-head .zone-name{flex:1;min-width:0}
.btu-calc .zone-card-head .zone-name input[type=text]{width:100%;padding:8px 10px;font-size:.95rem;font-weight:600;border:1.5px solid var(--c-line);border-radius:8px;background:#fff;color:var(--c-ink);min-height:40px}
.btu-calc .zone-card-head .zone-name input[type=text]:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.btu-calc .zone-card-head .zone-remove{background:#fee2e2;color:#991b1b;border:1.5px solid #fecaca;border-radius:8px;width:36px;height:36px;font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}
.btu-calc .zone-card-head .zone-remove:hover{background:#fecaca}
.btu-calc .zone-card-head .zone-remove[disabled]{opacity:.35;cursor:not-allowed}
.btu-calc .zone-card-body{display:grid;gap:12px}
@media (min-width:640px){
  .btu-calc .zone-card-body{grid-template-columns:1fr 1fr}
  .btu-calc .zone-card-body .zone-handler-out{grid-column:1 / -1}
}

/* ---------- Per-room inputs (area slider + sun dropdown) ---------- */
.btu-calc .zone-card .field{padding:12px;background:var(--c-bg);border-radius:10px}
.btu-calc .zone-card .slider-row{flex-direction:column;align-items:stretch;gap:8px;margin-top:6px}
.btu-calc .zone-card input[type=range]{width:100%}
.btu-calc .zone-card .slider-val{width:100%;min-width:0}
.btu-calc .zone-card .type-row{padding:8px}
.btu-calc .zone-card .field > label{font-size:.82rem;margin-bottom:4px}
.btu-calc .zone-card .zone-sun select{font-size:.92rem;padding:10px 12px;min-height:44px;border:2px solid var(--c-line);border-radius:8px;background:#fff;color:var(--c-ink);width:100%}
.btu-calc .zone-card .zone-sun select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(14,165,233,.15)}

/* ---------- Per-room recommended handler badge ---------- */
.btu-calc .zone-handler-out{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1.5px solid #6ee7b7;border-left:5px solid #10b981;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px}
.btu-calc .zone-handler-out .zone-handler-ico{font-size:1.3rem;line-height:1;flex-shrink:0}
.btu-calc .zone-handler-out .zone-handler-text{flex:1;min-width:0;font-size:.85rem;color:#065f46;line-height:1.35}
.btu-calc .zone-handler-out .zone-handler-text strong{font-size:1.05rem;color:#047857;display:block;margin-bottom:1px}
.btu-calc .zone-handler-out .zone-handler-btu{font-size:1rem;font-weight:800;color:#064e3b;background:#fff;padding:6px 10px;border-radius:8px;border:1.5px solid #6ee7b7;flex-shrink:0;text-align:center;min-width:90px;line-height:1.15}
.btu-calc .zone-handler-out .zone-handler-btu small{display:block;font-size:.7rem;font-weight:600;color:#047857;margin-top:2px}

/* ---------- Add Room row ---------- */
.btu-calc .zone-add-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.btu-calc .zone-add-row .btn-add{flex:1 1 calc(50% - 4px);min-width:120px;background:#fff;color:var(--c-primary-dark);border:2px dashed var(--c-line);border-radius:10px;padding:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s}
.btu-calc .zone-add-row .btn-add:hover{border-color:var(--c-primary);background:#f0f9ff;color:var(--c-primary-dark)}
.btu-calc .zone-add-row .btn-add[disabled]{opacity:.4;cursor:not-allowed}
.btu-calc .zone-add-hint{margin-top:8px;font-size:.75rem;color:var(--c-mute);text-align:center}

/* ---------- Results breakdown table (per-room list) ---------- */
.btu-calc .zone-summary{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;margin-top:14px}
.btu-calc .zone-summary .zs-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;opacity:.75;color:#fff;margin-bottom:8px;font-weight:600}
.btu-calc .zone-summary .zs-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem;color:#e2e8f0;gap:10px}
.btu-calc .zone-summary .zs-row:last-child{border-bottom:none}
.btu-calc .zone-summary .zs-row .zs-name{flex:1;min-width:0;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btu-calc .zone-summary .zs-row .zs-area{color:#94a3b8;font-size:.78rem;flex-shrink:0}
.btu-calc .zone-summary .zs-row .zs-btu{font-weight:700;color:#7dd3fc;flex-shrink:0;background:rgba(125,211,252,.12);padding:3px 8px;border-radius:6px;font-size:.85rem}

/* ---------- Condenser recommendation highlight (results panel) ---------- */
.btu-calc .results .condenser-recap{display:flex;align-items:center;gap:12px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.4);border-radius:12px;padding:12px;margin-top:12px}
.btu-calc .results .condenser-recap .cr-ico{font-size:1.6rem;line-height:1;flex-shrink:0}
.btu-calc .results .condenser-recap .cr-body{flex:1;min-width:0}
.btu-calc .results .condenser-recap .cr-body .cr-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#6ee7b7;font-weight:700}
.btu-calc .results .condenser-recap .cr-body .cr-value{font-size:1.4rem;font-weight:800;color:#34d399;line-height:1.1;margin-top:1px}
.btu-calc .results .condenser-recap .cr-body .cr-sub{font-size:.78rem;color:#a7f3d0;margin-top:3px}

/* ---------- Single-zone helper card (shown when 1 room) ---------- */
.btu-calc .zone-single-info{margin-top:12px;padding:12px 14px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d;border-left:5px solid #f59e0b;border-radius:10px;font-size:.88rem;color:#78350f;line-height:1.45}
.btu-calc .zone-single-info strong{color:#92400e}

/* ---------- Sticky-footer override for THIS calculator (emphasise condenser BTU) ---------- */
.btu-calc[data-calc-id="mini_split_calculator"] .btu-sticky-val span{font-size:1.4rem;font-weight:800}
.btu-calc[data-calc-id="mini_split_calculator"] .btu-sticky-val small{font-size:.85rem;opacity:.85}
.btu-calc[data-calc-id="mini_split_calculator"] .btu-sticky-tons{margin-left:10px;padding-left:10px;border-left:1px solid rgba(255,255,255,.18)}
@media (max-width:639px){
  .btu-calc[data-calc-id="mini_split_calculator"] .btu-sticky-val span{font-size:1.15rem}
  .btu-calc[data-calc-id="mini_split_calculator"] .btu-sticky{padding:8px 10px;gap:6px}
}

/* ---------- Sticky CTA button on mini-split page ---------- */
.btu-calc[data-calc-id="mini_split_calculator"] #ms-sticky-cost-btn{font-size:.82rem;padding:7px 12px;min-height:38px;white-space:nowrap}
@media (max-width:639px){
  .btu-calc[data-calc-id="mini_split_calculator"] #ms-sticky-cost-btn{font-size:.75rem;padding:6px 10px;min-height:34px}
}