/**
 * Social Webmention Importer — front-end styles.
 *
 * 1. Source label under curated social responses.
 * 2. LinkedIn network badge, mirroring the courtneyr-child theme's
 *    CSS-only badge vocabulary (components.css v0.5.13) so LinkedIn
 *    responses match the badges Mastodon/Bluesky/X comments already get.
 *    The selector intentionally uses the same shape and specificity;
 *    it is a no-op on themes without `.single-post__comment-item`.
 */

.swi-source-label {
	margin-top: 0.75em;
	font-size: 0.85em;
	opacity: 0.85;
}

.swi-source-label a {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/* LinkedIn — the theme ships badges for X, Mastodon, Bluesky, GitHub,
   WordPress, and a globe fallback, keyed off the comment author URL.
   linkedin.com profile URLs currently fall through to the globe; this
   rule paints the LinkedIn glyph instead. */
.single-post__comment-item:has(.wp-block-comment-author-name a[href*="linkedin.com/"])::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fbfaf5' d='M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z'/></svg>");
}

/* LinkedIn imports usually have NO author URL (LinkedIn doesn't expose
   commenter profiles publicly), so the theme's href-keyed badges never
   fire. The plugin tags imported comments with .swi-provider-{provider}
   (via comment_class), and this self-contained rule paints the same
   badge shape from that class alone. The class is tripled so its
   specificity (0,4,0) beats the theme's :has() base rule (0,3,1) when an
   author URL is added later. */
.swi-provider-linkedin.swi-provider-linkedin.swi-provider-linkedin .single-post__comment-item::after {
	content: "";
	position: absolute;
	top: -0.65rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: var(--cr-russian-violet, #241c4a);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60% 60%;
	border: 2px solid var(--cr-printer-ivory, #fbfaf5);
	box-shadow: 2px 2px 0 var(--cr-russian-violet, #241c4a);
	pointer-events: none;
	z-index: 2;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fbfaf5' d='M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z'/></svg>");
}

/* Imported comments with no avatar: hide the Gravatar placeholder the
   avatar block renders for email-less commenters. The class comes from
   comment_class and vanishes once an avatar is set on the comment. */
.comment.swi-no-avatar .wp-block-avatar {
	display: none;
}