/* Maison Vinz — Échelle de maturité
   Charte : papier #F7F2E9 · encre #231F1B · accent #E06900 · panneau #EFE6D5 */

.mv-maturite {
	margin: 1.5em 0;
	font-family: Inter, -apple-system, "Segoe UI", sans-serif;
	color: #231F1B;
}

.mv-maturite__echelle {
	display: flex;
	list-style: none;
	margin: 0 0 .75em;
	padding: 0;
	border: 1px solid #231F1B;
	border-radius: 3px;
	overflow: hidden;
}

.mv-maturite__cran {
	flex: 1;
	margin: 0;
	padding: .6em .3em;
	text-align: center;
	font-size: .76rem;
	line-height: 1.2;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #231F1B;
	background: #EFE6D5;
	border-right: 1px solid #231F1B;
}

.mv-maturite__cran:last-child {
	border-right: 0;
}

/* Le cran du lot en stock. */
.mv-maturite__cran.is-actuel {
	background: #E06900;
	color: #F7F2E9;
	font-weight: 600;
}

/* Les crans que le client atteindra lui-même, chez lui. */
.mv-maturite__cran.is-avenir {
	background: repeating-linear-gradient(
		135deg,
		#EFE6D5,
		#EFE6D5 5px,
		#E3D6BF 5px,
		#E3D6BF 10px
	);
	color: rgba(35, 31, 27, .55);
}

.mv-maturite__detail {
	margin: 0 0 .3em;
	font-size: .9rem;
}

.mv-maturite__note-cran {
	margin: 0 0 .3em;
	font-size: .88rem;
	font-style: italic;
	opacity: .85;
}

.mv-maturite__note {
	margin: 0;
	font-size: .8rem;
	opacity: .75;
}

.mv-maturite__note a {
	color: #E06900;
	text-decoration: underline;
}

/* Pastille sur les cartes produit. */
.mv-maturite-pastille {
	display: inline-block;
	margin: 0 0 .5em;
	padding: .18em .6em;
	font-family: Inter, -apple-system, "Segoe UI", sans-serif;
	font-size: .68rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #231F1B;
	background: #EFE6D5;
	border: 1px solid #231F1B;
	border-radius: 2px;
}

/* ------------------------------------------------------------------ */
/* Formulaire d'alerte de maturité                                     */
/* ------------------------------------------------------------------ */

.mv-alerte {
	margin: 1.5em 0;
	padding: 1.1em 1.2em;
	background: #EFE6D5;
	border: 1px solid #231F1B;
	border-radius: 3px;
	font-family: Inter, -apple-system, "Segoe UI", sans-serif;
	color: #231F1B;
}

.mv-alerte__titre {
	margin: 0 0 .3em;
	font-weight: 600;
	font-size: 1rem;
}

.mv-alerte__intro {
	margin: 0 0 .9em;
	font-size: .85rem;
	opacity: .85;
}

.mv-alerte__form {
	display: flex;
	flex-wrap: wrap;
	gap: .5em;
	align-items: stretch;
}

.mv-alerte__form select,
.mv-alerte__form input[type="email"] {
	flex: 1 1 11em;
	min-width: 0;
	padding: .55em .7em;
	font-size: .9rem;
	color: #231F1B;
	background: #F7F2E9;
	border: 1px solid #231F1B;
	border-radius: 2px;
}

.mv-alerte__form button {
	flex: 0 0 auto;
	padding: .55em 1.3em;
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: #F7F2E9;
	background: #E06900;
	border: 1px solid #E06900;
	border-radius: 2px;
	cursor: pointer;
}

.mv-alerte__form button:hover {
	background: #231F1B;
	border-color: #231F1B;
}

.mv-alerte__recurrent {
	margin: .7em 0 0;
	font-size: .82rem;
}

.mv-alerte__recurrent label {
	display: flex;
	gap: .5em;
	align-items: flex-start;
	cursor: pointer;
}

.mv-alerte__encours {
	margin: 0 0 1.2em;
	padding: 0 0 1.1em;
	border-bottom: 1px solid rgba(35, 31, 27, .2);
}

.mv-alerte__encours ul {
	margin: .4em 0 0;
	padding-left: 1.2em;
	font-size: .85rem;
}

.mv-alerte__encours li {
	margin: 0 0 .25em;
}

.mv-alerte__rappel {
	margin: 0 0 .9em;
	padding: .55em .8em;
	font-size: .82rem;
	background: #F7F2E9;
	border-left: 3px solid #E06900;
}

.mv-alerte__delai {
	margin: .9em 0 0;
	padding: .7em .9em;
	font-size: .85rem;
	line-height: 1.5;
	background: #F7F2E9;
	border: 1px dashed rgba(35, 31, 27, .35);
	border-radius: 2px;
}

.mv-alerte__delai:empty {
	display: none;
}

.mv-alerte__mentions {
	margin: .7em 0 0;
	font-size: .75rem;
	opacity: .65;
}

.mv-alerte__message {
	margin: 0 0 .8em;
	padding: .6em .8em;
	font-size: .85rem;
	border-radius: 2px;
}

.mv-alerte__message.is-ok {
	background: #E3EEDF;
	border: 1px solid #3A6B35;
	color: #2C5228;
}

.mv-alerte__message.is-erreur {
	background: #F6E2E2;
	border: 1px solid #B00020;
	color: #8C0019;
}

@media (max-width: 480px) {
	.mv-alerte__form { flex-direction: column; }
	.mv-alerte__form button { width: 100%; }
}

/* ------------------------------------------------------------------ */
/* Espace client — Mon compte                                          */
/* ------------------------------------------------------------------ */

.mv-compte__gout {
	display: flex;
	flex-wrap: wrap;
	gap: .5em;
	align-items: center;
	margin-bottom: 1em;
}

.mv-compte__gout select {
	flex: 1 1 20em;
	min-width: 0;
	padding: .55em .7em;
	border: 1px solid #231F1B;
	border-radius: 2px;
	background: #F7F2E9;
	color: #231F1B;
}

.mv-compte table small {
	opacity: .65;
}

@media (max-width: 480px) {
	.mv-maturite__cran {
		font-size: .62rem;
		padding: .5em .15em;
	}
}