/*
 * Lianzu 写真标签样式 v1.1.3
 * - 保持 v1.1.2 其余样式不变
 * - 强制移除 hover / active / focus 时的上浮和位移
 */

.article-inner > footer.entry-meta.entry-utility {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 18px;
	padding: 4px 0 3px;
	border: 0;
	background: transparent;
}

.article-inner > footer.entry-meta.entry-utility > .tags {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	gap: 10px;
	line-height: 1;
	text-align: center;
}

.article-inner > footer.entry-meta.entry-utility > .tags > .icon-tag,
.article-inner > footer.entry-meta.entry-utility > .tags > .sep {
	display: none !important;
}

.article-inner > footer.entry-meta.entry-utility > .tags > a[rel="tag"] {
	--lpt8933-tag-color: #7450A8;

	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	height: 22px;
	margin: 0 0 0 7px;
	padding: 0 9px 0 13px;

	background: var(--lpt8933-tag-color);
	color: #fff !important;
	text-decoration: none !important;
	white-space: nowrap;

	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	line-height: 22px;

	border: 0;
	border-radius: 2px 3px 3px 2px;
	box-shadow: none !important;

	-webkit-clip-path: polygon(7px 0,100% 0,100% 100%,7px 100%,0 50%);
	clip-path: polygon(7px 0,100% 0,100% 100%,7px 100%,0 50%);

	/* 防止主题 hover 动画继承进来 */
	transition: none !important;
	transform: none !important;
	top: auto !important;
	bottom: auto !important;
}

.article-inner > footer.entry-meta.entry-utility > .tags > a[rel="tag"]::after {
	content: "";
	position: absolute;
	left: 7px;
	top: 50%;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #fff;
	transform: translate(-50%, -50%);
	opacity: .96;
	pointer-events: none;
}

/*
 * 强制覆盖主题可能存在的 a:hover / a:active / a:focus 位移。
 * 鼠标放上去完全原地不动。
 */
.article-inner > footer.entry-meta.entry-utility > .tags > a[rel="tag"]:hover,
.article-inner > footer.entry-meta.entry-utility > .tags > a[rel="tag"]:active,
.article-inner > footer.entry-meta.entry-utility > .tags > a[rel="tag"]:focus {
	transform: none !important;
	top: auto !important;
	bottom: auto !important;
	margin-top: 0 !important;
	filter: none !important;
	box-shadow: none !important;
	transition: none !important;
}

/* 键盘焦点只保留轮廓，不产生位移 */
.article-inner > footer.entry-meta.entry-utility > .tags > a[rel="tag"]:focus-visible {
	transform: none !important;
	top: auto !important;
	margin-top: 0 !important;
	outline: 2px solid rgba(49,157,211,.35);
	outline-offset: 2px;
}

.article-inner > footer.entry-meta.entry-utility > .edit-link {
	display: block;
	width: 100%;
	margin: 4px 0 0 !important;
	text-align: center;
	font-size: 11px;
	line-height: 1.3;
	opacity: .42;
}

.article-inner > footer.entry-meta.entry-utility > .edit-link a {
	color: inherit;
	text-decoration: none;
}

@media (max-width: 600px) {
	.article-inner > footer.entry-meta.entry-utility {
		margin-top: -1px;
		padding-top: 4px;
		padding-bottom: 3px;
	}

	.article-inner > footer.entry-meta.entry-utility > .tags {
		gap: 8px;
	}

	.article-inner > footer.entry-meta.entry-utility > .tags > a[rel="tag"] {
		height: 21px;
		padding-left: 12px;
		padding-right: 8px;
		font-size: 12px;
		line-height: 21px;
	}
}
