/**
 * Les options d'une ligne, dans le panier, la commande et le compte.
 *
 * Le tissu garde sa vignette : c'est à elle que la cliente reconnaît son
 * choix, et à elle que Lara reconnaît quoi couper.
 */

.maelia-option-tissu {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	vertical-align: middle;
}

/* Dans le HTML, le nom précède la vignette : les e-mails et le PDF, qui
   ignorent flex, lisent « nom puis image ». Ici, l'image repasse devant. */
.maelia-option-tissu__image {
	order: -1;
	flex: none;
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: var(--maelia-radius, 3px);
	background: var(--maelia-teal-200, #E2F0EB);
}

.maelia-option-tissu__nom {
	line-height: 1.3;
}

/* Le panier rapide (tiroir Flatsome) : l'image produit reste la vignette
   principale, et le tissu vient en petit entre « Choix du tissu : » et son
   nom. Flatsome pose toutes les <img> de la ligne en absolu à 60 px — la
   vignette du tissu doit en sortir, d'où la spécificité à trois classes. */
.woocommerce-mini-cart-item .maelia-option-tissu .maelia-option-tissu__image {
	position: static;
	display: block;
	width: 28px;
	height: 28px;
	margin: 0;
}

.woocommerce-mini-cart-item .maelia-option-tissu {
	gap: 0.35rem;
}

/* ---------------------------------------------------------------------------
 * L'ÉCRITURE — le prénom relu dans sa police
 * Les sept polices de personnalisation (sous-ensembles latins, 225 Kio au
 * total, chargées seulement si une ligne les emploie : un @font-face ne
 * télécharge rien tant qu'aucun texte ne l'appelle).
 * ------------------------------------------------------------------------- */

@font-face { font-family: 'Michland'; font-display: swap; src: url('../../fonts/michland-latin.woff2') format('woff2'); }
@font-face { font-family: 'Josephsophia'; font-display: swap; src: url('../../fonts/josephsophia-latin.woff2') format('woff2'); }
@font-face { font-family: 'Maiandra-GD'; font-display: swap; src: url('../../fonts/maiandra-gd-latin.woff2') format('woff2'); }
@font-face { font-family: 'Script MT Bold'; font-display: swap; src: url('../../fonts/script-mt-bold-latin.woff2') format('woff2'); }
@font-face { font-family: 'Monotype Corsiva'; font-display: swap; src: url('../../fonts/monotype-corsiva-latin.woff2') format('woff2'); }
@font-face { font-family: 'Palatino Linotype'; font-display: swap; src: url('../../fonts/palatino-linotype-latin.woff2') format('woff2'); }
@font-face { font-family: 'Berlin Sans FB'; font-display: swap; src: url('../../fonts/berlin-sans-fb-latin.woff2') format('woff2'); }

.maelia-option-police {
	display: inline-block;
	vertical-align: top;
}

.maelia-option-police__apercu {
	display: block;
	font-size: 1.5em;
	line-height: 1.25;
	font-weight: 400;
	color: var(--maelia-ink, #0E3B33);
}

.woocommerce-mini-cart-item .maelia-option-police__apercu {
	font-size: 1.3em;
}