/**
 * BD Set Dimensions — Frontend styles
 * Designed to inherit theme colours/fonts where possible.
 */

.bdsd-wrapper {
	margin: 1.5em 0;
}

.bdsd-title {
	margin: 0 0 0.75em;
	font-size: 1.1em;
	font-weight: 600;
}

/* Table layout */
.bdsd-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	font-size: 0.95em;
}

.bdsd-table th,
.bdsd-table td {
	padding: 0.5em 0.75em;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
}

.bdsd-table thead th {
	font-weight: 600;
	background: #fafafa;
	border-bottom: 2px solid #ddd;
}

.bdsd-table .bdsd-col-name {
	width: 40%;
}

.bdsd-table .bdsd-col-dim {
	width: 20%;
	text-align: center;
	white-space: nowrap;
}

.bdsd-table thead .bdsd-col-dim {
	text-align: center;
}

/* List layout */
.bdsd-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bdsd-list-item {
	padding: 0.4em 0;
	border-bottom: 1px solid #f0f0f0;
}

.bdsd-list-item:last-child {
	border-bottom: none;
}

.bdsd-list-name {
	font-weight: 400;
}

/* Mobile */
@media (max-width: 600px) {
	.bdsd-table th,
	.bdsd-table td {
		padding: 0.4em 0.4em;
		font-size: 0.9em;
	}
}