/**
 * Trihead Tag Row widget.
 *
 * Base layout only — colors, typography, borders, spacing come from the
 * widget's Style controls via Elementor selectors.
 *
 * @package Trihead_Elementor_Widgets
 */

.trihead-tagrow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 40px;
	row-gap: 12px;
}

.trihead-tagrow__label-wrap {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	flex-shrink: 0;
}

.trihead-tagrow__label {
	white-space: nowrap;
}

.trihead-tagrow__divider {
	display: inline-block;
	width: 1px;
	height: 22px;
	flex-shrink: 0;
}

.trihead-tagrow__tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.trihead-tagrow__tag {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	text-decoration: none;
	line-height: 1;
	border: 1px solid rgba( 255, 255, 255, 0.15 );
	border-radius: 4px;
	transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}