/**
 * VYRO Utility Classes
 *
 * @package Vyro
 */

/* Screen Reader Only (Accessibility) */
.vyro-sr-only,
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.vyro-sr-only.focusable:active,
.vyro-sr-only.focusable:focus,
.screen-reader-text.focusable:active,
.screen-reader-text.focusable:focus {
	clip: auto;
	-webkit-clip-path: none;
	clip-path: none;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Text Alignments */
.vyro-text-center {
	text-align: center;
}

.vyro-text-left {
	text-align: left;
}

.vyro-text-right {
	text-align: right;
}

/* Flexbox Utilities */
.vyro-flex {
	display: flex;
}

.vyro-flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.vyro-flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Spacing Helpers */
.vyro-mt-0 { margin-top: 0 !important; }
.vyro-mb-0 { margin-bottom: 0 !important; }
.vyro-gap-sm { gap: 0.5rem; }
.vyro-gap-md { gap: 1rem; }
.vyro-gap-lg { gap: 1.5rem; }