/* mod_mtxcalculatrice — styles repris du legacy PRO (commons/css/style.css).
   Scopés sous .mtxcalc pour ne dépendre d'aucun CSS du template (ne touche pas vincent.css). */

.mtxcalc { font-family: Poppins, "Helvetica Neue", Arial, sans-serif; }

.mtxcalc .calculatorContent {
	border: 1px solid #dedede;
	border-radius: 10px;
	margin: 0 auto;
	max-width: 940px;
	position: relative;
}

.mtxcalc .head { margin-bottom: 10px; text-align: right; padding: 8px 14px 0; }
.mtxcalc span.champsObl { font-size: 10px; line-height: 26px; padding: 0 14px 0 0; }

.mtxcalc .content {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 940px;
	padding: 0 15px 15px;
	position: relative;
}

.mtxcalc .rowInput {
	border-bottom: 1px solid #e7e7e7;
	padding: 10px 0;
	position: relative;
}
.mtxcalc .rowInput::before,
.mtxcalc .rowInput::after { content: " "; display: table; }
.mtxcalc .rowInput::after { clear: both; }

.mtxcalc .rowInput label {
	float: left;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	margin-top: 11px;
	padding-right: 10px;
	text-transform: uppercase;
	width: 310px;
}

.mtxcalc .rowInput span {
	color: #000;
	float: left;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -1px;
	padding: 13px 5px 0;
}

.mtxcalc .inputNumber {
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 6px;
	box-shadow: 0 2px 0 #dfdfdf;
	color: #000;
	float: left;
	font-size: 15px;
	font-weight: 900;
	margin: 3px 0 0;
	outline: 0;
	padding: 5px 6px 3px 0;
	text-align: right;
	width: 200px;
}
.mtxcalc .inputNumber.mini { width: 90px; }

.mtxcalc select {
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 6px;
	box-shadow: 0 2px 0 #dfdfdf;
	color: #000;
	float: left;
	font-size: 15px;
	font-weight: 900;
	margin: 3px 0 0;
	outline: 0;
	padding: 3px 6px 3px 0;
	text-transform: uppercase;
	width: 260px;
}
.mtxcalc select.vMini { width: 70px; }

.mtxcalc .pagination {
	background: #fff;
	clear: both;
	min-height: 36px;
	padding: 14px 0 5px;
	position: relative;
	width: 100%;
}

.mtxcalc .pagination .btNext,
.mtxcalc .pagination button.btn {
	background: #c0543a;
	border: 0;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	padding: 0 22px;
	text-decoration: none;
	text-transform: uppercase;
}
.mtxcalc .pagination .btNext:hover { box-shadow: 0 4px 12px -3px rgba(0, 0, 0, .53); transition: all .3s; }

.mtxcalc .error {
	background: #ff9615;
	color: #fff;
	padding: 10px;
	border-radius: 6px;
	margin: 5px 0;
}
.mtxcalc .error strong { display: block; }

.mtxcalc .conclusion {
	background: #f6f6f6;
	border-radius: 15px;
	clear: both;
	font-size: 14px;
	margin: 18px auto 0;
	max-width: 550px;
	padding: 15px;
	text-align: center;
}
.mtxcalc .conclusion strong { color: #ef8100; }
.mtxcalc .conclusion .resultatMea {
	color: #ef8100;
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.mtxcalc #content-cta { margin-top: 18px; text-align: center; }
.mtxcalc #cta-orange {
	border-radius: 6px;
	box-shadow: 0 6px 0 #e57f00;
	display: inline-block;
	font-size: 17px;
	height: 45px;
	line-height: 35px;
	max-width: 360px;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}
.mtxcalc #cta-orange span {
	background-color: #ff9600;
	border-radius: 6px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: 900;
	height: 42px;
	line-height: 42px;
	text-transform: uppercase;
	transition: background-color .2s ease-in-out, transform .1s ease-in-out;
	width: 100%;
}
.mtxcalc #cta-orange span:hover { transform: translateY(4px); }

/* Responsive (reprise du comportement mobile legacy) */
@media (max-width: 640px) {
	.mtxcalc .rowInput label { float: none; width: 100%; margin-bottom: 4px; }
	.mtxcalc .inputNumber, .mtxcalc .inputNumber.mini, .mtxcalc select { float: none; width: 100%; box-sizing: border-box; }
	.mtxcalc .rowInput span { float: none; padding: 6px 0 0; }
	.mtxcalc .pagination .btNext { width: 100%; box-sizing: border-box; text-align: center; }
}