/*
 * Assistant multi-étapes ("wizard") — remplace le plugin jQuery
 * twitter-bootstrap-wizard. Utilisé par wizard() (includes/pages.php),
 * initialisé par AG.wizard() (assets/js/ag-core.js, auto-init sur
 * #rootwizard au DOMContentLoaded).
 *
 * Première page à l'exercer : biblio_emprunts.php (assistant de saisie
 * d'un emprunt, 2 étapes). Prévu pour être réutilisé tel quel par de
 * futures pages à assistant multi-étapes (ex. le module Administration).
 */

.ag-wizard-head ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ag-space-2);
	list-style: none;
	margin: 0 0 var(--ag-space-4);
	padding: 0;
}

.ag-wizard-head li {
	flex: 1 1 auto;
}

.ag-wizard-head a {
	display: block;
	text-align: center;
	padding: var(--ag-space-3) var(--ag-space-4);
	border-radius: var(--ag-radius-md);
	background: var(--ag-color-surface);
	border: 1px solid var(--ag-color-border);
	color: var(--ag-color-text-muted);
	font-weight: var(--ag-font-weight-medium);
	font-size: var(--ag-font-size-sm);
	text-decoration: none;
	transition: border-color var(--ag-transition-fast), color var(--ag-transition-fast);
}

.ag-wizard-head li.active a {
	border-color: var(--ag-color-primary);
	color: var(--ag-color-primary);
	background: var(--ag-color-primary-soft);
}

.ag-wizard-head li.primary a {
	border-color: var(--ag-color-primary);
	color: var(--ag-color-primary);
}

/* Barre de progression (étape N sur M) */
.ag-wizard-progress {
	gap: var(--ag-space-4);
}

.ag-wizard-progress__bar {
	flex: 1 1 auto;
	height: 6px;
	border-radius: var(--ag-radius-full);
	background: var(--ag-color-border);
	overflow: hidden;
}

.ag-wizard-progress__fill {
	height: 100%;
	width: 0%;
	background: var(--ag-gradient-brand);
	border-radius: var(--ag-radius-full);
	transition: width var(--ag-transition-base);
}

.ag-wizard-progress__text {
	flex: 0 0 auto;
	font-size: var(--ag-font-size-sm);
	color: var(--ag-color-text-muted);
	white-space: nowrap;
}

/* Étapes : une seule visible à la fois */
.tab-pane {
	display: none;
}

.tab-pane.active {
	display: block;
}

/* Pagination (Premier/Précédent/Suivant/Dernier) — masquée par défaut sur
 * l'assistant d'emprunt (avance forcée par un scan réussi, pas de navigation
 * manuelle), comme dans l'original ; les futures pages qui en ont besoin
 * retirent simplement la classe is-hidden côté PHP. */
.ag-wizard-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ag-space-2);
	list-style: none;
	margin: var(--ag-space-4) 0 0;
	padding: 0;
}

.ag-wizard-pagination a {
	display: inline-block;
	padding: var(--ag-space-2) var(--ag-space-4);
	border-radius: var(--ag-radius-md);
	background: var(--ag-color-primary);
	color: var(--ag-color-primary-contrast);
	text-decoration: none;
	font-size: var(--ag-font-size-sm);
	font-weight: var(--ag-font-weight-medium);
}

.ag-wizard-pagination li.is-hidden {
	display: none;
}

/* Nom du lecteur scanné (biblio_emprunts.php, étape 2) — reprend la mise en
 * évidence de l'original (rouge, grande taille), posée en JS via une classe
 * plutôt qu'un style en dur (assets/js/biblio-emprunts.js). */
.lecteur_selectionne--rempli {
	color: var(--ag-color-danger);
	font-size: var(--ag-font-size-2xl);
}