/*
 * Energia Ora Notizie hub.
 *
 * This file controls only page geometry and the multi-section layouts. Post
 * typography, colors, metadata, category tags and hover effects are rendered
 * by Foxiz's native markup and inherited from the active Theme Options.
 */

.eo-notizie-hub {
	--eo-line: var(--flex-gray-15);
	padding: 60px 0 84px;
}

/* Embedded mode is used by the v2 Elementor News Hub widget/shortcode. Its
 * parent column already owns width, gutters and the outer vertical rhythm. */
.eo-notizie-hub-embedded {
	padding: 40px 0 0;
}

.eo-notizie-hub-embedded > .eo-notizie-inner {
	max-width: none;
	padding-right: 0;
	padding-left: 0;
}

/* Match the current Elementor Home container: 1660px with a 30px gutter. */
.eo-notizie-inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1660px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
}

.eo-news-row {
	display: grid;
	gap: 42px 32px;
	margin-bottom: 58px;
}

.eo-news-row:last-child {
	margin-bottom: 0;
}

.eo-news-row-1 {
	grid-template-columns: minmax(0, 1fr);
}

.eo-news-row-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.eo-news-row-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.eo-news-section,
.eo-story {
	min-width: 0;
}

.eo-news-heading {
	margin-bottom: 20px;
}

/* The existing Foxiz Heading widgets use the global accent for View All. */
.eo-news-heading .heading-tagline {
	color: var(--g-color);
}

.eo-story > .p-wrap {
	width: 100%;
}

.eo-feature-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(290px, .75fr);
	gap: 28px;
}

.eo-feature-primary {
	display: grid;
	align-content: start;
	gap: 28px;
}

.eo-feature-list {
	display: grid;
	align-content: start;
	gap: 18px;
}

.eo-feature-list .eo-story {
	padding-bottom: 18px;
	border-bottom: 1px solid var(--eo-line);
}

.eo-feature-list .eo-story:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.eo-overlay-grid {
	display: grid;
	grid-template-columns: 1.35fr repeat(2, 1fr);
	grid-template-rows: repeat(2, minmax(185px, 1fr));
	gap: 18px;
}

.eo-story-overlay-large {
	grid-row: 1 / 3;
}

.eo-story-overlay,
.eo-story-overlay-large,
.eo-story-overlay > .p-wrap,
.eo-story-overlay-large > .p-wrap,
.eo-story-overlay .overlay-holder,
.eo-story-overlay-large .overlay-holder {
	height: 100%;
	min-height: 220px;
}

.eo-story-overlay .p-featured,
.eo-story-overlay-large .p-featured {
	height: 100%;
	padding-bottom: 0;
}

.eo-cards-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.eo-compact-list {
	display: grid;
	gap: 16px;
}

.eo-compact-list .eo-story-compact {
	padding-top: 16px;
	border-top: 1px solid var(--eo-line);
}

@media (max-width: 1023px) {
	.eo-notizie-hub {
		padding-top: 50px;
		padding-bottom: 64px;
	}

	.eo-notizie-inner {
		padding-right: 20px;
		padding-left: 20px;
	}

	.eo-news-row-2,
	.eo-news-row-3 {
		grid-template-columns: minmax(0, 1fr);
	}

	.eo-feature-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.eo-feature-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.eo-overlay-grid {
		grid-template-columns: 1.2fr 1fr;
	}

	.eo-story-overlay-large {
		grid-row: 1 / 3;
	}
}

@media (max-width: 767px) {
	.eo-notizie-hub {
		padding-top: 40px;
		padding-bottom: 54px;
	}

	.eo-news-row,
	.eo-news-row-2,
	.eo-news-row-3 {
		grid-template-columns: minmax(0, 1fr);
		gap: 36px;
		margin-bottom: 42px;
	}

	.eo-feature-list,
	.eo-overlay-grid,
	.eo-cards-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.eo-overlay-grid {
		grid-template-rows: none;
	}

	.eo-story-overlay-large {
		grid-row: auto;
		min-height: 340px;
	}

	.eo-story-overlay {
		min-height: 235px;
	}
}

/* v2.4.0 editorial brief: custom Home category blocks show no author/read-time
 * metadata. Renderer settings disable it at source; these scoped selectors are
 * a defensive fallback against Foxiz/global meta presets. */
.eo-notizie-hub .p-meta,
.eo-notizie-hub .p-meta-info,
.eo-notizie-hub .meta-info,
.eo-notizie-hub .entry-meta {
	display: none !important;
}