/* Sidebar widget — Réseaux sociaux */

.sidebar-panel--social {
	padding: 1rem 1rem 1.2rem;
}

.sls-social-networks {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin-top: 0.75rem;
}

/* Bouton réseau générique */
.sls-social-btn {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.55rem 1rem;
	border: 1px solid transparent;
	border-radius: 2px;
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: filter 0.15s, transform 0.1s;
	clip-path: var(--button-clip, polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)));
}

.sls-social-btn svg {
	flex-shrink: 0;
	display: block;
}

.sls-social-btn:hover {
	filter: brightness(1.15);
	transform: translateX(2px);
}

/* Facebook — sélecteur compound pour surcharger .sidebar-panel a:not(.btn) */
.sidebar-panel--social a.sls-social-btn--facebook {
	background: #1877f2;
	border-color: #1877f2;
	color: #fff;
}

.sidebar-panel--social a.sls-social-btn--facebook:hover {
	background: #1565d8;
	border-color: #1565d8;
	color: #fff;
}