/* Destination : assets/css/confier-bien.css */

.nh-cb-hero { background: linear-gradient(180deg, #E8F7EE 0%, var(--nh-cream) 100%); }

.nh-urgency-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.nh-urgency-option { position: relative; cursor: pointer; }
.nh-urgency-option input { position: absolute; opacity: 0; }
.nh-urgency-option span {
  display: flex; align-items: center; justify-content: center; gap: 0.6rem;
  border: 2px solid var(--nh-grey-300);
  border-radius: var(--nh-radius-md);
  padding: 1rem;
  font-size: 0.9rem; font-weight: 700; color: var(--nh-grey-600);
  transition: var(--nh-transition);
}
.nh-urgency-option span i { color: var(--nh-rose); }
.nh-urgency-option input:checked + span { border-color: var(--nh-rose); background: var(--nh-rose-light); color: var(--nh-rose-dark); }

.nh-form-divider { border: none; border-top: 1px solid var(--nh-grey-300); margin: 0.5rem 0 1.5rem; }

.nh-form-group input[type="file"] {
  width: 100%;
  border: 2px dashed var(--nh-grey-300);
  border-radius: 12px;
  padding: 0.9rem;
  font-size: 0.85rem;
  background: var(--nh-cream);
}

/* ---------- Aperçu des photos sélectionnées ---------- */
.nh-cb-preview { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 0.9rem; }
.nh-cb-preview-item {
  width: 72px; height: 72px; border-radius: 10px;
  background: var(--nh-image-placeholder);
  display: flex; align-items: center; justify-content: center;
  color: var(--nh-white); font-size: 0.7rem; text-align: center; padding: 0.3rem;
  position: relative; overflow: hidden;
}

@media (max-width: 575.98px) {
  .nh-urgency-choice { grid-template-columns: 1fr; }
}