/* Icône — styles partagés avec Boîte icône */
.mb-icon-wrap {
	display: flex;
}

.mb-icon-box-shape {
	--mb-icon-primary: var(--mb-primary);
	--mb-icon-secondary: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: var(--mb-icon-primary);
	text-decoration: none;
	transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

.mb-icon-view--stacked {
	background-color: var(--mb-icon-primary);
	color: var(--mb-icon-secondary);
	padding: 0.5em;
}

.mb-icon-view--framed {
	--mb-icon-secondary: transparent;
	border: 3px solid var(--mb-icon-primary);
	background-color: var(--mb-icon-secondary);
	padding: 0.5em;
}

.mb-icon-shape--circle { border-radius: 50%; }
.mb-icon-shape--rounded { border-radius: 18%; }
.mb-icon-shape--square { border-radius: 0; }

a.mb-icon-box-shape:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }