/* Monsieur Menuiserie – Modèles : couleurs (front, shortcode [mm_couleurs]) */

.mm-colors {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.mm-colors-title {
	font-weight: 600;
	font-size: 1.1rem;
}
/* Une gamme : son titre puis ses couleurs. */
.mm-colors-group {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.mm-colors-group-title {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 600;
}
.mm-colors-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mm-color {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}
.mm-color-swatch {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 0 0 2px #fff;
	transition: 300ms;
}
.mm-color:hover > .mm-color-swatch {
	transform: scale(1.1);
}
.mm-color-name {
	font-size: 1rem;
}