/*
 * Alternate Content & Gallery widget.
 *
 * Builds on the Horizontal Gallery styles (the root carries .ehs-gallery and
 * every cell carries .ehs-gallery__item), so the single-row behavior inside
 * an active Horizontal Scroll container, the editor preview and the Image
 * Parallax frames all come from gallery.css / editor-preview.css. This file
 * only styles the cell internals: stacked media + paragraph, alternating.
 */

.ehs-alternate__cell {
	gap: 20px;
}

.ehs-alternate__media {
	margin: 0;
	line-height: 0;
}

/* The paragraph adopts the width of the cell's image: contributing zero
   intrinsic width leaves the image in charge of sizing the cell, and
   min-width then stretches the text to match it. */
.ehs-alternate__text {
	width: 0;
	min-width: 100%;
	line-height: 1.6;
}

.ehs-alternate__text p {
	margin: 0;
}

/* Leftover paragraphs (no image in the cell) need an explicit width — the
   Text-Only Cell Width control overrides this default. */
.ehs-alternate__cell--textonly {
	width: 420px;
	max-width: 100%;
}

.ehs-alternate__cell--media-top .ehs-alternate__text {
	text-align: left;
}

/* Standalone first paragraph (Standalone First Paragraph option). */
.ehs-alternate__cell--lead .ehs-alternate__text {
	text-align: left;
}

.ehs-alternate__cell--text-top .ehs-alternate__text {
	text-align: right;
}

/* Vertical Layout On: the text-only cell rule is printed inline by
   EHS_Plugin::get_alternate_stack_css() with the Elementor breakpoints. */