/**
 * E42 Featured News — base layout styles.
 * All visual styling (colors, sizes, spacing) is driven by the Style tab in Elementor.
 * These rules just establish the layered structure (background → overlay → content).
 */

.e42-fn {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.e42-fn__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.e42-fn__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.e42-fn[data-empty="1"] {
	display: none;
}

/**
 * Full-width breakout — used when "Force full viewport width" is enabled.
 * Breaks the widget out of any boxed parent container so both the content
 * box and the featured image (applied inline as background) span the full
 * viewport edge to edge. Uses 100vw + negative margin technique.
 */
.e42-fn.e42-fn--full-width {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}