/**
 * Calculateur de surface — habillage.
 *
 * Volontairement discret : la largeur des champs et l'essentiel de la mise en
 * forme viennent déjà du CSS personnalisé du site, repris de la production.
 */

#price_calculator {
	width: 100%;
	margin: 0 0 1.2em;
	border-collapse: collapse;
}

#price_calculator td {
	padding: 0.35em 0;
	border: 0;
	vertical-align: middle;
}

#price_calculator label {
	margin: 0;
	font-weight: 500;
}

#price_calculator .amount_needed {
	max-width: 10em;
	text-align: right;
}

#price_calculator .amount_needed.storepei-calc-invalide {
	border-color: #b32d2e;
	box-shadow: 0 0 0 1px #b32d2e;
}

#price_calculator .total-amount td,
#price_calculator .calculated-price td {
	padding-top: 0.6em;
	border-top: 1px solid rgba( 0, 0, 0, 0.08 );
}

#price_calculator .calculated-price .product_price {
	font-size: 1.25em;
	font-weight: 700;
}

#price_calculator .storepei-calc-message td {
	padding-top: 0.5em;
}

#price_calculator .storepei-calc-erreur {
	display: inline-block;
	color: #b32d2e;
	font-size: 0.9em;
	line-height: 1.4;
}