@use "~admin-stylesheets/colors";

.nelio-content-day-grid {
	background: colors.$layout-colors__border--is-subtle;
	grid-template-columns: repeat(7, minmax(1px, 1fr));
	grid-template-rows: 2em;
	gap: 1px;

	&__header {
		background: colors.$layout-colors__background;
		display: grid;
		grid-column: 1 / 8;
		grid-template-columns: repeat(7, minmax(1px, 1fr));
	}

	&__weekday {
		align-items: center;
		color: colors.$layout-colors__foreground;
		display: flex;
		font-weight: 400;
		justify-content: center;
		opacity: 0.9;
		text-transform: uppercase;
	}
}