/**
 * Shared Responsive Utilities
 *
 * Reusable utility classes for common responsive patterns across the theme.
 * These utilities help reduce duplicate media query code in section files.
 */

/* Hide elements on mobile (below 680px) */
@media (max-width: 680px) {
	.hide-mobile {
		display: none !important;
	}
}

/* Show elements only on mobile (below 680px) */
.show-mobile {
	display: none;
}

@media (max-width: 680px) {
	.show-mobile {
		display: block;
	}
}

/* Stack flex containers vertically on mobile */
@media (max-width: 680px) {
	.stack-mobile {
		flex-direction: column !important;
	}
}