/* Style personnalisé pour le formulaire de pièces auto */

/* Plaque d'immatriculation française réaliste */
.license-plate-box {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.4);
  transition: all 0.2s ease-in-out;
}

.license-plate-box:focus-within {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.35), 0 4px 12px rgba(0, 0, 0, 0.3);
}

#immatriculation::placeholder {
  color: #94a3b8;
  letter-spacing: 0.15em;
}

/* Animations de transition des étapes */
.step-pane {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Carte radio sélectionnée (Catégorie & Livraison) */
.category-radio:has(input:checked),
.delivery-radio:has(input:checked) {
  border-color: #0c87eb;
  background-color: rgba(12, 135, 235, 0.15);
}

.delivery-radio:has(input:checked) {
  border-color: #10b981;
  background-color: rgba(16, 185, 129, 0.12);
}

/* Pilules de choix rapide */
.quick-pill {
  user-select: none;
  cursor: pointer;
}

/* Scrollbar personnalisée */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0f172a;
}

::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #475569;
}