/* Core's own "Stripes" table style (is-style-stripes) adds a 1px bottom
   border as a base line for the table — removed here as a deliberate
   EverPress choice (not a cms4 deviation). */
.wp-block-table.is-style-stripes {
	border-bottom: none;
}

@media (max-width: 640px) {
	.ep-table-wrapper .wp-block-table {
		overflow-x: visible;
	}

	.ep-table-wrapper table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.ep-table-wrapper td,
	.ep-table-wrapper th {
		min-width: 50vw;
	}
}

.ep-table--gestreift th,
.ep-table--gestreift td {
	border-color: transparent;
	border-bottom: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}

.ep-table--gestreift thead {
	border-bottom: 2px solid color-mix(in srgb, currentColor 15%, transparent);
}

.ep-table--gestreift tfoot {
	border-top: 2px solid color-mix(in srgb, currentColor 15%, transparent);
}

.ep-table--gestreift tbody tr:nth-child(even) td,
.ep-table--gestreift tbody tr:nth-child(even) th {
	background-color: color-mix(in srgb, currentColor 5%, transparent);
}

.ep-table--umrandet table {
	border: 2px solid rgba(0, 0, 0, .4);
	border-collapse: collapse;
}

.ep-table--umrandet th,
.ep-table--umrandet td {
	border: 1px solid rgba(0, 0, 0, .2);
}

.ep-table--kompakt th,
.ep-table--kompakt td {
	padding: .2rem .4rem;
}

.ep-table--breite-auto table {
	width: auto;
	min-width: 0;
}

.ep-table--kopf-theme thead th,
.ep-table--kopf-theme thead td {
	background-color: var(--color-primary);
	color: var(--color-primary-text);
}

.ep-table--kopf-hell thead th,
.ep-table--kopf-hell thead td {
	background-color: rgba(0, 0, 0, .06);
}

.ep-table--kopf-dunkel thead th,
.ep-table--kopf-dunkel thead td {
	background-color: rgba(0, 0, 0, .8);
	color: #fff;
}