/* omh-col-sort — sortable core/table columns (see assets/js/block-scripts/table-col-sort.js). */
.omh-col-sort th {
	position: relative;
}

.omh-col-sort .omh-sort-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: 0;
	padding: 0;
	margin-left: 0.4em;
	cursor: pointer;
	color: inherit;
	vertical-align: middle;
	line-height: 0;
}

.omh-col-sort .omh-sort-btn:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	border-radius: 2px;
}

.omh-col-sort .omh-sort-btn svg {
	width: 0.7em;
	height: 1em;
}

.omh-col-sort .omh-sort-btn path {
	fill: currentColor;
	opacity: 0.3;
	transition: opacity 0.15s;
}

.omh-col-sort .omh-sort-btn:hover path {
	opacity: 0.6;
}

.omh-col-sort th[aria-sort="ascending"] .omh-sort-up,
.omh-col-sort th[aria-sort="descending"] .omh-sort-down {
	opacity: 1;
}