/*
 * Fichier : intemporris-compte.css
 * Emplacement : designs/intemporris/assets/css/
 *
 * Responsabilité :
 * Trois pages de l'espace de compte : les téléchargements, les commandes et
 * le détail d'une commande. Le titre et son filet, des onglets en verre, des
 * plaques sobres pour chaque commande et chaque fichier, des capsules pour
 * les commandes. L'en-tête et le pied de l'espace de compte, et ses autres
 * sections, ne sont pas concernés.
 *
 * Couleur :
 *   L'espace de compte n'appartient à aucun domaine : il prend l'ardoise du
 *   site, pour les filets, les contours et les surfaces. Le texte reste
 *   blanc ou gris.
 *
 * Accessibilité : WCAG 2.1 niveau AA strict.
 *   - L'ordre de lecture reste celui du balisage.
 *   - L'onglet choisi porte sa surface, son contour et sa graisse.
 *   - Les contours des commandes gardent 3 pour 1.
 *   - Les cibles gardent 2,75 rem de haut.
 */

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte {
	--intemporris-compte: color-mix(in srgb, var(--intemporris-bleu-site, #3a5cab) 30%, #7e8693);
	--intemporris-compte-filet: color-mix(in srgb, var(--discovery-color-text, #ffffff) 14%, transparent);
	--intemporris-compte-filet-accent: color-mix(in srgb, var(--intemporris-compte) 55%, transparent);
	--intemporris-compte-contour: color-mix(in srgb, var(--discovery-color-text, #ffffff) 46%, var(--discovery-color-background, #000000));
	--intemporris-compte-plaque: color-mix(in srgb, var(--discovery-color-text, #ffffff) 4%, var(--discovery-color-background, #000000));
	--intemporris-compte-verre: color-mix(in srgb, var(--intemporris-compte) 26%, var(--discovery-color-background, #000000));
	--intemporris-compte-doux: var(--discovery-color-muted, #b3b3b3);
	--intemporris-compte-rond: var(--discovery-radius-full, 9999px);
	--intemporris-compte-rayon: var(--discovery-radius-lg, 1rem);
	--intemporris-compte-duree: var(--discovery-duration-normal, 240ms);
}

/* La tête de page : le titre, puis un filet qui part de l'ardoise et se
   perd vers la droite. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte > .discovery-entry-header {
	position: relative;
	margin-block-end: var(--discovery-space-6, 1.5rem);
	padding-block-end: var(--discovery-space-5, 1.25rem);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte > .discovery-entry-header::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	inset-block-end: 0;
	block-size: 1.5px;
	background: linear-gradient(90deg, var(--intemporris-compte), var(--intemporris-compte-filet-accent) 40%, transparent 85%);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-title {
	font-size: clamp(2rem, 1.4rem + 2vw, 2.9rem);
	letter-spacing: -0.025em;
	line-height: 1.05;
}

/* Un lien : en clair, souligné d'ardoise. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content a:not(.button) {
	color: var(--discovery-color-text, #ffffff);
	text-decoration-line: underline;
	text-decoration-color: var(--intemporris-compte);
	text-decoration-thickness: 2px;
	text-underline-offset: 0.2em;
}

/* Les commandes de la page : des capsules de verre au contour net. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content :is(.discovery-bouton, .button, .discovery-disclosure):not([hidden]) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 2.75rem;
	padding: var(--discovery-space-2, 0.5rem) var(--discovery-space-5, 1.25rem);
	border: 1px solid var(--intemporris-compte-contour);
	border-radius: var(--intemporris-compte-rond);
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--discovery-color-text, #ffffff) 8%, transparent), transparent 46%),
		transparent;
	color: var(--discovery-color-text, #ffffff);
	font-size: var(--discovery-text-sm, 0.875rem);
	font-weight: var(--discovery-weight-normal, 400);
	text-decoration: none;
	transition: border-color var(--intemporris-compte-duree), background-color var(--intemporris-compte-duree);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content :is(.discovery-bouton, .button, .discovery-disclosure):is(:hover, :focus-visible) {
	border-color: var(--discovery-color-text, #ffffff);
	background-color: color-mix(in srgb, var(--intemporris-compte) 18%, transparent);
}

/* La commande principale d'une plaque : télécharger un fichier, filtrer,
   enregistrer. Elle prend la surface d'ardoise et une graisse plus forte. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content :is(.discovery-telechargement-bouton, .discovery-commandes-bouton-filtrer, .woocommerce-MyAccount-downloads-file, .acm-ts-preferences .button):not([hidden]) {
	background-color: var(--intemporris-compte-verre);
	font-weight: var(--discovery-weight-semibold, 600);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content :is(.discovery-telechargement-bouton, .discovery-commandes-bouton-filtrer, .woocommerce-MyAccount-downloads-file, .acm-ts-preferences .button):is(:hover, :focus-visible) {
	background-color: color-mix(in srgb, var(--intemporris-compte) 40%, var(--discovery-color-background, #000000));
}


/* Les onglets */

/* Un rail de verre ; l'onglet choisi porte sa surface, son contour et sa
   graisse. Le rail défile de gauche à droite s'il dépasse, et ne suit pas
   le défilement de la page. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-compte-onglets {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--discovery-space-1, 0.25rem);
	inline-size: fit-content;
	max-inline-size: 100%;
	margin: 0 0 var(--discovery-space-5, 1.25rem);
	padding: var(--discovery-space-1, 0.25rem);
	overflow-x: auto;
	border: 1px solid var(--intemporris-compte-filet);
	border-radius: var(--intemporris-compte-rond);
	background: var(--intemporris-compte-plaque);
	list-style: none;
	scrollbar-width: none;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-compte-onglet {
	flex: 0 0 auto;
	margin: 0;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-compte-onglet-bouton {
	min-block-size: 2.75rem;
	padding-inline: var(--discovery-space-5, 1.25rem);
	border: 1px solid transparent;
	border-radius: var(--intemporris-compte-rond);
	background: none;
	color: var(--intemporris-compte-doux);
	font-size: var(--discovery-text-sm, 0.875rem);
	white-space: nowrap;
	transition: color var(--intemporris-compte-duree), background-color var(--intemporris-compte-duree);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-compte-onglet-bouton:hover {
	color: var(--discovery-color-text, #ffffff);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-compte-onglet-bouton[aria-selected="true"] {
	border-color: var(--intemporris-compte-filet-accent);
	background-color: var(--intemporris-compte-verre);
	color: var(--discovery-color-text, #ffffff);
	font-weight: var(--discovery-weight-semibold, 600);
}


/* Les téléchargements */

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte :is(.discovery-telechargements-decompte, .discovery-commandes-decompte) {
	color: var(--intemporris-compte-doux);
	font-size: var(--discovery-text-sm, 0.875rem);
}

/* Le rappel des préférences : une information de contexte, tenue par sa
   seule barre d'ardoise. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .acm-ts-rappel {
	margin: 0 0 var(--discovery-space-6, 1.5rem);
	padding: var(--discovery-space-1, 0.25rem) 0 var(--discovery-space-1, 0.25rem) var(--discovery-space-4, 1rem);
	border-inline-start: var(--discovery-space-1, 0.25rem) solid var(--intemporris-compte);
	color: var(--intemporris-compte-doux);
	font-size: var(--discovery-text-sm, 0.875rem);
	line-height: 1.6;
}

/* Une commande et ses fichiers. Un filet ouvre chaque commande ; son
   numéro, en petites capitales, et le lien vers son détail se lisent sur
   une même ligne. Puis le titre de l'œuvre et le ticket de chaque fichier. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargements-commande {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--discovery-space-1, 0.25rem) var(--discovery-space-4, 1rem);
	padding-block-start: var(--discovery-space-4, 1rem);
	border-block-start: 1px solid var(--intemporris-compte-filet);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargements-commande + .discovery-telechargements-commande {
	margin-block-start: var(--discovery-space-6, 1.5rem);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargements-commande-titre {
	flex: 1 1 auto;
	margin: 0;
	color: var(--intemporris-compte-doux);
	font-size: var(--discovery-text-sm, 0.875rem);
	font-weight: var(--discovery-weight-semibold, 600);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargements-commande-lien {
	margin: 0;
	font-size: var(--discovery-text-sm, 0.875rem);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargements-produit {
	flex: 1 1 100%;
	min-inline-size: 0;
	margin-block-start: var(--discovery-space-3, 0.75rem);
}

/* Le titre de l'œuvre se lit comme un titre : son lien ne se souligne qu'au
   passage de la main ou au focus. Télécharger reste la seule commande. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargements-produit-titre {
	margin: 0 0 var(--discovery-space-3, 0.75rem);
	font-size: var(--discovery-text-xl, 1.25rem);
	letter-spacing: -0.02em;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content .discovery-telechargements-produit-titre a:not(:hover, :focus-visible) {
	text-decoration-line: none;
}

/* Le ticket d'un fichier : ses renseignements à gauche, la commande à
   droite. Quand la place manque, la commande passe dessous, sur toute la
   largeur. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargement {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--discovery-space-4, 1rem) var(--discovery-space-6, 1.5rem);
	padding: var(--discovery-space-4, 1rem) var(--discovery-space-5, 1.25rem);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargement-details {
	flex: 1 1 14rem;
	min-inline-size: 0;
	margin: 0;
	gap: var(--discovery-space-2, 0.5rem) var(--discovery-space-6, 1.5rem);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargement-action {
	flex: 0 1 auto;
}

/* Sur un écran large, les trois renseignements tiennent sur une ligne. */
@media (min-width: 60em) {

	body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargement-details {
		flex-wrap: nowrap;
		min-inline-size: max-content;
	}

	body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargement-detail :is(dt, dd) {
		white-space: nowrap;
	}
}

@media (max-width: 40em) {

	body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargement-action,
	body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-telechargement-action .discovery-bouton-navigation,
	body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content .discovery-telechargement-bouton:not([hidden]) {
		inline-size: 100%;
	}
}

/* Les plaques : un fichier à télécharger, une commande de la liste. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte :is(.discovery-telechargement, .discovery-commande) {
	border: 1px solid var(--intemporris-compte-filet);
	border-radius: var(--intemporris-compte-rayon);
	background: var(--intemporris-compte-plaque);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--intemporris-compte) 32%, transparent);
}

/* Les renseignements d'une plaque : le libellé en petites capitales grises,
   la valeur en clair. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte :is(.discovery-telechargement-detail, .discovery-commande-detail) dt {
	color: var(--intemporris-compte-doux);
	font-size: var(--discovery-text-xs, 0.75rem);
	font-weight: var(--discovery-weight-normal, 400);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte :is(.discovery-telechargement-detail, .discovery-commande-detail) dd {
	color: var(--discovery-color-text, #ffffff);
	font-weight: var(--discovery-weight-medium, 500);
}


/* Les commandes */

/* Les filtres : une plaque de verre. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-commandes-filtres {
	border: 1px solid var(--intemporris-compte-filet);
	border-radius: var(--intemporris-compte-rayon);
	background: var(--intemporris-compte-plaque);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-commandes-filtres :is(legend, label) {
	color: var(--intemporris-compte-doux);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-commandes-statut label {
	color: var(--discovery-color-text, #ffffff);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-commandes-filtres input[type="radio"] {
	accent-color: var(--intemporris-compte);
}

/* Une liste déroulante : un champ de verre aux coins arrondis, de la hauteur
   des commandes, son chevron dessiné par la feuille. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content select {
	min-block-size: 2.75rem;
	padding-block: 0;
	padding-inline: var(--discovery-space-4, 1rem) var(--discovery-space-10, 2.5rem);
	border: 1px solid var(--intemporris-compte-contour);
	border-radius: var(--discovery-radius-md, 0.5rem);
	background:
		linear-gradient(45deg, transparent 50%, currentColor 50%) right 1.15rem center / 0.4rem 0.4rem no-repeat,
		linear-gradient(-45deg, transparent 50%, currentColor 50%) right 0.75rem center / 0.4rem 0.4rem no-repeat,
		linear-gradient(180deg, color-mix(in srgb, var(--intemporris-blanc, #ffffff) 6%, transparent), transparent 60%),
		var(--discovery-color-background, #000000);
	color: var(--discovery-color-text, #ffffff);
	font: inherit;
	line-height: 1.2;
	appearance: none;
	cursor: pointer;
	transition: border-color var(--intemporris-compte-duree);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content select:hover {
	border-color: var(--discovery-color-text, #ffffff);
}

/* Le format préféré : une plaque, comme la qualité ; la liste garde une
   largeur à sa mesure. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .acm-ts-preferences .form-row {
	padding: var(--discovery-space-4, 1rem) var(--discovery-space-5, 1.25rem);
	border: 1px solid var(--intemporris-compte-filet);
	border-radius: var(--intemporris-compte-rayon);
	background: var(--intemporris-compte-plaque);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .acm-ts-preferences .form-row label {
	color: var(--intemporris-compte-doux);
	font-size: var(--discovery-text-sm, 0.875rem);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .acm-ts-preferences .form-row select {
	display: block;
	inline-size: min(100%, 20rem);
	margin-block-end: var(--discovery-space-2, 0.5rem);
}

/* Les filtres des commandes : les champs et Filtrer alignés sur une même
   ligne de base. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-commandes-filtres {
	align-items: end;
	gap: var(--discovery-space-4, 1rem) var(--discovery-space-5, 1.25rem);
	padding: var(--discovery-space-5, 1.25rem);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-commandes-statuts {
	flex: 1 1 100%;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-commandes-validation {
	margin-inline-start: auto;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-commande-titre {
	font-size: var(--discovery-text-lg, 1.125rem);
	letter-spacing: -0.01em;
}


/* Le détail d'une commande */

/* La phrase d'état : les valeurs en clair et en gras, sans surlignage. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-commande-statut {
	color: color-mix(in srgb, var(--discovery-color-text, #ffffff) 88%, var(--intemporris-compte-doux));
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-commande-statut mark {
	background: none;
	color: var(--discovery-color-text, #ffffff);
	font-weight: var(--discovery-weight-semibold, 600);
}

/* Une tête de section : son court filet d'ardoise. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content :is(.discovery-commande-telechargements-titre, .woocommerce-order-downloads__title, .woocommerce-order-details__title, .woocommerce-column__title) {
	display: flex;
	align-items: center;
	gap: var(--discovery-space-3, 0.75rem);
	margin: var(--discovery-space-8, 2rem) 0 var(--discovery-space-4, 1rem);
	font-size: var(--discovery-text-xl, 1.25rem);
	letter-spacing: -0.02em;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content :is(.discovery-commande-telechargements-titre, .woocommerce-order-downloads__title, .woocommerce-order-details__title, .woocommerce-column__title)::before {
	content: "";
	flex: none;
	inline-size: var(--discovery-space-8, 2rem);
	block-size: 1px;
	background: var(--intemporris-compte-filet-accent);
}

/* Les tableaux de la commande : une plaque, des lignes tenues par un filet,
   les libellés en gris. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content table.shop_table {
	border: 1px solid var(--intemporris-compte-filet);
	border-radius: var(--intemporris-compte-rayon);
	border-collapse: separate;
	border-spacing: 0;
	background: var(--intemporris-compte-plaque);
	overflow: hidden;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content table.shop_table :is(th, td) {
	padding: var(--discovery-space-3, 0.75rem) var(--discovery-space-4, 1rem);
	border: 0;
	border-block-start: 1px solid var(--intemporris-compte-filet);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content table.shop_table thead :is(th, td) {
	border-block-start: 0;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content table.shop_table th {
	color: var(--intemporris-compte-doux);
	font-weight: var(--discovery-weight-normal, 400);
}

/* L'adresse : une plaque. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content address {
	padding: var(--discovery-space-4, 1rem) var(--discovery-space-5, 1.25rem);
	border: 1px solid var(--intemporris-compte-filet);
	border-radius: var(--intemporris-compte-rayon);
	background: var(--intemporris-compte-plaque);
	font-style: normal;
	line-height: 1.6;
}


/* Les préférences de téléchargement */

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .acm-ts-preferences-groupe {
	padding: var(--discovery-space-4, 1rem) var(--discovery-space-5, 1.25rem);
	border: 1px solid var(--intemporris-compte-filet);
	border-radius: var(--intemporris-compte-rayon);
	background: var(--intemporris-compte-plaque);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .acm-ts-preferences-groupe legend {
	padding-inline: var(--discovery-space-2, 0.5rem);
	color: var(--intemporris-compte-doux);
	font-size: var(--discovery-text-sm, 0.875rem);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* De l'air entre les blocs du formulaire et entre deux options. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .acm-ts-preferences > * + * {
	margin-block-start: var(--discovery-space-5, 1.25rem);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .acm-ts-option + .acm-ts-option {
	margin-block-start: var(--discovery-space-3, 0.75rem);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .acm-ts-preferences label {
	display: inline-block;
	margin-block-end: var(--discovery-space-1, 0.25rem);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .acm-ts-preferences input[type="radio"] {
	accent-color: var(--intemporris-compte);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .acm-ts-aide {
	color: var(--intemporris-compte-doux);
	font-size: var(--discovery-text-sm, 0.875rem);
}

@media (prefers-contrast: more) {

	body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte {
		--intemporris-compte-filet: var(--discovery-color-border, #ffffff);
		--intemporris-compte-filet-accent: var(--discovery-color-border, #ffffff);
		--intemporris-compte-contour: var(--discovery-color-text, #ffffff);
		--intemporris-compte-plaque: var(--discovery-color-background, #000000);
		--intemporris-compte-verre: var(--discovery-color-background, #000000);
	}
}

@media (prefers-reduced-motion: reduce) {

	body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content :is(.discovery-bouton, .button, .discovery-disclosure),
	body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-compte-onglet-bouton {
		transition: none;
	}
}


/* La nuit de verre */

/* Le noir d'Intemporris, que traverse par endroits une
   lumière nocturne, comme passée à travers du verre ou réfléchie par une
   surface sombre. Deux flaques seulement, localisées, jamais répétées. Les
   plaques sont un verre bleu-noir. Rien ne bouge au repos. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) {
	overflow-x: clip;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte {
	--intemporris-compte: var(--intemporris-accent-compte, #8fa3c6);
	position: relative;
	padding-block-end: var(--discovery-space-16, 4rem);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset-block: -9rem 0;
	inset-inline: calc(50% - 50vw);
	pointer-events: none;
	background:
		radial-gradient(ellipse 34rem 18rem at 80% 9rem, color-mix(in srgb, var(--intemporris-compte-lune, #7f95c0) 20%, transparent), transparent 70%),
		radial-gradient(ellipse 30rem 12rem at 82% 9.5rem, color-mix(in srgb, var(--intemporris-compte-lune-claire, #b8c6e0) 10%, transparent), transparent 60%),
		radial-gradient(ellipse 40rem 22rem at 12% 62%, color-mix(in srgb, var(--intemporris-compte-lune-sombre, #4f6896) 16%, transparent), transparent 72%);
	-webkit-mask-image: linear-gradient(transparent, var(--intemporris-masque, #000) 9rem);
	mask-image: linear-gradient(transparent, var(--intemporris-masque, #000) 9rem);
}

/* Les plaques : un verre teinté, sombre, que la lumière ne fait qu'effleurer.
   Une tache froide entre par un bord, jamais au même endroit d'une plaque à
   l'autre ; le bord du haut est un peu plus clair que les trois autres. Au
   passage de la main, la tache glisse doucement dans le verre. */
@property --intemporris-lumiere-x {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 12%;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte :is(.discovery-telechargement, .discovery-commande, .discovery-commandes-filtres, .acm-ts-preferences-groupe, .acm-ts-preferences .form-row, address, table.shop_table) {
	--intemporris-lumiere-y: 0%;
	border-color: color-mix(in srgb, var(--intemporris-compte-lune, #7f95c0) 20%, transparent);
	border-block-start-color: color-mix(in srgb, var(--intemporris-compte-lune, #7f95c0) 48%, transparent);
	background:
		radial-gradient(ellipse 60% 120% at var(--intemporris-lumiere-x) var(--intemporris-lumiere-y), color-mix(in srgb, var(--intemporris-compte-lune, #7f95c0) 20%, transparent), transparent 70%),
		linear-gradient(180deg, color-mix(in srgb, var(--intemporris-blanc, #ffffff) 4%, transparent), transparent 40%),
		color-mix(in srgb, var(--intemporris-compte-lune, #7f95c0) 9%, var(--intemporris-compte-nuit, #05070c));
	box-shadow: 0 1.5rem 3rem -2rem var(--intemporris-ombre-profonde, rgb(0 0 0 / 0.9));
	transition: --intemporris-lumiere-x 0.9s ease, border-color var(--intemporris-compte-duree);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte :is(.discovery-telechargements-commande:nth-of-type(3n+2) .discovery-telechargement, .discovery-commande:nth-of-type(3n+2)) {
	--intemporris-lumiere-x: 88%;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte :is(.discovery-telechargements-commande:nth-of-type(3n) .discovery-telechargement, .discovery-commande:nth-of-type(3n)) {
	--intemporris-lumiere-x: 46%;
	--intemporris-lumiere-y: 100%;
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte :is(.discovery-telechargement, .discovery-commande):hover {
	--intemporris-lumiere-x: 62%;
	border-block-start-color: color-mix(in srgb, var(--intemporris-compte-lune, #7f95c0) 70%, transparent);
}

body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte :is(.discovery-telechargements-commande:nth-of-type(3n+2) .discovery-telechargement, .discovery-commande:nth-of-type(3n+2)):hover {
	--intemporris-lumiere-x: 38%;
}

/* Télécharger, la commande principale : un verre gris-bleu un peu plus
   lumineux que la plaque. */
body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte .discovery-entry-content :is(.discovery-telechargement-bouton, .discovery-commandes-bouton-filtrer, .woocommerce-MyAccount-downloads-file, .acm-ts-preferences .button):not([hidden]) {
	border-color: color-mix(in srgb, var(--intemporris-compte-lune, #7f95c0) 60%, transparent);
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--intemporris-blanc, #ffffff) 12%, transparent), transparent 55%),
		color-mix(in srgb, var(--intemporris-compte-lune, #7f95c0) 30%, var(--intemporris-compte-nuit, #05070c));
}

@media (prefers-reduced-motion: reduce) {

	body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte :is(.discovery-telechargement, .discovery-commande, .discovery-commandes-filtres, .acm-ts-preferences-groupe, .acm-ts-preferences .form-row, address, table.shop_table) {
		transition: none;
	}
}

@media (prefers-contrast: more) {

	body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte::before {
		display: none;
	}

	body:is(.woocommerce-downloads, .woocommerce-orders, .woocommerce-view-order) .discovery-entry-compte :is(.discovery-telechargement, .discovery-commande, .discovery-commandes-filtres, .acm-ts-preferences-groupe, .acm-ts-preferences .form-row, address, table.shop_table) {
		background: var(--discovery-color-background, #000000);
	}
}