/* =========================================================
   Barra de redes sociales fija (lateral derecho).
   Todo el diseño visual de cada item lo aporta la imagen
   subida desde el Customizer, por eso no se aplican fondos,
   bordes ni padding al enlace.
   ========================================================= */

.km-socialbar {
	position: fixed;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	z-index: 9999;
	pointer-events: none; /* evita bloquear clicks fuera de los items */
}

.km-socialbar__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	pointer-events: auto;
}

.km-socialbar__item {
	margin: 0;
	padding: 0;
	line-height: 0;
}

.km-socialbar__link {
	display: block;
	line-height: 0;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.km-socialbar__link:hover,
.km-socialbar__link:focus-visible {
	transform: translateX(-3px);
	opacity: 0.9;
}

.km-socialbar__img {
	display: block;
	width: 48px;
	height: auto;
}

@media (max-width: 768px) {
	.km-socialbar { right: 10px; }
	.km-socialbar__img { width: 38px; }
	.km-socialbar__list { gap: 4px; }
}