/*
 * کارت افقی محصولات در نمایش موبایل فروشگاه گردو.
 */

.gerdoo-loop-excerpt,
.gerdoo-loop-rating {
	display: none;
}

@media (max-width: 689.98px) {
	body.post-type-archive-product.woocommerce ul.products,
	body.tax-product_cat.woocommerce ul.products,
	body.tax-product_tag.woocommerce ul.products {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 0 !important;
	}

	body.post-type-archive-product.woocommerce ul.products > li.product,
	body.tax-product_cat.woocommerce ul.products > li.product,
	body.tax-product_tag.woocommerce ul.products > li.product {
		direction: ltr;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 122px;
		grid-template-areas:
			"title image"
			"excerpt image"
			"rating image"
			"price image"
			"actions image";
		column-gap: 15px;
		row-gap: 6px;
		width: 100% !important;
		min-width: 0;
		margin: 0 !important;
		padding: 18px 0 !important;
		border-bottom: 1px solid rgba(25, 42, 61, 0.12);
		background: transparent;
		text-align: right;
	}

	body.post-type-archive-product.woocommerce ul.products > li.product:first-child,
	body.tax-product_cat.woocommerce ul.products > li.product:first-child,
	body.tax-product_tag.woocommerce ul.products > li.product:first-child {
		border-top: 1px solid rgba(25, 42, 61, 0.12);
	}

	body.post-type-archive-product.woocommerce ul.products > li.product > *,
	body.tax-product_cat.woocommerce ul.products > li.product > *,
	body.tax-product_tag.woocommerce ul.products > li.product > * {
		min-width: 0;
	}

	body.post-type-archive-product.woocommerce ul.products > li.product > figure,
	body.tax-product_cat.woocommerce ul.products > li.product > figure,
	body.tax-product_tag.woocommerce ul.products > li.product > figure {
		grid-area: image;
		align-self: start;
		width: 122px !important;
		margin: 0 !important;
	}

	body.post-type-archive-product.woocommerce ul.products > li.product > figure .ct-media-container,
	body.tax-product_cat.woocommerce ul.products > li.product > figure .ct-media-container,
	body.tax-product_tag.woocommerce ul.products > li.product > figure .ct-media-container {
		display: block;
		width: 100% !important;
	}

	body.post-type-archive-product.woocommerce ul.products > li.product > figure img,
	body.tax-product_cat.woocommerce ul.products > li.product > figure img,
	body.tax-product_tag.woocommerce ul.products > li.product > figure img {
		display: block;
		width: 122px !important;
		height: 122px !important;
		margin: 0 !important;
		border-radius: 12px;
		aspect-ratio: 1 / 1 !important;
		object-fit: cover;
	}

	body.post-type-archive-product.woocommerce ul.products > li.product > .woocommerce-loop-product__title,
	body.tax-product_cat.woocommerce ul.products > li.product > .woocommerce-loop-product__title,
	body.tax-product_tag.woocommerce ul.products > li.product > .woocommerce-loop-product__title {
		grid-area: title;
		direction: rtl;
		margin: 0 !important;
		font-size: 15px !important;
		font-weight: 700;
		line-height: 1.65;
		text-align: right;
	}

	.gerdoo-loop-excerpt {
		grid-area: excerpt;
		direction: rtl;
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		color: var(--theme-text-color, #4f5f6f);
		font-size: 12px;
		line-height: 1.7;
		text-align: right;
	}

	.gerdoo-loop-rating {
		grid-area: rating;
		direction: rtl;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 4px;
		color: #5b6570;
		font-size: 12px;
		line-height: 1.4;
	}

	.gerdoo-loop-rating__star {
		color: #f5b301;
		font-size: 16px;
		line-height: 1;
	}

	.gerdoo-loop-rating--empty {
		color: #7a8793;
	}

	.gerdoo-loop-rating__count {
		color: #7a8793;
	}

	body.post-type-archive-product.woocommerce ul.products > li.product > .price,
	body.tax-product_cat.woocommerce ul.products > li.product > .price,
	body.tax-product_tag.woocommerce ul.products > li.product > .price {
		grid-area: price;
		direction: rtl;
		margin: 0 !important;
		font-size: 14px !important;
		font-weight: 700;
		line-height: 1.6;
		text-align: right;
	}

	body.post-type-archive-product.woocommerce ul.products > li.product > .entry-meta,
	body.tax-product_cat.woocommerce ul.products > li.product > .entry-meta,
	body.tax-product_tag.woocommerce ul.products > li.product > .entry-meta {
		display: none !important;
	}

	body.post-type-archive-product.woocommerce ul.products > li.product > .ct-woo-card-actions,
	body.tax-product_cat.woocommerce ul.products > li.product > .ct-woo-card-actions,
	body.tax-product_tag.woocommerce ul.products > li.product > .ct-woo-card-actions {
		grid-area: actions;
		direction: rtl;
		align-self: end;
		justify-self: start;
		width: auto !important;
		margin: 1px 0 0 !important;
		text-align: right;
	}

	body.post-type-archive-product.woocommerce ul.products > li.product > .ct-woo-card-actions .button,
	body.tax-product_cat.woocommerce ul.products > li.product > .ct-woo-card-actions .button,
	body.tax-product_tag.woocommerce ul.products > li.product > .ct-woo-card-actions .button {
		width: auto !important;
		min-height: 34px !important;
		padding: 7px 12px !important;
		border-radius: 7px;
		font-size: 12px !important;
		line-height: 1.5 !important;
	}
}

@media (max-width: 370px) {
	body.post-type-archive-product.woocommerce ul.products > li.product,
	body.tax-product_cat.woocommerce ul.products > li.product,
	body.tax-product_tag.woocommerce ul.products > li.product {
		grid-template-columns: minmax(0, 1fr) 104px;
		column-gap: 12px;
	}

	body.post-type-archive-product.woocommerce ul.products > li.product > figure,
	body.tax-product_cat.woocommerce ul.products > li.product > figure,
	body.tax-product_tag.woocommerce ul.products > li.product > figure,
	body.post-type-archive-product.woocommerce ul.products > li.product > figure img,
	body.tax-product_cat.woocommerce ul.products > li.product > figure img,
	body.tax-product_tag.woocommerce ul.products > li.product > figure img {
		width: 104px !important;
		height: 104px !important;
	}
}