/**
 * Stickybar réseau Archigroup (design Figma node 820-3164).
 * Barre verticale fixe à droite : cellules 50×50, gap/padding 10px, largeur 70px,
 * fond bleu translucide #113F64 à 40 % + blur 12px, accents orange #E9630B.
 */

.agpn-stickybar {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	transition: top 0.3s ease;
	z-index: 90;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
	background: rgba(17, 63, 100, 0.4);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	/* Entrée : glisse depuis le bord droit au chargement. `translate` se
	   compose avec `transform` (centrage) et le top piloté par stickybar.js.
	   La barre persiste aux transitions AJAX → l'animation ne joue qu'une fois. */
	animation: agpn-stickybar-in 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
}

@keyframes agpn-stickybar-in {
	from {
		translate: 100px 0;
	}
	to {
		translate: 0 0;
	}
}

.agpn-stickybar__item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
}

.agpn-stickybar__logo img {
	display: block;
	max-width: 44px;
	max-height: 40px;
	width: auto;
	height: auto;
	transition: opacity 0.2s ease;
}

.agpn-stickybar__logo:hover img {
	opacity: 0.7;
}

.agpn-stickybar__btn {
	border: 1px solid #e9630b;
	color: #e9630b;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.agpn-stickybar__btn svg {
	display: block;
	width: 18px;
	height: auto;
	fill: currentColor;
}

.agpn-stickybar__btn--mail svg {
	width: 20px;
}

.agpn-stickybar__btn:hover {
	background-color: #e9630b;
	color: #fff;
}

/* Ancrée au bas de la « Bannière home » (top inline posé par stickybar.js). */
.agpn-stickybar.is-banner-anchored {
	transform: none;
}

@media (max-width: 1023px) {
	.agpn-stickybar {
		display: none;
	}
}