/* Formulaire estimation reprise – style amélioré */
.voitura-estimation-reprise-form {
	--vrep-primary: #0d47a1;
	--vrep-primary-hover: #1565c0;
	--vrep-primary-light: #e3f2fd;
	--vrep-border: #d1d5db;
	--vrep-border-focus: #0d47a1;
	--vrep-bg-input: #fff;
	--vrep-radius: 8px;
	--vrep-radius-sm: 6px;
	--vrep-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	--vrep-shadow-focus: 0 0 0 3px rgba(13, 71, 161, 0.2);

	max-width: 800px;
	margin: 1.5em 0;
	font-family: inherit;
}

/* Navigation par étapes */
.voitura-estimation-reprise-navigation {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75em;
	margin-bottom: 2em;
	padding-bottom: 1.25em;
	border-bottom: 2px solid #e5e7eb;
}

.voitura-estimation-reprise-nav {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 1em 1.25em;
	text-decoration: none;
	color: #6b7280;
	border: 2px solid var(--vrep-border);
	border-radius: var(--vrep-radius);
	background: #fafafa;
	transition: background 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
	flex: 1;
	min-width: 140px;
}

.voitura-estimation-reprise-nav:hover {
	background: #f3f4f6;
	color: #374151;
	border-color: #9ca3af;
}

.voitura-estimation-reprise-nav.active {
	background: var(--vrep-primary-light);
	border-color: var(--vrep-primary);
	color: var(--vrep-primary);
	font-weight: 600;
	box-shadow: var(--vrep-shadow);
}

.voitura-estimation-reprise-nav-number {
	font-size: 1.15em;
	font-weight: 700;
	margin-bottom: 0.2em;
	letter-spacing: -0.02em;
}

.voitura-estimation-reprise-nav-title {
	font-size: 1em;
	line-height: 1.3;
}

.voitura-estimation-reprise-nav-sub {
	font-size: 0.8em;
	opacity: 0.9;
	font-weight: 400;
}

/* Contenu des étapes */
.voitura-estimation-reprise-step.form-content-unit {
	display: none;
	padding: 1.5em 0;
}

.voitura-estimation-reprise-step.form-content-unit.active {
	display: block;
	animation: vrep-fadeIn 0.25s ease-out;
}

@keyframes vrep-fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.voitura-estimation-reprise-form .voitura-estimation-reprise-section {
	margin-bottom: 1.25em;
}

.voitura-estimation-reprise-form .voitura-estimation-reprise-section h3 {
	margin-top: 0;
	margin-bottom: 0.75em;
	font-size: 1.1em;
	color: #374151;
}

.voitura-estimation-reprise-form .voitura-estimation-reprise-section > p {
	margin-bottom: 1.25em;
}

.voitura-estimation-reprise-form label:not(.inline) {
	display: block;
	margin-bottom: 0.4em;
	font-weight: 500;
	color: #374151;
	font-size: 0.95em;
}

.voitura-estimation-reprise-form label.inline {
	display: inline-flex;
	align-items: center;
	margin-right: 1.25em;
	margin-bottom: 0.5em;
	font-weight: 400;
	color: #4b5563;
	cursor: pointer;
}

.voitura-estimation-reprise-form label.inline input[type="radio"] {
	margin-right: 0.5em;
	accent-color: var(--vrep-primary);
}

/* Champs texte / email / tel / number / url / textarea */
.voitura-estimation-reprise-form input[type="text"],
.voitura-estimation-reprise-form input[type="email"],
.voitura-estimation-reprise-form input[type="tel"],
.voitura-estimation-reprise-form input[type="number"],
.voitura-estimation-reprise-form input[type="url"],
.voitura-estimation-reprise-form input[type="file"],
.voitura-estimation-reprise-form textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.65em 0.9em;
	border: 2px solid var(--vrep-border);
	border-radius: var(--vrep-radius-sm);
	background: var(--vrep-bg-input);
	font-size: 1em;
	line-height: 1.45;
	color: #111827;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.voitura-estimation-reprise-form input::placeholder,
.voitura-estimation-reprise-form textarea::placeholder {
	color: #9ca3af;
}

.voitura-estimation-reprise-form input:hover:not(:disabled):not(.form-error),
.voitura-estimation-reprise-form textarea:hover:not(:disabled):not(.form-error) {
	border-color: #9ca3af;
}

.voitura-estimation-reprise-form input:focus,
.voitura-estimation-reprise-form textarea:focus {
	outline: none;
	border-color: var(--vrep-border-focus);
	box-shadow: var(--vrep-shadow-focus);
}

.voitura-estimation-reprise-form input[type="file"] {
	padding: 0.5em 0.75em;
	cursor: pointer;
}

.voitura-estimation-reprise-form input[type="file"]::file-selector-button {
	padding: 0.4em 0.8em;
	margin-right: 0.75em;
	border: 1px solid var(--vrep-border);
	border-radius: var(--vrep-radius-sm);
	background: #f3f4f6;
	font-size: 0.9em;
	cursor: pointer;
	transition: background 0.2s;
}

.voitura-estimation-reprise-form input[type="file"]::file-selector-button:hover {
	background: #e5e7eb;
}

.voitura-estimation-reprise-form textarea {
	min-height: 90px;
	resize: vertical;
}

.voitura-estimation-reprise-form input.form-error {
	border-color: #dc2626;
	background: #fef2f2;
}

.voitura-estimation-reprise-form input.form-error:focus {
	box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2);
}

.voitura-estimation-reprise-form .required {
	color: #dc2626;
}

.voitura-estimation-reprise-form .voitura-estimation-reprise-hint,
.voitura-estimation-reprise-form small.voitura-estimation-reprise-hint {
	display: block;
	margin-top: 0.35em;
	font-size: 0.875em;
	color: #6b7280;
}

/* Messages succès / erreur */
.voitura-estimation-reprise-message {
	padding: 0.9em 1.1em;
	margin-bottom: 1.25em;
	border-radius: var(--vrep-radius);
	font-size: 0.95em;
}

.voitura-estimation-reprise-success {
	background: #d1fae5;
	color: #065f46;
	border: 1px solid #a7f3d0;
}

.voitura-estimation-reprise-error {
	background: #fee2e2;
	color: #991b1b;
	border: 1px solid #fecaca;
}

/* Boutons */
.voitura-estimation-reprise-actions {
	margin-top: 1.75em;
	margin-bottom: 0;
}

.voitura-estimation-reprise-actions .button {
	display: inline-block;
	padding: 0.7em 1.5em;
	border: none;
	border-radius: var(--vrep-radius-sm);
	background: var(--vrep-primary);
	color: #fff;
	font-size: 1em;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s, transform 0.1s;
	text-decoration: none;
}

.voitura-estimation-reprise-actions .button:hover {
	background: var(--vrep-primary-hover);
}

.voitura-estimation-reprise-actions .button:active {
	transform: scale(0.98);
}

.voitura-estimation-reprise-actions .button:disabled {
	opacity: 0.7;
	cursor: not-allowed;
	transform: none;
}

.voitura-estimation-reprise-submit .button {
	padding: 0.8em 1.75em;
	font-size: 1.05em;
}

.voitura-estimation-reprise-loader {
	margin-left: 0.5em;
	font-style: italic;
	color: #6b7280;
}

/* Responsive : étapes en colonne sur petit écran */
@media (max-width: 600px) {
	.voitura-estimation-reprise-navigation {
		flex-direction: column;
		gap: 0.5em;
	}

	.voitura-estimation-reprise-nav {
		min-width: 100%;
		flex-direction: row;
		align-items: center;
		gap: 0.5em;
	}

	.voitura-estimation-reprise-nav-number {
		margin-bottom: 0;
	}

	.voitura-estimation-reprise-nav-sub {
		display: none;
	}
}