/**
* core/table
*/

.wp-block-table {
	--table--border--color: var(--wp--preset--color--accent-2);

	position: relative;
	border: 1px solid var(--table--border--color);
	border-radius: var(--wp--custom--border--radius--10);
	container: table / inline-size;
	z-index: 1;
	overflow-x: auto;
	scrollbar-color: var(--wp--preset--color--gray) transparent;
	scrollbar-width: thin;
}

.wp-block-table :is(td, th) {
	padding: 20px var(--wp--preset--spacing--20);
	border: 0;
}

.wp-block-table thead {
	background-color: var(--wp--preset--color--accent-2);
	border-block-end: 0;
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--xx-small);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-weight: 900;
	letter-spacing: 0.075ch;
	text-transform: uppercase;
}

.wp-block-table thead th {
	padding-block: var(--wp--preset--spacing--20);
	text-align: start;
}

.wp-block-table tbody td {
	border-block-end: 1px solid var(--table--border--color);
}

.wp-block-table tbody td:not(:last-child) {
	border-inline-end: 1px solid var(--table--border--color);
}

.wp-block-table tbody tr:last-child td {
	border-block-end: 0;
}

/* When follows a heading */
.wp-block-table:is(.wp-block-heading + *) {
	margin-block-start: var(--wp--preset--spacing--20);
}

@container table (width < 500px) {
	.wp-block-table:not(.has-wrapping-cells-mobile, .has-mobile-scrolling-disabled) table {
		inline-size: 100%;
		min-inline-size: 500px;
	}
}