/**
 * Optional top border accent for Gutenberg blocks.
 * Solid primary by default; gradient via .dmp-topborder--gradient.
 */

.dmp-topborder {
	position: relative;
	overflow: hidden;
	border-top-left-radius: var(--dmp-topborder-radius, 7px);
	border-top-right-radius: var(--dmp-topborder-radius, 7px);
}

.dmp-topborder::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: var(--dmp-topborder-height, 4px);
	background: var(--dmp-topborder-bg, var(--wp--preset--color--primary, #00CCFF));
	z-index: 1;
	pointer-events: none;
}

.dmp-topborder--gradient::before {
	background: linear-gradient(
		90deg,
		var(--dmp-topborder-from, #00d4f5) 0%,
		var(--dmp-topborder-to, #b52cff) 100%
	);
}