/* Bloc fixe à droite : Contact, Espace apprenant, Nos actualités, Notre catalogue */

.bloc-fixe-droite {
	--bloc-fixe-couleur: #0f5778;
	--bloc-fixe-couleur-survol: #e2001a;
	--bloc-fixe-taille: 50px;

	position: fixed;
	top: 30%;
	right: 20px;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
}

.bloc-fixe-droite__lien {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: var(--bloc-fixe-taille);
	max-width: var(--bloc-fixe-taille);
	border-radius: calc(var(--bloc-fixe-taille) / 2);
	background: var(--bloc-fixe-couleur);
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	transition: max-width .25s ease, background-color .25s ease;
}

.bloc-fixe-droite__lien:hover,
.bloc-fixe-droite__lien:focus-visible {
	max-width: 240px;
	background: var(--bloc-fixe-couleur-survol);
	color: #fff;
	text-decoration: none;
}

.bloc-fixe-droite__libelle {
	padding: 0 4px 0 20px;
	font-size: 14px;
	font-weight: 600;
	opacity: 0;
	transition: opacity .2s ease;
}

.bloc-fixe-droite__lien:hover .bloc-fixe-droite__libelle,
.bloc-fixe-droite__lien:focus-visible .bloc-fixe-droite__libelle {
	opacity: 1;
}

.bloc-fixe-droite__icone {
	flex: 0 0 var(--bloc-fixe-taille);
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--bloc-fixe-taille);
}

.bloc-fixe-droite__icone svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}

/* Mobile : pastilles plus petites, collées au bord */
@media (max-width: 767px) {
	.bloc-fixe-droite {
		--bloc-fixe-taille: 40px;
		top: auto;
		bottom: 90px;
		right: 8px;
		gap: 6px;
	}

	.bloc-fixe-droite__icone svg {
		width: 18px;
		height: 18px;
	}
}