/* 阅读时间区块 - 前端与编辑器共有样式（无底色/无边框，纯文本 + SVG 图标）
 * 自适应策略：颜色直接继承所在内容区域的文字颜色（color: inherit），
 * 因此无论站点主题如何切换亮色/暗色，或编辑器在亮/暗模式间切换，
 * 区块都会自动跟随周围环境（含 SVG 图标，使用 stroke="currentColor"）。
 * 次要信息（字数、分隔符）通过 opacity 在继承色基础上降低亮度，同样自适应亮暗。
 */

.rt-reading-time {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	box-sizing: border-box;
	/* 不要设 max-width:100% —— 在编辑器里该元素同时带 .wp-block，
	   更高优先级的 max-width 会覆盖 .wp-block 的 max-width+margin:auto，导致不居中、贴边。
	   溢出由 flex-wrap:wrap 处理。 */
	/* 跟随主题/编辑器内容的文字颜色，亮暗自动切换 */
	color: inherit;
	font-size: 0.95rem;
	line-height: 1.5;
	margin: 0.5em 0 16px;
}

.rt-reading-time .rt-icon {
	flex: none;
	width: 1.1em;
	height: 1.1em;
}

.rt-reading-time .rt-time {
	font-weight: 600;
}

/* 次要信息：在继承颜色基础上降低不透明度，得到适配亮/暗的次要文字色 */
.rt-reading-time .rt-words,
.rt-reading-time .rt-sep {
	opacity: 0.7;
}

/* 移动端：缩小间距，避免横向溢出 */
@media (max-width: 480px) {
	.rt-reading-time {
		gap: 5px;
		font-size: 0.9rem;
	}
}