/* Inscription cliente (Mon compte) : bouton « Vérifier », case du code, étapes (inc/inscription-cliente.php), v8 du 20/10/2026.
   v2 : bouton et case du code côte à côte (le thème met les boutons du formulaire en pleine largeur).
   v3 : bouton et case alignés à la même hauteur (marges du thème retirées).
   v4 : formulaire en 3 étapes (assets/js/inscription-cliente-v2.js) ; champs et boutons à 48 px (confortables au doigt).
   v5 : à l'étape 3, « Retour » à sa largeur et « Créer un compte » sur une seule ligne (48 px aussi sur téléphone).
   v6 : ligne de l'étape 3 alignée sur les champs (marges du thème retirées), boutons resserrés sur téléphone.
   v7 : « Créer un compte » prend toute la place restante (le thème centrait les boutons sans les étirer).
   v8 : la vraie cause du retrait de 10 px : les « clearfix » ::before/::after de la ligne WooCommerce comptaient comme éléments.
   Sans le script (pas de classe anaaz-icx-actif), formulaire sur une seule page. */

/* ---------- Hauteur des champs et des boutons (avec ou sans le script) ---------- */

.woocommerce-form-register input.input-text {
	box-sizing: border-box;
	height: 48px;
	min-height: 48px;
	padding: 0 14px;
	font-size: 16px; /* 16 px : pas de zoom automatique sur iPhone */
	line-height: 1.2;
}

.woocommerce-form-register .woocommerce-form-register__submit,
.woocommerce-form-register .anaaz-icx__nav .button,
.woocommerce-form-register .anaaz-icx__envoi .anaaz-icx__retour {
	box-sizing: border-box;
	min-height: 48px;
	height: auto;
	padding: 0 22px;
	font-size: 15px;
	line-height: 1.2;
}

/* ---------- Bouton « Vérifier » et case du code ---------- */

.anaaz-ic__ligne {
	display: flex;
	gap: 10px;
	align-items: stretch;
}

.anaaz-ic .anaaz-ic__ligne .anaaz-ic__verifier {
	flex: 0 0 auto;
	width: auto !important;
	height: 48px;
	min-height: 0;
	margin: 0 !important;
	padding: 0 18px;
	line-height: 1;
	white-space: nowrap;
}

.anaaz-ic__ligne .anaaz-ic__verifier:disabled {
	opacity: .6;
	cursor: not-allowed;
}

.anaaz-ic .anaaz-ic__ligne .anaaz-ic__code {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	height: 48px;
	min-height: 0;
	margin: 0 !important;
	padding: 0 12px;
	letter-spacing: 3px;
}

.anaaz-ic__code::placeholder {
	letter-spacing: normal;
}

.anaaz-ic__aide,
.anaaz-ic__message {
	display: block;
	margin: 6px 0 0;
	font-size: 13px;
	line-height: 1.4;
}

.anaaz-ic__aide {
	color: #555;
}

/* Une seule ligne d'aide à la fois : le message remplace le texte d'aide */
.anaaz-ic--valide .anaaz-ic__aide,
.anaaz-ic:has(.anaaz-ic__message:not(:empty)) .anaaz-ic__aide,
.anaaz-ic__message:empty {
	display: none;
}

.anaaz-ic__message--ok {
	color: #1f6f3a;
}

.anaaz-ic__message--ko {
	color: #b3261e;
}

.anaaz-ic-actif button[name="register"]:disabled {
	opacity: .5;
	cursor: not-allowed;
}

/* ---------- Étapes ---------- */

.anaaz-icx-actif [data-anaaz-etape] {
	display: none !important;
}

.anaaz-icx-actif[data-anaaz-etape="1"] [data-anaaz-etape="1"],
.anaaz-icx-actif[data-anaaz-etape="2"] [data-anaaz-etape="2"],
.anaaz-icx-actif[data-anaaz-etape="3"] [data-anaaz-etape="3"] {
	display: block !important;
}

.anaaz-icx-actif[data-anaaz-etape="1"] .anaaz-icx__nav[data-anaaz-etape="1"],
.anaaz-icx-actif[data-anaaz-etape="2"] .anaaz-icx__nav[data-anaaz-etape="2"],
.anaaz-icx-actif[data-anaaz-etape="3"] .anaaz-icx__envoi[data-anaaz-etape="3"] {
	display: flex !important;
}

.anaaz-icx__indicateur {
	margin: 0 0 14px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	color: #8a6440; /* bronze foncé : contraste ≥ 4,5:1 sur blanc */
}

.anaaz-icx__nav,
.anaaz-icx-actif .anaaz-icx__envoi {
	clear: both;
	flex-wrap: nowrap;
	gap: 12px;
	margin: 18px 0 0;
}

.anaaz-icx__nav .button,
.anaaz-icx-actif .anaaz-icx__envoi .button {
	flex: 1 1 0;
	width: auto !important;
	margin: 0 !important;
}

.anaaz-icx__suivant[hidden] {
	display: none !important;
}

.anaaz-icx__suivant:disabled {
	opacity: .5;
	cursor: not-allowed;
}

.woocommerce-form-register .button.anaaz-icx__retour {
	border: 1px solid #111;
	background: #fff;
	color: #111;
}

/* v5 : étape 3, « Créer un compte » prend la place restante, sur une ligne */
.anaaz-icx-actif .anaaz-icx__envoi .anaaz-icx__retour {
	flex: 0 0 auto;
	padding: 0 18px;
}

.anaaz-icx-actif .anaaz-icx__envoi .woocommerce-form-register__submit {
	flex: 1 1 auto;
	padding: 0 12px;
	white-space: nowrap;
}
/* v6 : la ligne d'envoi du thème a des marges intérieures ; alignement sur les champs */
.anaaz-icx-actif .anaaz-icx__envoi {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.anaaz-icx-actif .anaaz-icx__envoi .woocommerce-form-register__submit {
	min-width: 0;
}

@media (max-width: 600px) {
	.anaaz-icx__nav,
	.anaaz-icx-actif .anaaz-icx__envoi {
		gap: 10px;
	}

	.anaaz-icx-actif .anaaz-icx__envoi .anaaz-icx__retour {
		padding: 0 14px;
	}

	.anaaz-icx-actif .anaaz-icx__envoi .button {
		font-size: 14px;
	}
}
/* v7 : le thème centre et fige les boutons ; « Créer un compte » s'étire jusqu'au bord du champ */
.anaaz-icx-actif .anaaz-icx__envoi {
	justify-content: flex-start !important;
}

.anaaz-icx-actif .anaaz-icx__envoi .woocommerce-form-register__submit {
	flex: 1 1 auto !important;
	max-width: none !important;
}

.anaaz-icx-actif .anaaz-icx__envoi .anaaz-icx__retour {
	flex: 0 0 auto !important;
}
/* v8 : les ::before/::after (clearfix) de .form-row deviennent des éléments de la ligne flex et ajoutent un espace de chaque côté */
.anaaz-icx-actif .anaaz-icx__envoi::before,
.anaaz-icx-actif .anaaz-icx__envoi::after {
	display: none !important;
}