/*
 * Divi Child — Tariff table styles.
 * BEM prefix: inventorl-tarife-  (never overrides Divi core selectors).
 */

.inventorl-tarife {
	margin: 24px 0;
	overflow-x: auto;
}

.inventorl-tarife__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.97rem;
}

.inventorl-tarife__table th,
.inventorl-tarife__table td {
	padding: 11px 16px;
	text-align: left;
	border-bottom: 1px solid #e2e8f0;
	vertical-align: middle;
}

.inventorl-tarife__table thead th {
	background: #f5f7fa;
	font-weight: 700;
	color: #0e2a47;
	font-size: 0.88rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border-bottom: 2px solid #d9e3f0;
}

.inventorl-tarife__table tbody tr:last-child td {
	border-bottom: none;
}

.inventorl-tarife__table tbody tr:hover td {
	background: #f9fbfd;
}

.inventorl-tarife__table td:last-child {
	font-weight: 600;
	color: #17457a;
	white-space: nowrap;
	text-align: right;
}

.inventorl-tarife__table th:last-child {
	text-align: right;
}

.inventorl-tarife--two-col {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

.inventorl-tarife--two-col .inventorl-tarife__table {
	flex: 1 1 0;
	min-width: 0;
}

@media (max-width: 720px) {
	.inventorl-tarife--two-col {
		flex-direction: column;
		gap: 0;
	}
}

@media (max-width: 480px) {
	.inventorl-tarife__table th,
	.inventorl-tarife__table td {
		padding: 9px 10px;
		font-size: 0.92rem;
	}
}
