/**
 * Utility classes for block patterns
 */

/* Screen reader only — visually hidden but accessible to assistive tech */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 781px) {
	.rkh-hide-on-mobile {
		display: none !important;
	}
}

/* Sticky header */
.rkh-sticky-header {
	position: sticky;
	top: 0;
	z-index: 100;
}

.admin-bar .rkh-sticky-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}

/* Transparent header — overlays hero content */
.rkh-transparent-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: transparent;
}

.admin-bar .rkh-transparent-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}

/* Feature Showcase — responsive column reorder */
@media (max-width: 781px) {
	.feature-showcase-columns {
		flex-direction: column-reverse !important;
	}
}