/**
 * Dirigible Variation Cross-Sells — frontend styles.
 *
 * Deliberately minimal: product cards render through the active theme's
 * standard WooCommerce product loop, so they inherit the theme's styling.
 * Per-site theming via CSS custom properties (override in Customizer →
 * Additional CSS or the theme stylesheet):
 *
 * :root {
 *   --dvx-margin: 2.5rem 0 0;
 *   --dvx-heading-size: 1.5em;
 *   --dvx-heading-gap: 1rem;
 *   --dvx-heading-align: left;
 * }
 */

.dvx-cross-sells {
	margin: var(--dvx-margin, 2.5rem 0 0);
	width: 100%;
	clear: both;
}

.dvx-cross-sells .dvx-heading {
	font-size: var(--dvx-heading-size, 1.5em);
	margin: 0 0 var(--dvx-heading-gap, 1rem);
	text-align: var(--dvx-heading-align, left);
}

.dvx-cross-sells .dvx-set[hidden],
.dvx-cross-sells[hidden] {
	display: none;
}