/* 주문폼 공용 위젯 스타일 — 후가공 카드 + 추가상품 카드
   (resources/views/orderform/partials/{postproc,addon}/* 와 한 세트) */

/* ── 후가공 카드 (셀렉트 상시 노출, '선택안함'이 곧 스위치) ── */
.postproc-cards { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.postproc-item {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  transition: border-color 0.2s, background 0.2s;
}
.postproc-item input.process-check { display: none; }
.postproc-item:has(input.process-check:checked) {
  border-color: #86b7fe;
  background: #f5f9ff;
}
.postproc-item:has(input.process-check:checked) .pp-icon { background: #e7f1ff; color: #0d6efd; }
.postproc-head {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 10px 12px; margin: 0; width: 100%;
}
.pp-icon {
  width: 36px; height: 36px; flex-shrink: 0;
  border-radius: 6px; background: #f3f4f6;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; color: #6b7280;
}
.pp-info { flex: 1; min-width: 0; }
.pp-name { font-size: 0.88rem; font-weight: 600; color: #1f2937; white-space: nowrap; }
.pp-desc { font-size: 0.76rem; color: #9ca3af; margin-top: 1px; }
.pp-controls {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  flex-shrink: 0; margin-left: auto;
}
.pp-lbl { font-size: 0.78rem; color: #6b7280; white-space: nowrap; }

/* 카드 내부 추가 패널(오시 간격·박 테이블) — 선택 시 펼침 (.post-process-detail 셀렉터는 JS 견적 트리거가 참조) */
.post-process-detail {
  display: none;
  margin: 0 10px 10px;
  padding: 12px;
  background: #fff;
  border: 1px solid #cfe2ff;
  border-radius: 6px;
}
.postproc-item:has(input.process-check:checked) .post-process-detail { display: block; }

/* ── 추가상품 카드 스테퍼 ── */
.addon-cards { display: flex; flex-direction: column; gap: 8px; }
.addon-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  transition: border-color 0.2s, background 0.2s;
}
.addon-card.selected {
  border-color: #86b7fe;
  background: #f5f9ff;
}
.addon-card.selected .addon-icon { background: #e7f1ff; color: #0d6efd; }
.addon-card .addon-icon {
  width: 36px; height: 36px; flex-shrink: 0;
  border-radius: 6px; background: #f3f4f6;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; color: #6b7280;
}
.addon-card .addon-info { flex: 1; min-width: 0; }
.addon-card .addon-name { font-size: 0.88rem; font-weight: 600; color: #1f2937; }
.addon-card .addon-desc { font-size: 0.76rem; color: #9ca3af; margin-top: 1px; }
.addon-stepper {
  display: flex; align-items: center; gap: 6px; flex-shrink: 0;
}
.addon-stepper button {
  width: 28px; height: 28px; border-radius: 50%;
  border: 1px solid #d1d5db; background: #fff;
  font-size: 1rem; line-height: 1;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: background 0.15s, border-color 0.15s;
  color: #374151;
}
.addon-stepper button:hover { background: #f3f4f6; border-color: #9ca3af; }
.addon-stepper button.btn-plus:hover { background: #e7f1ff; border-color: #86b7fe; color: #0d6efd; }
.addon-stepper .addon-qty {
  min-width: 28px; text-align: center;
  font-size: 0.9rem; font-weight: 700; color: #1f2937;
}
.addon-stepper .addon-qty.zero { color: #d1d5db; }