/* ==========================================================================
   Article card: Loop Item "Knowledge card / כרטיס מאמר" (#283). Shared by the home knowledge carousel
   and the blog / archive grid (loaded by inc/blog.php on those pages and in the template editor).
   ========================================================================== */
/* Card (Figma component "קומפוננט כתבה", 252.1 × 346). Units follow the card's own width. */
.av-post-card.e-con {
	--u: calc(100cqw / 252.1);
	container-type: inline-size;
	position: relative;
	width: 100%;
	aspect-ratio: 252.1 / 346;
	padding: 0;
}

.av-post-card.e-con > .elementor-element {
	position: absolute;
	margin: 0;
}

.elementor.elementor .av-post-card.e-con > .elementor-element {
	max-width: none;
}

/* Gold frame (8.3px, inside) + white bar that opens its right edge behind the title box. */
.av-post-card.e-con::before,
.av-post-card.e-con::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.av-post-card.e-con::before {
	z-index: 1;
	left: calc(1.2 * var(--u));
	top: calc(12.5 * var(--u));
	width: calc(250.6 * var(--u));
	height: calc(319.3 * var(--u));
	border: calc(8.32 * var(--u)) solid var(--e-global-color-primary);
}

.av-post-card.e-con::after {
	z-index: 2;
	left: calc(240.2 * var(--u));
	top: calc(137.9 * var(--u));
	width: calc(11.9 * var(--u));
	height: calc(170 * var(--u));
	background: #FFFFFF;
}

.av-post-card.e-con > .av-post-card__img {
	z-index: 0;
	left: calc(19.1 * var(--u));
	top: calc(29.7 * var(--u));
	width: calc(215.2 * var(--u));
	height: calc(284.2 * var(--u));
}

.av-post-card__img img,
.av-post-card__img a {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.av-post-card.e-con > .av-post-card__title {
	z-index: 3;
	right: 0;
	top: calc(145.1 * var(--u));
	width: calc(205.7 * var(--u));
	min-height: calc(91 * var(--u));
	padding: calc(9.5 * var(--u)) calc(5.9 * var(--u));
	background: var(--e-global-color-secondary);
}

.av-post-card__title .elementor-heading-title {
	color: var(--e-global-color-avbody2);
	font-family: var(--e-global-typography-text-font-family), Arial, sans-serif;
	font-size: calc(23.78 * var(--u));
	font-weight: 400;
	line-height: calc(23.8 * var(--u));
	letter-spacing: 0;
	text-align: right;
}

.av-post-card__title a {
	color: inherit;
}

.av-post-card.e-con > .av-post-card__btn {
	z-index: 3;
	right: 0;
	top: calc(265.1 * var(--u));
}

.av-post-card__btn .elementor-button {
	margin-inline-end: 0;
	padding: calc(7.4 * var(--u)) calc(9.5 * var(--u));
	font-size: calc(19.02 * var(--u));
	line-height: calc(19 * var(--u));
	letter-spacing: calc(-0.38 * var(--u));
}
