/**
 * mon-compte.css — page /mon-compte (K5, E05).
 * Reprend les variables du theme (comme comptes.css) : trois sections
 * (En attente / A venir / Passees), une carte par reservation.
 */

.atq-mon-compte {
	max-width: 42rem;
	margin: 0 auto;
}

.atq-mc-section {
	margin-bottom: 2rem;
}

.atq-mc-section h2 {
	margin-bottom: .75rem;
	color: var(--atq-terre, #3E2A22);
}

.atq-mc-liste {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.atq-mc-loading,
.atq-mc-vide,
.atq-mc-erreur {
	margin: 0;
	color: #6b5b50;
	font-size: .92rem;
}

.atq-mc-erreur {
	color: var(--atq-lie, #7A2E33);
}

.atq-mc-carte {
	background: var(--atq-carte, #fdfaf3);
	border: 1px solid var(--atq-sable, #E4DBCB);
	border-radius: var(--atq-radius, 9px);
	padding: .9rem 1.1rem;
}

.atq-mc-carte-tete {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: .4rem;
}

.atq-mc-badge {
	font-size: .78rem;
	font-weight: 600;
	padding: .2rem .6rem;
	border-radius: 999px;
	background: var(--atq-sable, #E4DBCB);
	color: var(--atq-terre, #3E2A22);
	white-space: nowrap;
}

.atq-mc-statut-confirmee .atq-mc-badge,
.atq-mc-statut-honoree .atq-mc-badge {
	background: var(--atq-vigne-clair, #eef2e8);
	color: var(--atq-vigne-texte, #1F6E64);
}

.atq-mc-statut-refusee .atq-mc-badge,
.atq-mc-statut-annulee .atq-mc-badge,
.atq-mc-statut-no_show .atq-mc-badge {
	background: var(--atq-lie-clair, #fdf5f2);
	color: var(--atq-lie, #7A2E33);
}

.atq-mc-carte-corps {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem 1rem;
	font-size: .9rem;
	color: var(--atq-encre, #2A231F);
}

/* K6 (E08→E09) : bouton "Annuler" + message d'erreur d'annulation. */

.atq-mc-carte-pied {
	margin-top: .6rem;
	display: flex;
	align-items: center;
	gap: .6rem;
	flex-wrap: wrap;
}

.atq-mc-btn-annuler {
	appearance: none;
	background: transparent;
	border: 1px solid var(--atq-lie, #7A2E33);
	color: var(--atq-lie, #7A2E33);
	border-radius: var(--atq-radius, 9px);
	padding: .35rem .9rem;
	font-size: .85rem;
	font-weight: 600;
	cursor: pointer;
}

.atq-mc-btn-annuler:hover {
	background: var(--atq-lie-clair, #fdf5f2);
}

.atq-mc-btn-annuler:disabled {
	opacity: .6;
	cursor: default;
}

.atq-mc-annuler-erreur {
	margin: 0;
	font-size: .82rem;
	color: var(--atq-lie, #7A2E33);
}