/* ======================================================================
   PID BLOCKS — ICON LIST
   Top-level <ul> so the theme spaces it like a normal list (trailing gap).
   Row height is driven by the icon size (--pid-il-size) so large icons push
   the rows apart instead of bunching, while small icons sit on a text line.
   ====================================================================== */

.pid-icon-list__items {
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 0.25em !important;
}

.pid-icon-list__items li {
	display: flex;
	align-items: center;                 /* centre marker and text on the row */
	gap: 0.5em;
	line-height: 1.5;
	/* Row is at least as tall as the icon (plus a little breathing room),
	   but never shorter than a normal text line. */
	min-height: calc( var( --pid-il-size, 18px ) + 0.5em );
	margin: 0;
	padding: 0.12em 0;
}

.pid-icon-list__items li::before {
	content: none !important;
}

.pid-il-marker {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;                       /* centring handled by the row now */
}

.pid-il-marker svg {
	width: 100%;
	height: 100%;
	display: block;
}

.pid-il-text {
	flex: 1 1 auto;
}