// Posts / Archive Posts.

// Theme-dependant.
.posts-base() {
	// Pagination Border.
	&.elementor-show-pagination-border-yes {
		.elementor-pagination .page-numbers {
			border: 1px solid var(--vamtam-default-line-color);
		}
	}

	.elementor-post {
		.elementor-post__thumbnail {
			transition-duration: 1.2s;
		}

		&:hover .elementor-post__thumbnail {
			transform: scale(1.2);
		}

		.elementor-post__thumbnail__link {
			overflow: hidden;
		}

		.elementor-post__title a {
			background-image: linear-gradient( 120deg, transparent 0%, transparent 100%);
			transition: background-size 0.25s ease-in;

			&:hover {
				background-image: linear-gradient( 120deg, var( --vamtam-accent-color-3) 0%, var( --vamtam-accent-color-3) 100%);
				background-repeat: no-repeat;
				background-size: 100% 7px;
				background-position: 0 85%;
			}
		}
	}

	.elementor-posts-nothing-found {
		text-align: center;
	}

	.elementor-post__read-more {
		background-image: linear-gradient( 120deg, transparent 0%, transparent 100%);
		transition: background-size 0.25s ease-in;

		&:hover {
			background-image: linear-gradient( 120deg, var( --vamtam-accent-color-3) 0%, var( --vamtam-accent-color-3) 100%);
			background-repeat: no-repeat;
			background-size: 100% 7px;
			background-position: 0 88%;
		}

	}

	&[data-widget_type="posts.vamtam_classic"],
	&[data-widget_type="archive-posts.vamtam_classic"] {
		display: grid;
		flex-wrap: wrap;

		&:not(.elementor-posts-masonry) {
			align-items: stretch;
		}

		.elementor-post {
			overflow: hidden;
		}

		.elementor-post__text {
			-webkit-box-flex: 1;
			flex-grow: 1;
		}

		.vamtam-post__categories {
			display: flex;

			a {
				text-transform: uppercase;

				&:not(:first-of-type) {
					padding-left: 5px;
				}
			}
		}

		&.elementor-posts--align- {
			&center {
				.elementor-post__meta-data {
					text-align: center;
					.vamtam-post__categories {
						justify-content: center;
					}
				}
			}
			&left {
				.elementor-post__meta-data {
					text-align: start;
					.vamtam-post__categories {
						justify-content: flex-start;
					}
				}
			}
			&right {
				.elementor-post__meta-data {
					text-align: end;
					.vamtam-post__categories {
						justify-content: flex-end;
					}
				}
			}
		}

		.elementor-post__meta-data {
			padding: var(--vamtam-content-padding, 0);
		}
	}
}