/* CarParts — Blog cards (Codevz cz_posts grids)
   Same visual language as the product cards: 16px radius, soft shadow,
   hover lift, image zoom. Scoped to .cz_grid_posts only. */

/* Card shell */
.cz_grid_posts .cz_grid_item > div {
	background: #fff;
	border: 0 !important;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
	transition: transform .22s ease, box-shadow .22s ease;
}
.cz_grid_posts .cz_grid_item:hover > div {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .1);
}

/* Image: full-bleed top, quiet zoom on hover — replaces the red overlay. */
.cz_grid_posts .cz_grid_link {
	padding: 0 !important;
	display: block;
	overflow: hidden;
}
.cz_grid_posts .cz_grid_link img {
	display: block;
	width: 100%;
	border-radius: 0 !important;
	transition: transform .35s ease;
}
.cz_grid_posts .cz_grid_item:hover .cz_grid_link img {
	transform: scale(1.04);
}
/* the colored hover overlay + chain icon inside the image link,
   and the widget's inset ::before hover box (cz_grid_overlay_*) */
.cz_grid_posts .cz_grid_link .cz_grid_details,
.cz_grid_posts .cz_grid_link::before,
.cz_grid_posts .cz_grid_link::after {
	display: none !important;
	content: none !important;
}

/* Body */
.cz_grid_posts .cz_grid_details_outside {
	padding: 16px 18px 18px;
	text-align: right;
	direction: rtl;
}

/* Meta: category + date, small and gray with a red dot between. */
.cz_grid_posts .cz_grid_details_outside small {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}
.cz_grid_posts .cz_post_data a {
	font-size: 12px !important;
	color: #8a8f98 !important;
	transition: color .15s ease;
}
.cz_grid_posts .cz_post_data a:hover {
	color: #eb2500 !important;
}
.cz_grid_posts .cz_data_date .cz_sub_icon {
	font-size: 4px !important;
	color: #eb2500 !important;
	vertical-align: middle;
}

/* Title: two full lines, no mid-word ellipsis. */
.cz_grid_posts .cz_grid_title {
	display: block;
}
.cz_grid_posts h3.cz_grid_post_title {
	font-size: 16px !important;
	font-weight: 800;
	line-height: 1.8 !important;
	color: #101010;
	margin: 0 0 8px;
	white-space: normal !important;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	min-height: 3.6em; /* reserve two lines so cards stay equal */
	transition: color .15s ease;
}
.cz_grid_posts .cz_grid_title:hover h3.cz_grid_post_title {
	color: #eb2500;
}
/* the theme's single-line ellipsis mode fights the clamp */
.cz_single_line_title.cz_grid_posts .cz_grid_title,
.cz_grid_posts.cz_single_line_title .cz_grid_title {
	white-space: normal !important;
}

/* Excerpt: two quiet lines. */
.cz_grid_posts .cz_post_excerpt {
	font-size: 13px;
	line-height: 1.9;
	color: #6a6f76;
	overflow: hidden;
}

/* Read-more: quiet red text link instead of the boxed bar. */
.cz_grid_posts .cz_readmore {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	/* the widget's own CSS uses -20px margins to fake a full-width bar — undo */
	margin: 12px 0 0 !important;
	padding: 0 !important;
	font-size: 13px;
	font-weight: 700;
	color: #eb2500 !important;
	background: transparent !important;
	border: 0 !important;
	transition: gap .2s ease;
}
.cz_grid_posts .cz_readmore:hover {
	gap: 10px;
}
.cz_grid_posts .cz_readmore i {
	font-size: 12px;
}