/*
 * components/utilities.css — small, composable helper classes.
 *
 * Keep this list short and generic. Anything specific to one pattern belongs in
 * that pattern's own file, not here.
 */

/* Text ---------------------------------------------------------------- */
.fcs-text-balance {
	text-wrap: balance;
}

.fcs-uppercase {
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.fcs-muted {
	color: var( --wp--preset--color--muted );
}

/* Media --------------------------------------------------------------- */
.fcs-image-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fcs-rounded img,
.fcs-rounded {
	border-radius: var( --wp--preset--border-radius--large );
	overflow: hidden;
}

/* Elevation ----------------------------------------------------------- */
.fcs-shadow-sm { box-shadow: var( --fcs-shadow-sm ); }
.fcs-shadow-md { box-shadow: var( --fcs-shadow-md ); }
.fcs-shadow-lg { box-shadow: var( --fcs-shadow-lg ); }

/* Progressive enhancement --------------------------------------------- */
/* Only reveal once main.js has confirmed JS is running. */
.fcs-js-only {
	display: none;
}

.fcs-js-ready .fcs-js-only {
	display: revert;
}