/**
 * Styling NUR für die Ergebnis-Ausgabe des Rechners.
 * Das Styling der Eingabe-UI (Slider, Toggle, Felder, Buttons) liefert die Seite.
 * Es werden die CSS-Variablen der Salespage genutzt (mit Fallback-Werten, falls
 * der Shortcode außerhalb der Salespage verwendet wird).
 */

.pv-calc-result {
	margin-top: 26px;
}

.pv-result-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 28px;
	margin-bottom: 16px;
	font-size: 14.5px;
	color: var(--muted, #5b5b5b);
}

.pv-result-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	border: 1px solid var(--line, #e6e6e6);
	border-radius: 12px;
	overflow: hidden;
}

.pv-result-table th,
.pv-result-table td {
	padding: 11px 14px;
	text-align: left;
	border-bottom: 1px solid var(--line, #e6e6e6);
}

.pv-result-table thead th {
	background: var(--red, #e8232b);
	color: #fff;
	font-weight: 700;
	font-size: 13px;
}

.pv-result-table .num {
	text-align: right;
	white-space: nowrap;
}

.pv-result-table tbody tr:nth-child(even) {
	background: var(--surface-2, #f7f7f8);
}

.pv-result-table tr.pv-subtotal td {
	background: var(--surface-2, #f1f1f3);
	font-weight: 600;
	border-top: 1px solid var(--line, #e6e6e6);
}

.pv-result-table tfoot td {
	border-bottom: none;
	padding-top: 12px;
}

.pv-result-table tfoot tr.pv-total td {
	font-size: 16px;
	border-top: 2px solid var(--red, #e8232b);
	padding-top: 14px;
}

.pv-vat-note {
	margin: 14px 2px 0;
	font-size: 12.5px;
	color: var(--muted-2, #8a8a8a);
	line-height: 1.5;
}

.pv-vat-note a {
	color: var(--red, #e8232b);
}

.pv-pdf-form {
	margin-top: 22px;
}

.pv-pdf-form .btn {
	width: 100%;
	padding: 16px;
	font-size: 16px;
}

.pv-errors {
	background: rgba(232, 35, 43, 0.06);
	border: 1px solid rgba(232, 35, 43, 0.25);
	border-radius: 12px;
	padding: 14px 18px;
	color: var(--red, #c81e25);
	font-size: 14px;
}

.pv-errors ul {
	margin: 0;
	padding-left: 18px;
}