/**
 * Bartels Openingstijden – front-end stijl.
 * De accentkleur wordt via een inline --bartels-ot-accent variabele gezet.
 */

.bartels-ot {
	--bartels-ot-accent: #c9a43d;
	display: inline-block;
	max-width: 100%;
	/* Erf lettertype en tekstkleur van het DIVI-thema. */
	font-family: inherit;
	color: inherit;
}

.bartels-ot__titel {
	margin: 0 0 .6em;
	font-size: 1.15em;
}

/* Tabel op basis van CSS-grid: dag links, tijd rechts, netjes uitgelijnd. */
.bartels-ot__tabel {
	display: grid;
	grid-template-columns: auto auto;
	column-gap: 1.5em;
	row-gap: 0;
	align-items: baseline;
}

.bartels-ot__rij {
	display: contents;
}

.bartels-ot__dag,
.bartels-ot__tijd {
	padding: .35em 0;
	/* Transparante rand zodat de layout niet verspringt bij de huidige dag. */
	border-bottom: 1px solid transparent;
	line-height: 1.3;
}

.bartels-ot__dag {
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
}

.bartels-ot__tijd {
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

/* Huidige dag: onderlijnd met een 1px goud/geel randje. */
.bartels-ot__rij.is-vandaag .bartels-ot__dag,
.bartels-ot__rij.is-vandaag .bartels-ot__tijd {
	border-bottom-color: var(--bartels-ot-accent);
}

/* Bijzondere gesloten dag in de huidige week. */
.bartels-ot__rij.is-bijzonder-gesloten .bartels-ot__tijd {
	font-style: italic;
}

.bartels-ot__leeg {
	margin: 0;
	font-style: italic;
}