/* input + input-group */

.pd-input,
.pd-select,
.pd-textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid var(--pd-neutral-300);
  border-radius: var(--pd-radius);
  background: var(--pd-white);
  font-family: var(--pd-font-body);
  font-size: var(--pd-fs-base);
  color: var(--pd-neutral-900);
  transition: border-color var(--pd-dur) var(--pd-ease), box-shadow var(--pd-dur) var(--pd-ease);
  min-height: 48px;
  -webkit-appearance: none;
  appearance: none;
}

.pd-input::placeholder { color: var(--pd-neutral-400); }

.pd-input:hover, .pd-select:hover, .pd-textarea:hover {
  border-color: var(--pd-neutral-400);
}

.pd-input:focus, .pd-select:focus, .pd-textarea:focus {
  outline: none;
  border-color: var(--pd-primary);
  box-shadow: 0 0 0 4px rgba(11, 77, 162, 0.12);
}

.pd-input:disabled { background: var(--pd-neutral-100); cursor: not-allowed; }

.pd-input--error { border-color: var(--pd-danger); }
.pd-input--error:focus { box-shadow: 0 0 0 4px rgba(224, 49, 49, 0.12); }

.pd-input-error {
  display: block;
  margin-top: 4px;
  font-size: var(--pd-fs-sm);
  color: var(--pd-danger);
}

.pd-label {
  display: block;
  font-size: var(--pd-fs-sm);
  font-weight: var(--pd-fw-semibold);
  color: var(--pd-neutral-800);
  margin-bottom: 6px;
}

.pd-field { margin-bottom: var(--pd-space-4); }

/* Input group with prefix/suffix */
.pd-input-group {
  display: flex;
  align-items: stretch;
  position: relative;
}
.pd-input-group .pd-input { padding-left: 44px; }
.pd-input-group__icon {
  position: absolute;
  left: 14px; top: 50%;
  transform: translateY(-50%);
  width: 20px; height: 20px;
  color: var(--pd-neutral-500);
  pointer-events: none;
}

/* Autocomplete suggestions (eligibilité) */
.pd-autocomplete-list {
  position: absolute;
  top: calc(100% + 4px); left: 0; right: 0;
  background: var(--pd-white);
  border: var(--pd-border);
  border-radius: var(--pd-radius);
  box-shadow: var(--pd-shadow-md);
  max-height: 280px;
  overflow-y: auto;
  z-index: var(--pd-z-overlay);
}
.pd-autocomplete-item {
  padding: 10px 14px;
  cursor: pointer;
  border-bottom: 1px solid var(--pd-neutral-100);
  font-size: var(--pd-fs-sm);
}
.pd-autocomplete-item:hover, .pd-autocomplete-item--active {
  background: var(--pd-primary-50);
}

/* Select arrow custom */
.pd-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

/* Checkbox / Radio */
.pd-check {
  display: flex;
  align-items: flex-start;
  gap: var(--pd-space-2);
  cursor: pointer;
  font-size: var(--pd-fs-sm);
  color: var(--pd-neutral-700);
}
.pd-check input { width: 18px; height: 18px; accent-color: var(--pd-primary); flex-shrink: 0; margin-top: 2px; }