/*
 * Latest Epaper Auto Display - front-end styles
 *
 * Only loaded on pages that actually contain the [latest_epaper] shortcode
 * (see latest_epaper_maybe_enqueue_assets() in includes/plugin-functions.php).
 * Kept intentionally minimal and easy to override from a theme's own
 * stylesheet or Elementor's "Additional CSS" panel, since this class name
 * is deliberately simple and unprefixed with any framework-specific styling.
 */

.latest-epaper-empty-notice {
	padding: 40px 20px;
	text-align: center;
	font-size: 16px;
	color: #6b6b6b;
	background: #f7f7f7;
	border: 1px dashed #cccccc;
	border-radius: 6px;
}

/*
 * Baseline archive-grid styles, as a no-JS fallback. The authoritative,
 * theme-override-proof version of these same rules is applied via inline
 * JS (see latest_epaper_print_archive_assets_once() in
 * includes/plugin-functions.php) - these plain rules are only what a
 * visitor with JavaScript disabled would ever actually see.
 */
.latest-epaper-archive {
	margin-top: 28px;
}

.latest-epaper-archive-title {
	margin: 0 0 16px;
}

.latest-epaper-archive-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.latest-epaper-archive-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
}

.latest-epaper-archive-item-title {
	font-size: 13px;
	color: #555555;
}

.latest-epaper-archive-cover {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

@media (max-width: 420px) {
	.latest-epaper-archive-grid {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 421px) and (max-width: 700px) {
	.latest-epaper-archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 701px) and (max-width: 1000px) {
	.latest-epaper-archive-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}