/* ============================================================
   LifeTrusty — Article cards as SQUARE (1:1) boxes, site-wide
   ------------------------------------------------------------
   Each card = a square frame: photo on top, title + short
   description below. Applied to home, blog (EAEL), category/
   archive (Astra) and Related Posts. The 1:1 ratio is constant
   on desktop / tablet / mobile (no media query below; !important
   wins over theme/plugin responsive rules). Only the card format
   changes — colours, fonts, badges, radius, shadows are kept.
   ============================================================ */

/* ---- 1. Homepage custom cards (.lt-card) ---- */
.lt-card {
	display: flex !important;
	flex-direction: column !important;
	aspect-ratio: 1 / 1 !important;
}
.lt-card > img {
	flex: 0 0 56% !important;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: auto !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block;
}
.lt-card-body {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	min-height: 0 !important;
}

/* ---- 2. Astra blog / category / archive (scoped: never single) ---- */
body.blog .ast-article-inner,
body.archive .ast-article-inner,
body.search .ast-article-inner {
	display: flex !important;
	flex-direction: column !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
}
body.blog .post-content,
body.archive .post-content,
body.search .post-content,
body.blog .ast-blog-featured-section,
body.archive .ast-blog-featured-section,
body.search .ast-blog-featured-section {
	flex: 0 0 56% !important;
	aspect-ratio: auto !important;
	overflow: hidden !important;
	min-height: 0 !important;
}
body.blog .ast-blog-featured-section img,
body.archive .ast-blog-featured-section img,
body.search .ast-blog-featured-section img,
body.blog .post-thumb-img-content img,
body.archive .post-thumb-img-content img,
body.search .post-thumb-img-content img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block;
}
body.blog .entry-header,
body.archive .entry-header,
body.search .entry-header {
	display: none !important;
}
body.blog .entry-title,
body.archive .entry-title,
body.search .entry-title,
body.blog .entry-content,
body.archive .entry-content,
body.search .entry-content,
body.blog .blog-entry-content,
body.archive .blog-entry-content,
body.search .blog-entry-content {
	margin: 0 !important;
}

/* ---- 3. Essential Addons (EAEL) blog grid ---- */
.eael-grid-post-holder {
	aspect-ratio: 1 / 1 !important;
}
.eael-grid-post-holder-inner {
	height: 100% !important;
}
.eael-entry-media {
	flex: 0 0 56% !important;
	position: relative !important;
	overflow: hidden !important;
	min-height: 0 !important;
}
.eael-entry-thumbnail {
	position: absolute !important;
	inset: 0 !important;
	aspect-ratio: auto !important;
	overflow: hidden !important;
}
.eael-entry-thumbnail img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}
.eael-entry-wrapper {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
}

/* ---- 4. Related Posts (.lt-rp-card) ---- */
.lt-rp-card {
	aspect-ratio: 1 / 1 !important;
}
.lt-rp-thumb {
	flex: 0 0 54% !important;
	aspect-ratio: auto !important;
}
.lt-rp-thumb picture {
	width: 100%;
	height: 100%;
}

/* ---- Text: title 2 lines, description 2 lines (keep cards compact) ---- */
.lt-card h3,
.lt-card-title,
.eael-entry-title,
.lt-rp-cardtitle,
body.blog .entry-title,
body.archive .entry-title,
body.search .entry-title {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
	overflow: hidden !important;
}
.lt-card-ex,
.eael-entry-content,
.lt-rp-excerpt,
body.blog .entry-content,
body.archive .entry-content,
body.search .entry-content,
body.blog .blog-entry-content,
body.archive .blog-entry-content,
body.search .blog-entry-content {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
	overflow: hidden !important;
}