<?php
/**
 * Astra Addon Common dynamic CSS.
 *
 * @package Astra Addon
 */

if ( Astra_Ext_Extension::is_active( 'blog-pro' ) ) {
	add_filter( 'astra_addon_dynamic_css', 'astra_addon_blog_pro_dynamic_css', 9 );
}

/**
 * Dynamic CSS for Single Post Author Info-box
 *
 * @param  string $dynamic_css          Astra Dynamic CSS.
 * @param  string $dynamic_css_filtered Astra Dynamic CSS Filters.
 * @return string
 */
function astra_addon_blog_pro_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {

	/**
	 * - Variable Declaration.
	 */
	$is_site_rtl = is_rtl();
	$css_output  = '';
	$theme_color = astra_get_option( 'theme-color' );
	$link_color  = astra_get_option( 'link-color', $theme_color );
	$blog_grid   = astra_addon_get_blog_grid_columns();

	$desktop_max_css = array(
		// Updated before content value to fix the masonry layout issue.
		'#content:before'                           => array(
			'content'    => '"' . astra_addon_get_tablet_breakpoint() . '"',
			'position'   => 'absolute',
			'overflow'   => 'hidden',
			'opacity'    => '0',
			'visibility' => 'hidden',
		),
		'.blog-layout-2'                            => array(
			'position' => 'relative',
		),
		'.single .ast-author-details .author-title' => array(
			'color' => esc_attr( $link_color ),
		),
	);

	if ( true === astra_get_option( 'customizer-default-layout-update', true ) ) {
		$desktop_max_css['.single.ast-page-builder-template .ast-single-author-box'] = array(
			'padding' => '2em 20px',
		);
		$desktop_max_css['.single.ast-separate-container .ast-author-meta']          = array(
			'padding' => '3em',
		);
	}

	if ( astra_addon_check_reveal_effect_condition() ) {
		$desktop_max_css['.ast-fade-up, .woocommerce ul.products li.product.ast-fade-up, .woocommerce-page ul.products li.product.ast-fade-up'] = array(
			'opacity'             => '0',
			'transition-property' => 'opacity,transform',
			'transform'           => 'translate3d(0,100px,0)',
			'transition-duration' => '1s',
		);
	}

	/* Parse CSS from array() */
	$css_output .= astra_parse_css( $desktop_max_css );

	$tablet_max_css = array(
		// Single Post author info.
		'.single.ast-separate-container .ast-author-meta' => array(
			'padding' => '1.5em 2.14em',
		),
		'.single .ast-author-meta .post-author-avatar'    => array(
			'margin-bottom' => '1em',
		),
		'.ast-separate-container .ast-grid-2 .ast-article-post, .ast-separate-container .ast-grid-3 .ast-article-post, .ast-separate-container .ast-grid-4 .ast-article-post' => array(
			'width' => '100%',
		),
		'.ast-separate-container .ast-grid-md-' . $blog_grid['tablet'] . ' .ast-article-post' => array(
			'width' => 100 / $blog_grid['tablet'] . '%',
		),
		// Setting the default padding if the columns for tablet is more than 1.
		'.ast-separate-container .ast-grid-md-2 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-md-3 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-md-4 .ast-article-post.ast-separate-posts' => array(
			'padding' => $is_site_rtl ? '0 0 0 .75em' : '0 .75em 0',
		),
		'.blog-layout-1 .post-content, .blog-layout-1 .ast-blog-featured-section' => array(
			'float' => 'none',
		),
		'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on' => array(
			'margin-top' => 0,
		),
		'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on' => array(
			'margin-top' => '1em',
		),
		'.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content' => array(
			'margin-top' => '-1.5em',
		),
		'.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content' => array(
			'margin-left'  => '-2.14em',
			'margin-right' => '-2.14em',
		),
		'.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child' => array(
			'margin-top' => '-1.5em',
		),
		'.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content' => array(
			'margin-left'  => '-2.14em',
			'margin-right' => '-2.14em',
		),
		'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
			'margin-left'  => '-1.5em',
			'margin-right' => '-1.5em',
		),
		'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
			'margin-left'  => '-0.5em',
			'margin-right' => '-0.5em',
		),
		'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on' => array(
			'margin-top' => 0,
		),
		'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on' => array(
			'margin-top' => '1em',
		),
		'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content' => array(
			'margin-top' => '-1.5em',
		),
		'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content' => array(
			'margin-left'  => '-1.5em',
			'margin-right' => '-1.5em',
		),
		'.blog-layout-2'                                  => array(
			'display'        => 'flex',
			'flex-direction' => 'column-reverse',
		),
		'.ast-separate-container .blog-layout-3, .ast-separate-container .blog-layout-1' => array(
			'display' => 'block',
		),
		'.ast-plain-container .ast-grid-2 .ast-article-post, .ast-plain-container .ast-grid-3 .ast-article-post, .ast-plain-container .ast-grid-4 .ast-article-post, .ast-page-builder-template .ast-grid-2 .ast-article-post, .ast-page-builder-template .ast-grid-3 .ast-article-post, .ast-page-builder-template .ast-grid-4 .ast-article-post' => array(
			'width' => '100%',
		),
	);

	// If the Equal Grids option is enabled.
	if ( astra_get_option( 'blog-equal-grid' ) ) {
		$tablet_max_css['.ast-separate-container .ast-blog-layout-4-grid .ast-article-post'] = array(
			'display' => 'flex',
		);
	}

	/* Parse CSS from array() -> max-width: (tablet-breakpoint)px */
	$css_output .= astra_parse_css( $tablet_max_css, '', astra_addon_get_tablet_breakpoint() );

	if ( $is_site_rtl ) {
		$tablet_max_lang_direction_css = array(
			'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
				'margin-top'   => 0,
				'margin-right' => '-2.14em',
			),
			'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
				'margin-top'   => 0,
				'margin-right' => '-1.14em',
			),
		);
	} else {
		$tablet_max_lang_direction_css = array(
			'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
				'margin-top'  => 0,
				'margin-left' => '-2.14em',
			),
			'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
				'margin-top'  => 0,
				'margin-left' => '-1.14em',
			),
		);
	}

	/* Parse CSS from array() -> max-width: (tablet-breakpoint)px */
	$css_output .= astra_parse_css( $tablet_max_lang_direction_css, '', astra_addon_get_tablet_breakpoint() );

	/**
	 * Normal blog multiple column layout creates extra spacing around category title, whereas this '-1em' needed when "Add Space Between Posts" optionn is enabled.
	 *
	 * @since 3.5.7
	 */
	$margin_space = astra_get_option( 'blog-space-bet-posts' ) ? '-1em' : '0';

	$tablet_min_css = array(
		'.ast-separate-container.ast-blog-grid-2 .ast-archive-description, .ast-separate-container.ast-blog-grid-3 .ast-archive-description, .ast-separate-container.ast-blog-grid-4 .ast-archive-description' => array(
			'margin-bottom' => '1.33333em',
		),
		'.blog-layout-2.ast-no-thumb .post-content, .blog-layout-3.ast-no-thumb .post-content' => array(
			'width' => 'calc(100% - 5.714285714em)',
		),
		'.blog-layout-2.ast-no-thumb.ast-no-date-box .post-content, .blog-layout-3.ast-no-thumb.ast-no-date-box .post-content' => array(
			'width' => '100%',
		),
		'.ast-separate-container .ast-grid-2 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-3 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-4 .ast-article-post.ast-separate-posts' => array(
			'border-bottom' => 0,
		),
		'.ast-separate-container .ast-grid-2 > .site-main > .ast-row:before, .ast-separate-container .ast-grid-2 > .site-main > .ast-row:after, .ast-separate-container .ast-grid-3 > .site-main > .ast-row:before, .ast-separate-container .ast-grid-3 > .site-main > .ast-row:after, .ast-separate-container .ast-grid-4 > .site-main > .ast-row:before, .ast-separate-container .ast-grid-4 > .site-main > .ast-row:after' => array(
			'flex-basis' => 0,
			'width'      => 0,
		),
		'.ast-separate-container .ast-grid-2 .ast-article-post, .ast-separate-container .ast-grid-3 .ast-article-post, .ast-separate-container .ast-grid-4 .ast-article-post' => array(
			'display' => 'flex',
			'padding' => 0,
		),
		'.ast-plain-container .ast-grid-2 > .site-main > .ast-row, .ast-plain-container .ast-grid-3 > .site-main > .ast-row, .ast-plain-container .ast-grid-4 > .site-main > .ast-row, .ast-page-builder-template .ast-grid-2 > .site-main > .ast-row, .ast-page-builder-template .ast-grid-3 > .site-main > .ast-row, .ast-page-builder-template .ast-grid-4 > .site-main > .ast-row' => array(
			'margin-left'  => '-1em',
			'margin-right' => '-1em',
			'display'      => 'flex',
			'flex-flow'    => 'row wrap',
			'align-items'  => 'stretch',
		),
		'.ast-plain-container .ast-grid-2 > .site-main > .ast-row:before, .ast-plain-container .ast-grid-2 > .site-main > .ast-row:after, .ast-plain-container .ast-grid-3 > .site-main > .ast-row:before, .ast-plain-container .ast-grid-3 > .site-main > .ast-row:after, .ast-plain-container .ast-grid-4 > .site-main > .ast-row:before, .ast-plain-container .ast-grid-4 > .site-main > .ast-row:after, .ast-page-builder-template .ast-grid-2 > .site-main > .ast-row:before, .ast-page-builder-template .ast-grid-2 > .site-main > .ast-row:after, .ast-page-builder-template .ast-grid-3 > .site-main > .ast-row:before, .ast-page-builder-template .ast-grid-3 > .site-main > .ast-row:after, .ast-page-builder-template .ast-grid-4 > .site-main > .ast-row:before, .ast-page-builder-template .ast-grid-4 > .site-main > .ast-row:after' => array(
			'flex-basis' => 0,
			'width'      => 0,
		),
		'.ast-plain-container .ast-grid-2 .ast-article-post, .ast-plain-container .ast-grid-3 .ast-article-post, .ast-plain-container .ast-grid-4 .ast-article-post, .ast-page-builder-template .ast-grid-2 .ast-article-post, .ast-page-builder-template .ast-grid-3 .ast-article-post, .ast-page-builder-template .ast-grid-4 .ast-article-post' => array(
			'display' => 'flex',
		),
		'.ast-plain-container .ast-grid-2 .ast-article-post:last-child, .ast-plain-container .ast-grid-3 .ast-article-post:last-child, .ast-plain-container .ast-grid-4 .ast-article-post:last-child, .ast-page-builder-template .ast-grid-2 .ast-article-post:last-child, .ast-page-builder-template .ast-grid-3 .ast-article-post:last-child, .ast-page-builder-template .ast-grid-4 .ast-article-post:last-child' => array(
			'margin-bottom' => '1.5em',
		),
	);

	if ( 'blog-layout-1' === astra_addon_get_blog_layout() || astra_get_option( 'blog-equal-grid' ) ) {
		$tablet_min_css['.ast-separate-container .ast-grid-2 > .site-main > .ast-row, .ast-separate-container .ast-grid-3 > .site-main > .ast-row, .ast-separate-container .ast-grid-4 > .site-main > .ast-row'] = array(
			'margin-left'  => esc_attr( $margin_space ),
			'margin-right' => esc_attr( $margin_space ),
			'display'      => 'flex',
			'flex-flow'    => 'row wrap',
			'align-items'  => 'stretch',
		);
	} else {
		$tablet_min_css['.ast-separate-container .ast-grid-2 > .site-main > .ast-row, .ast-separate-container .ast-grid-3 > .site-main > .ast-row, .ast-separate-container .ast-grid-4 > .site-main > .ast-row'] = array(
			'margin-left'  => esc_attr( $margin_space ),
			'margin-right' => esc_attr( $margin_space ),
			'display'      => 'flex',
			'flex-flow'    => 'row wrap',
			'align-items'  => 'flex-start',
		);
	}

	if ( true === astra_get_option( 'customizer-default-layout-update', true ) ) {
		$tablet_min_css['.single .ast-author-meta .ast-author-details'] = array(
			'display'     => 'flex',
			'align-items' => 'center',
		);
		$tablet_min_css['.post-author-bio .author-title']               = array(
			'margin-bottom' => '10px',
		);
	} else {
		$tablet_min_css['.single .ast-author-meta .ast-author-details'] = array(
			'display' => 'flex',
		);
	}

	/* Parse CSS from array() -> min-width: (tablet-breakpoint + 1)px */
	$css_output .= astra_parse_css( $tablet_min_css, astra_addon_get_tablet_breakpoint( '', 1 ) );

	if ( $is_site_rtl ) {
		$tablet_min_lang_direction_css = array(
			'.single .post-author-avatar, .single .post-author-bio' => array(
				'float' => 'right',
				'clear' => 'left',
			),
			'.single .ast-author-meta .post-author-avatar' => array(
				'margin-left' => '1.33333em',
			),
			'.single .ast-author-meta .about-author-title-wrapper, .single .ast-author-meta .post-author-bio' => array(
				'text-align' => 'right',
			),
			'.blog-layout-2 .post-content'                 => array(
				'padding-left' => '2em',
			),
			'.blog-layout-2.ast-no-date-box.ast-no-thumb .post-content' => array(
				'padding-left' => 0,
			),
			'.blog-layout-3 .post-content'                 => array(
				'padding-right' => '2em',
			),
			'.blog-layout-3.ast-no-date-box.ast-no-thumb .post-content' => array(
				'padding-right' => 0,
			),
			'.ast-separate-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-separate-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-separate-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+1)' => array(
				'padding' => '0 0 0 1em',
			),
		);
	} else {
		$tablet_min_lang_direction_css = array(
			'.single .post-author-avatar, .single .post-author-bio' => array(
				'float' => 'left',
				'clear' => 'right',
			),
			'.single .ast-author-meta .post-author-avatar' => array(
				'margin-right' => '1.33333em',
			),
			'.single .ast-author-meta .about-author-title-wrapper, .single .ast-author-meta .post-author-bio' => array(
				'text-align' => 'left',
			),
			'.blog-layout-2 .post-content'                 => array(
				'padding-right' => '2em',
			),
			'.blog-layout-2.ast-no-date-box.ast-no-thumb .post-content' => array(
				'padding-right' => 0,
			),
			'.blog-layout-3 .post-content'                 => array(
				'padding-left' => '2em',
			),
			'.blog-layout-3.ast-no-date-box.ast-no-thumb .post-content' => array(
				'padding-left' => 0,
			),
			'.ast-separate-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-separate-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-separate-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+1)' => array(
				'padding' => '0 1em 0',
			),
		);
	}

	/* Parse CSS from array() -> min-width: (tablet-breakpoint + 1)px */
	$css_output .= astra_parse_css( $tablet_min_lang_direction_css, astra_addon_get_tablet_breakpoint( '', 1 ) );

	$mobile_css = array(
		'.ast-separate-container .ast-grid-sm-' . $blog_grid['mobile'] . ' .ast-article-post' => array(
			'width' => 100 / $blog_grid['mobile'] . '%',
		),
		// Setting the default padding if the columns for mobile is more than 1.
		'.ast-separate-container .ast-grid-sm-2 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-sm-3 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-sm-4 .ast-article-post.ast-separate-posts' => array(
			'padding' => $is_site_rtl ? '0 0 0 .5em' : '0 .5em 0',
		),
		// Setting the default padding to 0 if the columns for mobile is 1.
		'.ast-separate-container .ast-grid-sm-1 .ast-article-post.ast-separate-posts' => array(
			'padding' => '0',
		),
		'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on' => array(
			'margin-top' => '0.5em',
		),
		'.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, .ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content, .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
			'margin-left'  => '-1em',
			'margin-right' => '-1em',
		),
		'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
			'margin-left'  => '-0.5em',
			'margin-right' => '-0.5em',
		),
		'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on' => array(
			'margin-top' => '0.5em',
		),
		'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content' => array(
			'margin-top' => '-1.33333em',
		),
		'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content' => array(
			'margin-left'  => '-1em',
			'margin-right' => '-1em',
		),
		'.ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-1, .ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-2, .ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-3' => array(
			'padding' => '1.33333em 1em',
		),
		'.ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-1, .ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-1' => array(
			'padding' => '1.33333em 1em',
		),
		'.single.ast-separate-container .ast-author-meta' => array(
			'padding' => '1.5em 1em',
		),
	);

	/* Parse CSS from array() -> max-width: (mobile-breakpoint)px */
	$css_output .= astra_parse_css( $mobile_css, '', astra_addon_get_mobile_breakpoint() );

	if ( $is_site_rtl ) {
		$mobile_max_direction_css = array(
			'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
				'margin-right' => '-1em',
			),
			'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
				'margin-right' => '-0.5em',
			),
		);
	} else {
		$mobile_max_direction_css = array(
			'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
				'margin-left' => '-1em',
			),
			'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
				'margin-left' => '-0.5em',
			),
		);
	}

	/* Parse CSS from array() -> max-width: (mobile-breakpoint)px */
	$css_output .= astra_parse_css( $mobile_max_direction_css, '', astra_addon_get_mobile_breakpoint() );

	return $dynamic_css . $css_output;
}
