<?php

use function Seventhqueen\Typer\typer;

$grid_classes   = [];
$grid_classes[] = 'svq-grid-sm-' . 12 / (int) $params['typer_settings']['col-grid-mobile'];
$grid_classes[] = 'svq-grid-md-' . 12 / (int) $params['typer_settings']['col-grid-tablet'];
$grid_classes[] = 'svq-grid-lg-' . 12 / (int) $params['typer_settings']['col-grid-desktop'];
$grid_classes   = implode( ' ', $grid_classes );

$params['typer_settings']['media_size']         = 'typer-img-wide-xxl';
$params['typer_settings']['media_aspect_ratio'] = '16-9';
$params['typer_settings']['media_width']        = 'normal';

?>

<div class="svq-media-grid">
	<div class="svq-grid-articles svq-article--list-card <?php echo esc_attr( $grid_classes ) ?>">
		<?php
		typer()->get_template_part( 'inc/Elementor/Widgets/templates/posts/parts/loop', '', [
			'query'  => $query,
			'params' => $params
		] );
		?>
	</div>
</div>

<?php
typer()->get_template_part( 'inc/Elementor/Widgets/templates/posts/parts/pagination', '', [
	'query'  => $query,
	'params' => $params
] );
?>
