/*
 * Encart "Le Thé de mon Village" (LMV_Tea::render_offer()) : volet panier et
 * page Panier. Variables de couleur et polices du thème (style.css).
 */
.lmv-tea-offer {
	display: flex;
	gap: 0.9em;
	align-items: flex-start;
	margin: 0.4em 0 1em;
	padding: 0.85em;
	border: 1px dashed var(--lmv-copper, #1e4a2c);
	border-radius: 14px;
	background: var(--lmv-paper, #f9f4e8);
	color: var(--lmv-ink, #3d2c1e);
	font-size: 0.92em;
	line-height: 1.4;
}

.lmv-tea-offer__visual {
	flex: 0 0 4.6em;
}

.lmv-tea-offer__visual img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 872 / 1600;
	object-fit: cover;
	border-radius: 8px;
}

.lmv-tea-offer__body {
	flex: 1 1 auto;
	min-width: 0;
}

.lmv-tea-offer__pitch {
	margin: 0 0 0.3em;
	font-family: var(--lmv-font-heading, sans-serif);
	color: var(--lmv-copper, #1e4a2c);
}

.lmv-tea-offer__pitch strong {
	font-weight: 600;
}

.lmv-tea-offer__meta {
	margin: 0 0 0.6em;
	font-size: 0.9em;
	color: var(--lmv-ink-soft, #6b5843);
}

.lmv-tea-offer__price {
	font-weight: 700;
	color: var(--lmv-terracotta, #b35839);
}

.lmv-tea-offer__select {
	display: block;
	width: 100%;
	margin: 0 0 0.5em;
	padding: 0.5em 0.6em;
	border: 1px solid var(--lmv-line, #ddd0ac);
	border-radius: 8px;
	background: #fff;
	color: var(--lmv-ink, #3d2c1e);
	font: inherit;
}

.lmv-tea-offer .lmv-tea-offer__add {
	width: 100%;
	margin: 0;
	padding: 0.6em 1em;
	border-radius: 999px;
	background: var(--lmv-terracotta, #b35839);
	color: #fff;
	font-family: var(--lmv-font-heading, sans-serif);
	font-weight: 600;
}

.lmv-tea-offer .lmv-tea-offer__add:hover,
.lmv-tea-offer .lmv-tea-offer__add:focus-visible {
	background: var(--lmv-copper, #1e4a2c);
	color: #fff;
}

.lmv-tea-offer .lmv-tea-offer__add.loading {
	opacity: 0.6;
	cursor: wait;
}

.lmv-tea-offer__error {
	margin: 0.5em 0 0;
	color: var(--lmv-terracotta, #b35839);
	font-size: 0.9em;
}

/* Page Panier : plus de place, bouton à côté de la liste. */
.lmv-tea-offer--cart {
	max-width: 40em;
	margin: 1.5em 0;
	font-size: 1em;
}

.lmv-tea-offer--cart .lmv-tea-offer__visual {
	flex-basis: 6em;
}

@media (min-width: 600px) {
	.lmv-tea-offer--cart .lmv-tea-offer__body {
		display: grid;
		grid-template-columns: 1fr auto;
		column-gap: 0.6em;
		align-items: center;
	}

	.lmv-tea-offer--cart .lmv-tea-offer__pitch,
	.lmv-tea-offer--cart .lmv-tea-offer__meta,
	.lmv-tea-offer--cart .lmv-tea-offer__error {
		grid-column: 1 / -1;
	}

	.lmv-tea-offer--cart .lmv-tea-offer__select {
		margin: 0;
	}

	.lmv-tea-offer--cart .lmv-tea-offer__add {
		width: auto;
	}
}

/* Volet : élément de la liste des articles (styles Storefront des li neutralisés). */
.lmv-cart-drawer .widget_shopping_cart .product_list_widget li.lmv-tea-offer-item {
	margin: 0.25em 0 0.75em;
	padding: 0;
	border: 0;
	background: none;
	list-style: none;
}

.lmv-cart-drawer .lmv-tea-offer {
	margin: 0;
	background: #fff;
}

.lmv-cart-drawer .lmv-tea-offer__visual {
	flex-basis: 3.8em;
}

/* Descriptif (ingrédients) du parfum choisi */
.lmv-tea-offer__description {
	display: block;
	margin: -0.15em 0 0.6em;
	color: var(--lmv-ink-soft, #6b5843);
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.4;
}

.lmv-tea-offer__description[hidden] {
	display: none;
}

@media (min-width: 600px) {
	.lmv-tea-offer--cart .lmv-tea-offer__description {
		grid-column: 1 / -1;
		order: 1;
		margin: 0.5em 0 0;
	}
}