/*
 * Inline SVG icons (inc/icons.php → gb_theme_icon()).
 *
 * One stroke style for the whole set so every icon reads as the same family.
 * Size follows the surrounding text (1em) unless a component sets --gb-icon-size;
 * colour follows currentColor, so icons always match their link or button.
 */

.gb-icon {
	flex: none;
	inline-size: var(--gb-icon-size, 1em);
	block-size: var(--gb-icon-size, 1em);
	fill: none;
	stroke: currentColor;
	stroke-width: var(--gb-icon-stroke, 1.75);
	stroke-linecap: round;
	stroke-linejoin: round;
	/* Optical alignment with Arabic and Latin text alike. */
	vertical-align: -0.15em;
}

/* Small filled details (play triangle, dots) inside otherwise outlined icons. */
.gb-icon .gb-icon__fill {
	fill: currentColor;
	stroke: none;
}