/**
 * Arquivo Elementor (Header/Footer): o miolo não passa pelo index.php do Astra,
 * logo não há #primary / #secondary. Este CSS força o .ast-container a comportar-se
 * como na listagem nativa quando há sidebar (Elementor define display:block no .ast-container).
 */
@media (min-width: 922px) {
	body.reym-blog-archive-elementor-sidebar.ast-right-sidebar #content > .ast-container {
		display: flex !important;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-start;
		column-gap: 2em;
	}

	body.reym-blog-archive-elementor-sidebar.ast-left-sidebar #content > .ast-container {
		display: flex !important;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-start;
		column-gap: 2em;
	}

	body.reym-blog-archive-elementor-sidebar.ast-right-sidebar #primary,
	body.reym-blog-archive-elementor-sidebar.ast-left-sidebar #primary {
		flex: 1 1 0%;
		min-width: 0;
		width: auto !important;
		max-width: none !important;
		float: none !important;
	}

	body.reym-blog-archive-elementor-sidebar.ast-right-sidebar #secondary,
	body.reym-blog-archive-elementor-sidebar.ast-left-sidebar #secondary {
		flex: 0 0 min(30%, 22rem);
		max-width: 22rem;
		width: auto !important;
		float: none !important;
	}
}

@media (max-width: 921px) {
	body.reym-blog-archive-elementor-sidebar #content > .ast-container {
		display: flex !important;
		flex-direction: column;
		flex-wrap: wrap;
	}

	body.reym-blog-archive-elementor-sidebar #secondary {
		width: 100% !important;
		max-width: none;
	}
}