/**
 * Présentation commune des options TM EPO.
 * Tous les accordéons partagent la même géométrie, quel que soit le produit.
 *
 * @package Annexe_Customizations
 */

body.single-product form.cart .tm-extra-product-options,
body.single-product form.cart .tc-extra-product-options {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	box-sizing: border-box;
}

body.single-product form.cart .tm-extra-product-options > li,
body.single-product form.cart .tm-extra-product-options-fields > li.tc-row,
body.single-product form.cart .cpf-section,
body.single-product form.cart .cpf-section.tc-cell {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	align-self: stretch;
	float: none;
	box-sizing: border-box;
}

/*
 * La grille EPO décale certaines sections avec une marge négative
 * et un padding de cellule. On les annule sur l'enveloppe de l'accordéon
 * pour que chaque boîte ait le même bord gauche et le même bord droit.
 */
body.single-product form.cart .cpf-section > .tc-section-inner-wrap,
body.single-product form.cart .cpf-section > .tc-section-inner-wrap > .tc-row,
body.single-product form.cart .cpf-section .tm-collapse,
body.single-product form.cart .cpf-section .tm-collapse-wrap {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	float: none;
	box-sizing: border-box;
}

body.single-product form.cart .tm-collapse {
	display: block;
	clear: both;
	margin-bottom: 0.75rem;
}

body.single-product form.cart .tm-collapse > .tm-section-label,
body.single-product form.cart .tm-collapse > .tc-cell.tm-section-label,
body.single-product form.cart .tm-collapse > .tc-col-auto.tm-section-label {
	display: block;
	flex: none;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0 2rem 0 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	box-sizing: border-box;
}

body.single-product form.cart .tm-collapse-wrap.closed {
	display: none;
}

body.single-product form.cart .tm-collapse-wrap {
	margin-top: 0.75rem;
}

body.single-product form.cart .tm-epo-element-label {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	margin: 0.65rem 0 0.2rem;
}

body.single-product form.cart li.tmcp-field-wrap {
	margin-bottom: 0.35rem;
}

body.single-product form.cart .tc-price,
body.single-product form.cart .amount {
	font-variant-numeric: tabular-nums;
}

/* Le prix déplacé sous les options occupe sa propre ligne, au-dessus de la quantité. */
body.single-product form.cart .woocommerce-variation-add-to-cart {
	flex-wrap: wrap;
}

body.single-product form.cart .tc-extra-product-options ~ .single_variation,
body.single-product form.cart .tc-extra-product-options ~ .elementor-widget-woocommerce-product-price {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	margin: 0 0 0.75rem;
}

body.single-product form.cart .aco-catalog-price.aco-price-covered,
body.single-product form.cart .woocommerce-variation-price.aco-price-covered {
	display: none !important;
}

body.single-product form.cart a.reset_variations,
body.single-product form.cart .tm-epo-reset-variation {
	display: none !important;
}

/*
 * Le cheddar inséré dans Sauce ne doit pas ajouter le padding
 * de .tc-container, sinon sa case est décalée par rapport aux autres sauces.
 */
body.single-product form.cart #aco-cheddar-supplement.cpf-element,
body.single-product form.cart #aco-cheddar-supplement.tc-container {
	width: 100%;
	max-width: 100%;
	margin: 0 0 0.35rem;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

body.single-product form.cart .cpf-element.aco-cheddar-supplement.aco-cheddar-on,
body.single-product form.cart .cpf-element.aco-cheddar-supplement-div.aco-cheddar-on {
	display: block !important;
}