/**
 * Ikony mediów społecznościowych — kafelki 4Berries.
 * Kafelek 48×48, ikona 24×24 (FB / IG / LinkedIn — własne SVG).
 */
.wp-block-social-links {
	gap: 12px;
}

.wp-block-social-links .wp-social-link {
	background: transparent !important;
	color: #A0B718 !important;
}

.wp-block-social-links .wp-block-social-link-anchor {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0 !important;
	box-sizing: border-box;
	background-color: #1A2641 !important;
	border-radius: 8px;
	color: #A0B718 !important;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.wp-block-social-links .wp-block-social-link-anchor:hover,
.wp-block-social-links .wp-block-social-link-anchor:focus-visible {
	background-color: #A0B718 !important;
	color: #2D3116 !important;
}

.wp-block-social-links .wp-social-link svg {
	width: 24px;
	height: 24px;
	fill: currentColor;
}

/* Własne ikony FB / Instagram / LinkedIn (maska SVG) */
.wp-block-social-links .wp-social-link-facebook .wp-block-social-link-anchor svg,
.wp-block-social-links .wp-social-link-instagram .wp-block-social-link-anchor svg,
.wp-block-social-links .wp-social-link-linkedin .wp-block-social-link-anchor svg {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.wp-block-social-links .wp-social-link-facebook .wp-block-social-link-anchor::before,
.wp-block-social-links .wp-social-link-instagram .wp-block-social-link-anchor::before,
.wp-block-social-links .wp-social-link-linkedin .wp-block-social-link-anchor::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	background-color: currentColor;
	-webkit-mask: center / contain no-repeat;
	mask: center / contain no-repeat;
}

.wp-block-social-links .wp-social-link-facebook .wp-block-social-link-anchor::before {
	-webkit-mask-image: url(../graf/ico-facebook.svg);
	mask-image: url(../graf/ico-facebook.svg);
}

.wp-block-social-links .wp-social-link-instagram .wp-block-social-link-anchor::before {
	-webkit-mask-image: url(../graf/ico-instagram.svg);
	mask-image: url(../graf/ico-instagram.svg);
}

.wp-block-social-links .wp-social-link-linkedin .wp-block-social-link-anchor::before {
	-webkit-mask-image: url(../graf/ico-linkedin.svg);
	mask-image: url(../graf/ico-linkedin.svg);
}