.coderra-office-availability {
	--coderra-office-blue: #2555a8;
	--coderra-office-border: #9ca0a4;
	--coderra-office-text: #30343b;
	margin: 0 0 1.5rem;
	color: var(--coderra-office-text);
}

.coderra-office-availability__scroll {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.coderra-office-availability__table {
	width: 100%;
	min-width: 680px;
	margin: 0;
	border: 1px solid var(--coderra-office-border);
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

.coderra-office-availability__table th,
.coderra-office-availability__table td {
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--coderra-office-border);
	vertical-align: middle;
	text-align: center !important;
}

.coderra-office-availability__table th {
	background: var(--coderra-office-blue);
	color: #fff;
	font-weight: 700;
}

.coderra-office-availability__table th:first-child,
.coderra-office-availability__table td:first-child {
	width: 37%;
}

.coderra-office-availability__table th:nth-child(2),
.coderra-office-availability__table td:nth-child(2) {
	width: 23%;
}

.coderra-office-availability__table th:nth-child(3),
.coderra-office-availability__table td:nth-child(3) {
	width: 15%;
}

.coderra-office-availability__table th:nth-child(4),
.coderra-office-availability__table td:nth-child(4),
.coderra-office-availability__table th:nth-child(5),
.coderra-office-availability__table td:nth-child(5) {
	width: 12.5%;
}

.coderra-office-availability__table .coderra-office-availability__section-heading {
	text-align: left;
}

.coderra-office-availability__space-name,
.coderra-office-availability__description {
	display: block;
}

.coderra-office-availability__description {
	font-size: 0.95em;
}

@media (max-width: 767px) {
	.coderra-office-availability__scroll {
		overflow: visible;
	}

	.coderra-office-availability__table {
		display: block;
		min-width: 0;
		border: 0;
	}

	.coderra-office-availability__table thead,
	.coderra-office-availability__table tbody,
	.coderra-office-availability__table tr {
		display: block;
	}

	.coderra-office-availability__table thead th {
		display: none;
	}

	.coderra-office-availability__table thead .coderra-office-availability__section-heading {
		display: block;
		width: 100%;
		padding: 0.75rem 1rem;
		border: 0;
		text-align: left;
	}

	.coderra-office-availability__table tbody tr {
		margin: 0 0 1rem;
		border: 1px solid var(--coderra-office-border);
		background: #fff;
	}

	.coderra-office-availability__table td,
	.coderra-office-availability__table td:first-child,
	.coderra-office-availability__table td:nth-child(2),
	.coderra-office-availability__table td:nth-child(3),
	.coderra-office-availability__table td:nth-child(4),
	.coderra-office-availability__table td:nth-child(5) {
		display: grid;
		width: auto;
		grid-template-columns: minmax(7.5rem, 40%) 1fr;
		gap: 1rem;
		padding: 0.7rem 0.85rem;
		border-width: 0 0 1px;
		text-align: left;
	}

	.coderra-office-availability__table tbody td:last-child {
		border-bottom: 0;
	}

	.coderra-office-availability__table td:empty {
		display: none;
	}

	.coderra-office-availability__table td::before {
		content: attr(data-label);
		font-weight: 700;
	}
}