/**
 * Post List + Archive Posts card styles (child theme — plugin-update safe).
 *
 * Templates: Elementor library sections with container class
 *   fixafibBlogPostList  — Post List widget
 *   fixafibBlogArchivePosts — Archive Posts widget
 *
 * Optional widget class: blogCards
 */

.fixafibBlogPostList,
.fixafibBlogArchivePosts,
.elementor-widget-ha-post-list.blogCards,
.elementor-widget-ha-archive-posts.blogCards {
	--fixafib-card-image-height: 220px;
	--fixafib-card-col-padding: 12px;
	--fixafib-card-row-gap: 24px;
	--fixafib-card-body-padding: 24px;
	--fixafib-card-footer-gap: 16px;
}

/* Post List — read-more footer */
.fixafibBlogPostList .fixafib-blog-card-read-more,
.elementor-widget-ha-post-list.blogCards .fixafib-blog-card-read-more {
	margin: var(--fixafib-card-footer-gap) var(--fixafib-card-body-padding) 0;
	padding: var(--fixafib-card-footer-gap) 0 var(--fixafib-card-body-padding);
	border-top: 1px solid color-mix(in srgb, var(--e-global-color-text) 35%, transparent);
	flex-shrink: 0;
	box-sizing: border-box;
}

.fixafibBlogPostList .fixafib-blog-card-read-more span,
.elementor-widget-ha-post-list.blogCards .fixafib-blog-card-read-more span {
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-typo_h6-font-family), Helvetica, Arial, sans-serif;
	font-size: var(--e-global-typography-typo_h6-font-size);
	font-weight: var(--e-global-typography-typo_h6-font-weight);
	line-height: var(--e-global-typography-typo_h6-line-height);
	letter-spacing: var(--e-global-typography-typo_h6-letter-spacing);
	border-bottom: 1px solid var(--e-global-color-primary);
	padding-bottom: 2px;
	display: inline-block;
}

.fixafibBlogPostList .elementor-widget-ha-post-list .ha-post-list,
.elementor-widget-ha-post-list.blogCards .ha-post-list {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0 calc(var(--fixafib-card-col-padding) * -1);
	padding: 0;
	list-style: none;
}

.fixafibBlogPostList .elementor-widget-ha-post-list .ha-post-list .ha-post-list-item,
.elementor-widget-ha-post-list.blogCards .ha-post-list .ha-post-list-item {
	flex: 0 0 calc(100% / 3) !important;
	max-width: calc(100% / 3) !important;
	padding: 0 var(--fixafib-card-col-padding);
	margin: 0 0 var(--fixafib-card-row-gap) !important;
	box-sizing: border-box;
	display: flex;
	align-items: stretch;
}

.fixafibBlogPostList .ha-post-list .ha-post-list-item > a,
.elementor-widget-ha-post-list.blogCards .ha-post-list .ha-post-list-item > a {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: var(--e-global-color-cb6da34);
	border-radius: 16px;
	box-shadow: 0 12px 24px color-mix(in srgb, var(--e-global-color-primary) 10%, transparent);
	overflow: hidden;
	text-decoration: none;
	color: inherit;
}

.fixafibBlogPostList .ha-post-list .ha-post-list-item > a > img,
.elementor-widget-ha-post-list.blogCards .ha-post-list .ha-post-list-item > a > img {
	display: block;
	width: 100% !important;
	height: var(--fixafib-card-image-height) !important;
	min-height: var(--fixafib-card-image-height) !important;
	max-height: var(--fixafib-card-image-height) !important;
	margin: 0 !important;
	object-fit: cover;
	object-position: center;
	border-radius: 16px 16px 0 0;
	flex: 0 0 var(--fixafib-card-image-height);
	flex-shrink: 0;
}

.fixafibBlogPostList .ha-post-list .ha-post-list-content,
.elementor-widget-ha-post-list.blogCards .ha-post-list .ha-post-list-content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	min-height: 0;
	box-sizing: border-box;
}

.fixafibBlogPostList .ha-post-list-title,
.elementor-widget-ha-post-list.blogCards .ha-post-list-title {
	margin: 0 !important;
	padding: var(--fixafib-card-body-padding) var(--fixafib-card-body-padding) 0;
	flex: 0 0 auto;
	box-sizing: border-box;
	color: var(--e-global-color-secondary);
	font-family: var(--e-global-typography-typo_h5-font-family), Helvetica, Arial, sans-serif;
	font-size: var(--e-global-typography-typo_h5-font-size);
	font-weight: var(--e-global-typography-typo_h5-font-weight);
	line-height: var(--e-global-typography-typo_h5-line-height);
	letter-spacing: var(--e-global-typography-typo_h5-letter-spacing);
}

.fixafibBlogPostList .ha-post-list .ha-post-list-item > a:hover .ha-post-list-title,
.elementor-widget-ha-post-list.blogCards .ha-post-list .ha-post-list-item > a:hover .ha-post-list-title {
	color: var(--e-global-color-primary);
}

.fixafibBlogPostList .ha-post-list-excerpt,
.elementor-widget-ha-post-list.blogCards .ha-post-list-excerpt {
	margin: 12px 0 0 !important;
	padding: 0 var(--fixafib-card-body-padding);
	flex: 0 0 auto;
	box-sizing: border-box;
}

.fixafibBlogPostList .ha-post-list-excerpt p,
.elementor-widget-ha-post-list.blogCards .ha-post-list-excerpt p {
	margin: 0;
	color: var(--e-global-color-secondary);
	font-family: var(--e-global-typography-typo_p2-font-family), Helvetica, Arial, sans-serif;
	font-size: var(--e-global-typography-typo_p2-font-size);
	font-weight: var(--e-global-typography-typo_p2-font-weight);
	line-height: var(--e-global-typography-typo_p2-line-height);
	letter-spacing: var(--e-global-typography-typo_p2-letter-spacing);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: calc(var(--e-global-typography-typo_p2-line-height) * 2);
}

.fixafibBlogPostList .ha-post-list .fixafib-blog-card-read-more,
.elementor-widget-ha-post-list.blogCards .ha-post-list .fixafib-blog-card-read-more {
	/* margin-top: auto; */
	margin-top: 16px;
	margin-bottom: 0;
}

/* Archive Posts */
.fixafibBlogArchivePosts .elementor-widget-ha-archive-posts .ha-archive-posts-container,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts-container {
	--grid_columns: 3 !important;
	column-gap: calc(var(--fixafib-card-col-padding) * 2);
	row-gap: var(--fixafib-card-row-gap);
	align-items: stretch;
}

.fixafibBlogArchivePosts .ha-archive-post,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-post {
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	background-color: var(--e-global-color-cb6da34);
	border-radius: 16px;
	box-shadow: 0 12px 24px color-mix(in srgb, var(--e-global-color-primary) 10%, transparent);
	overflow: hidden;
	height: 100%;
}

.fixafibBlogArchivePosts .ha-archive-posts__thumbnail__link,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts__thumbnail__link {
	position: relative;
	display: block;
	width: 100% !important;
	height: var(--fixafib-card-image-height) !important;
	min-height: var(--fixafib-card-image-height) !important;
	max-height: var(--fixafib-card-image-height) !important;
	overflow: hidden;
	margin: 0 !important;
	border-radius: 16px 16px 0 0;
	flex: 0 0 var(--fixafib-card-image-height);
	flex-shrink: 0;
}

.fixafibBlogArchivePosts .ha-archive-posts__thumbnail,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts__thumbnail {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: var(--fixafib-card-image-height);
}

.fixafibBlogArchivePosts .ha-archive-posts__thumbnail img,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts__thumbnail img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover;
	object-position: center;
	display: block;
	border-radius: 0 !important;
}

.fixafibBlogArchivePosts .ha-archive-posts__text,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts__text {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	min-height: 0;
	box-sizing: border-box;
	text-align: left !important;
	padding: 0 !important;
	margin: 0 !important;
}

.fixafibBlogArchivePosts .ha-archive-posts-meta-wrap:empty,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts-meta-wrap:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.fixafibBlogArchivePosts .ha-archive-posts-title,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts-title {
	margin: 0 !important;
	padding: var(--fixafib-card-body-padding) var(--fixafib-card-body-padding) 0;
	flex: 0 0 auto;
	box-sizing: border-box;
}

.fixafibBlogArchivePosts .ha-archive-posts-title a,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts-title a {
	color: var(--e-global-color-secondary);
	font-family: var(--e-global-typography-typo_h5-font-family), Helvetica, Arial, sans-serif;
	font-size: var(--e-global-typography-typo_h5-font-size);
	font-weight: var(--e-global-typography-typo_h5-font-weight);
	line-height: var(--e-global-typography-typo_h5-line-height);
	letter-spacing: var(--e-global-typography-typo_h5-letter-spacing);
	text-decoration: none;
	display: block;
}

.fixafibBlogArchivePosts .ha-archive-posts-title a:hover,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts-title a:hover {
	color: var(--e-global-color-primary);
}

.fixafibBlogArchivePosts .ha-archive-posts-meta-wrap,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts-meta-wrap {
	margin: 0 !important;
	padding: 0 var(--fixafib-card-body-padding);
}

.fixafibBlogArchivePosts .ha-archive-posts-excerpt,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts-excerpt {
	margin: 12px 0 0 !important;
	padding: 0 var(--fixafib-card-body-padding) !important;
	flex: 0 0 auto;
	box-sizing: border-box;
	color: var(--e-global-color-secondary);
	font-family: var(--e-global-typography-typo_p2-font-family), Helvetica, Arial, sans-serif;
	font-size: var(--e-global-typography-typo_p2-font-size);
	font-weight: var(--e-global-typography-typo_p2-font-weight);
	line-height: var(--e-global-typography-typo_p2-line-height);
	letter-spacing: var(--e-global-typography-typo_p2-letter-spacing);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: calc(var(--e-global-typography-typo_p2-line-height) * 2);
}

.fixafibBlogArchivePosts .ha-archive-posts-readmore,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts-readmore {
	display: block;
	box-sizing: border-box;
	margin: auto var(--fixafib-card-body-padding) 0 !important;
	padding: var(--fixafib-card-footer-gap) 0 var(--fixafib-card-body-padding) !important;
	border-top: 1px solid color-mix(in srgb, var(--e-global-color-text) 35%, transparent);
	align-self: stretch;
	color: var(--e-global-color-primary) !important;
	font-family: var(--e-global-typography-typo_h6-font-family), Helvetica, Arial, sans-serif;
	font-size: var(--e-global-typography-typo_h6-font-size);
	font-weight: var(--e-global-typography-typo_h6-font-weight);
	line-height: var(--e-global-typography-typo_h6-line-height);
	letter-spacing: var(--e-global-typography-typo_h6-letter-spacing);
	text-decoration: none;
	border-bottom: 1px solid var(--e-global-color-primary);
	width: fit-content;
	max-width: calc(100% - (var(--fixafib-card-body-padding) * 2));
}

.fixafibBlogArchivePosts .ha-archive-posts-readmore:hover,
.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts-readmore:hover {
	color: var(--e-global-color-clr_red_hover) !important;
	border-bottom-color: var(--e-global-color-clr_red_hover);
}

@media (max-width: 1024px) {
	.fixafibBlogPostList,
	.fixafibBlogArchivePosts,
	.elementor-widget-ha-post-list.blogCards,
	.elementor-widget-ha-archive-posts.blogCards {
		--fixafib-card-image-height: 200px;
		--fixafib-card-col-padding: 8px;
		--fixafib-card-row-gap: 14px;
	}

	.fixafibBlogPostList .elementor-widget-ha-post-list .ha-post-list .ha-post-list-item,
	.elementor-widget-ha-post-list.blogCards .ha-post-list .ha-post-list-item {
		flex-basis: calc(100% / 3) !important;
		max-width: calc(100% / 3) !important;
	}

	.fixafibBlogArchivePosts .elementor-widget-ha-archive-posts .ha-archive-posts-container,
	.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts-container {
		--grid_columns: 3 !important;
	}
}

@media (max-width: 767px) {
	.fixafibBlogPostList,
	.fixafibBlogArchivePosts,
	.elementor-widget-ha-post-list.blogCards,
	.elementor-widget-ha-archive-posts.blogCards {
		--fixafib-card-image-height: 180px;
		--fixafib-card-body-padding: 16px;
	}

	.fixafibBlogPostList .elementor-widget-ha-post-list .ha-post-list .ha-post-list-item,
	.elementor-widget-ha-post-list.blogCards .ha-post-list .ha-post-list-item {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}

	.fixafibBlogArchivePosts .elementor-widget-ha-archive-posts .ha-archive-posts-container,
	.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts-container {
		--grid_columns: 1 !important;
	}

	.fixafibBlogPostList .ha-post-list .ha-post-list-item > a,
	.fixafibBlogArchivePosts .ha-archive-post,
	.elementor-widget-ha-post-list.blogCards .ha-post-list .ha-post-list-item > a,
	.elementor-widget-ha-archive-posts.blogCards .ha-archive-post {
		border-radius: 12px;
	}

	.fixafibBlogPostList .ha-post-list .ha-post-list-item > a > img,
	.fixafibBlogArchivePosts .ha-archive-posts__thumbnail__link,
	.elementor-widget-ha-post-list.blogCards .ha-post-list .ha-post-list-item > a > img,
	.elementor-widget-ha-archive-posts.blogCards .ha-archive-posts__thumbnail__link {
		border-radius: 12px 12px 0 0;
	}
}

/* Get the Scoop — card hover on actual card link */
.ha-post-list-item > a {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
@media (hover: hover) and (pointer: fine) {
  body:not(.is-scrolling) .ha-post-list-item > a:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(35, 77, 88, 0.14), 0 4px 10px rgba(0, 0, 0, 0.06);
  }
}

/* Get the Scoop — card entrance stagger after list scrolls in */
@keyframes fixafibScoopIn {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}
.elementor-widget-ha-post-list.animated .ha-post-list-item > a {
  animation: fixafibScoopIn 0.55s ease both;
}
.elementor-widget-ha-post-list.animated .ha-post-list-item:nth-child(1) > a { animation-delay: 0.08s; }
.elementor-widget-ha-post-list.animated .ha-post-list-item:nth-child(2) > a { animation-delay: 0.18s; }
.elementor-widget-ha-post-list.animated .ha-post-list-item:nth-child(3) > a { animation-delay: 0.28s; }