/**
 * Bloc « Planning des cours » : une carte par jour de cours.
 * Liseré de discipline porté par --planning-tone : Gi = primary,
 * NoGi = cod-grey, Self-défense = accent.
 */

.muso-planning__days {
	display: grid;
	gap: var(--wp--preset--spacing--md);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
}

.muso-planning__day {
	border: 1px solid var(--wp--preset--color--contrast-lower);
	padding: var(--wp--preset--spacing--lg);
}

.muso-planning__day-name {
	margin-block: 0 var(--wp--preset--spacing--sm);
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.muso-planning__classes {
	margin: 0;
	padding: 0;
	list-style: none;
}

.muso-planning__class {
	--planning-tone: var(--wp--preset--color--primary);

	display: grid;
	gap: var(--wp--preset--spacing--2-xs);
	justify-items: start;
	margin-block: var(--wp--preset--spacing--sm);
	border-inline-start: 3px solid var(--planning-tone);
	padding-inline-start: var(--wp--preset--spacing--sm);
}

.muso-planning__class:last-child {
	margin-block-end: 0;
}

.muso-planning__class--nogi {
	--planning-tone: var(--wp--preset--color--cod-grey);
}

.muso-planning__class--self-defense {
	--planning-tone: var(--wp--preset--color--accent-darker);
}

.muso-planning__time {
	margin: 0;
	font-size: var(--wp--preset--font-size--large);
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	line-height: var(--wp--custom--line-height--sm);
}


.muso-planning__name,
.muso-planning__location {
	margin: 0;
	overflow-wrap: anywhere;
}

.muso-planning__location {
	color: var(--wp--preset--color--contrast-high);
	font-size: var(--wp--preset--font-size--small);
}


.muso-planning__empty {
	margin: 0;
	border: 1px solid var(--wp--preset--color--contrast-lower);
	padding: var(--wp--preset--spacing--lg);
}