.ebn-table-address {
	--_table-body-max-height: 85vh;

	background-color: var(--wp--preset--color--neutral-05);
	padding-block: var(--wp--preset--spacing--3-xl);
	padding-inline: var(--wp--custom--grid--margin);
	overflow: hidden;
}

.ebn-table-address__container {
	max-width: var(--wp--custom--width--default);
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--l);
	align-items: center;
}

.ebn-table-address__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--l);
}

.ebn-table-address__heading {
	color: var(--wp--preset--color--brand-primary-50);
	text-align: center;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.ebn-table-address__heading em {
	font-style: italic;
	color: var(--wp--preset--color--brand-secondary-50);
}

.ebn-table-address__description {
	color: var(--wp--preset--color--brand-primary-40);
	text-align: center;
	max-width: var(--wp--custom--width--small);
}

.ebn-table-address__table-head {
	display: none;
}

.ebn-table-address__table {
	border-collapse: collapse;
}

.ebn-table-address__table-body .ebn-table-address__table-row {
	display: flex;
	flex-direction: column;
	background-color: var(--wp--preset--color--neutral-white);
	padding: var(--wp--preset--spacing--xl);
	border-radius: var(--wp--custom--border-radius--s);
	gap: var(--wp--preset--spacing--s);
}

.ebn-table-address__table-td {
	display: flex;
	flex-direction: column;
	color: var(--wp--preset--color--brand-primary-50);
	font-family: var(--wp--preset--font-family--secondary);
	font-size: var(--wp--preset--font-size--2-xs);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0;
	border: none;
}

.ebn-table-address__table-td::before {
	content: attr(data-label);
	font-size: var(--wp--preset--font-size--3-xs);
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.28px;
	text-transform: uppercase;
}

.ebn-table-address__table-td--code {
	flex-direction: row;
	gap: 0.3em;
	font-size: var(--wp--preset--font-size--s);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	border-bottom: 1px solid var(--wp--preset--color--brand-primary-30);
	padding-bottom: var(--wp--preset--spacing--2-xs);
	margin-bottom: var(--wp--preset--spacing--2-xs);
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	text-transform: uppercase;
}

.ebn-table-address__table-td--code::before {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

.ebn-table-address__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--s);
}

@media (min-width: 768px) {
	.ebn-table-address__table-wrap {
		max-width: var(--wp--custom--width--narrow);
		margin-inline: auto;
		width: 100%;
		background-color: var(--wp--preset--color--neutral-white);
		border-radius: var(--wp--custom--border-radius--xs);
		overflow: hidden;
	}

	.ebn-table-address__table {
		width: 100%;
		table-layout: fixed;
	}

	.ebn-table-address__table-head {
		display: table-header-group;
	}

	.ebn-table-address__table-body {
		display: table-row-group;
	}

	.ebn-table-address__table-body .ebn-table-address__table-row {
		display: table-row;
		background-color: transparent;
		padding: 0;
		border-radius: 0;
		gap: 0;
	}

	.ebn-table-address__table-th,
	.ebn-table-address__table-td {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}

	.ebn-table-address__table-th {
		background-color: var(--wp--preset--color--brand-primary-50);
		color: var(--wp--preset--color--neutral-white);
		letter-spacing: 0;
		padding: var(--wp--preset--spacing--s) var(--wp--preset--spacing--xs);
		border-right: 1px solid var(--wp--preset--color--brand-primary-10);
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
		text-transform: uppercase;
	}

	.ebn-table-address__table-th:last-child {
		border-right: none;
	}

	.ebn-table-address__table-td {
		background-color: var(--wp--preset--color--neutral-white);
		color: var(--wp--preset--color--brand-primary-50);
		font-size: var(--wp--preset--font-size--3-xs);
		font-weight: 400;
		letter-spacing: 0.28px;
		padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--2-xs);
		border-right: 1px solid var(--wp--preset--color--brand-primary-30);
		text-transform: none;
	}

	.ebn-table-address__table-td--code {
		border-bottom: none;
		padding-bottom: var(--wp--preset--spacing--xs);
		margin-bottom: 0;
		text-box-trim: unset;
		text-box-edge: unset;
		text-transform: none;
		flex-direction: unset;
		gap: 0;
	}

	.ebn-table-address__table-td:last-child {
		border-right: none;
	}

	.ebn-table-address__table-td::before {
		display: none;
	}

	.ebn-table-address__table-body .ebn-table-address__table-row + .ebn-table-address__table-row .ebn-table-address__table-td {
		border-top: 1px solid var(--wp--preset--color--brand-primary-30);
	}

	.ebn-table-address__table-th--code,
	.ebn-table-address__table-td--code {
		width: 10%;
	}

	.ebn-table-address__table-th--locality,
	.ebn-table-address__table-td--locality {
		width: 14%;
	}

	.ebn-table-address__nav {
		display: none;
	}

	.ebn-table-address__table-wrap {
		max-height: var(--_table-body-max-height);
		overflow-y: auto;
	}

	.ebn-table-address__table-head {
		position: sticky;
		top: 0;
		z-index: 1;
		background-color: var(--wp--preset--color--neutral-white);
	}
}