/**
 * Readlyte — front-end styles.
 *
 * Themeable via CSS custom properties so a site can restyle the badge
 * from its own stylesheet without editing plugin files.
 */
.rdlt-reading-time-wrap {
	margin: 0 0 1em;
}

.rdlt-reading-time-wrap--after {
	margin: 1.5em 0 0;
}

.rdlt-reading-time {
	--rdlt-color: #555;
	--rdlt-icon-color: currentColor;
	--rdlt-font-size: 0.9em;
	--rdlt-gap: 0.4em;

	display: inline-flex;
	align-items: center;
	gap: var( --rdlt-gap );
	color: var( --rdlt-color );
	font-size: var( --rdlt-font-size );
	line-height: 1.4;
}

.rdlt-reading-time__icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	color: var( --rdlt-icon-color );
	line-height: 0;
}

/* Sizes the default (or any filter-supplied) inline SVG icon. */
.rdlt-reading-time__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

/* Icon fonts (e.g. a Font Awesome <i>) supplied via the rdlt_read_time_icon filter. */
.rdlt-reading-time__icon i,
.rdlt-reading-time__icon img {
	font-size: 1em;
	width: 1em;
	height: 1em;
}

.rdlt-reading-time__text {
	white-space: nowrap;
}

.rdlt-reading-time-block {
	display: block;
}

.rdlt-elementor-widget--empty {
	color: #999;
	font-size: 0.85em;
	font-style: italic;
}