/**
 * Product embeds in posts/pages — match catalog card style.
 *
 * @package Teodar
 */

.page-content__body .woocommerce,
.page-content__body .wp-block-woocommerce-product-category,
.page-content__body .wp-block-woocommerce-product-new,
.page-content__body .wp-block-woocommerce-product-best-sellers,
.page-content__body .wp-block-woocommerce-product-top-rated,
.page-content__body .wp-block-woocommerce-product-on-sale,
.page-content__body .wp-block-woocommerce-product-tag,
.page-content__body .wp-block-woocommerce-products-by-attribute,
.page-content__body .wp-block-woocommerce-handpicked-products,
.page-content__body .wp-block-woocommerce-product-collection,
.page-content__body .wc-block-grid,
.page-content__body .wc-block-product-template,
.editor-styles-wrapper .woocommerce,
.editor-styles-wrapper .wp-block-woocommerce-product-category,
.editor-styles-wrapper .wp-block-woocommerce-product-collection,
.editor-styles-wrapper .wc-block-grid,
.editor-styles-wrapper .wc-block-product-template {
	margin-block: var(--space-xl, 2rem);
}

/* Classic shortcode / Products by Category loop */
.page-content__body ul.products,
.editor-styles-wrapper ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-md, 1rem) !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.page-content__body ul.products::before,
.page-content__body ul.products::after,
.editor-styles-wrapper ul.products::before,
.editor-styles-wrapper ul.products::after {
	display: none !important;
	content: none !important;
}

.page-content__body ul.products li.product,
.editor-styles-wrapper ul.products li.product {
	display: flex !important;
	flex-direction: column;
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
	height: 100%;
	margin: 0 !important;
	float: none !important;
	padding: 0 !important;
	text-align: left !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.page-content__body ul.products li.product > a,
.editor-styles-wrapper ul.products li.product > a {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	text-decoration: none !important;
	color: var(--color-text, #1a1a1a) !important;
}

.page-content__body ul.products li.product img,
.editor-styles-wrapper ul.products li.product img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin: 0 0 var(--space-sm, 0.75rem) !important;
	border-radius: var(--radius-sm, 6px);
	background: #ebe7e1;
}

.page-content__body ul.products li.product .woocommerce-loop-product__title,
.page-content__body ul.products li.product h2,
.page-content__body ul.products li.product h3,
.editor-styles-wrapper ul.products li.product .woocommerce-loop-product__title,
.editor-styles-wrapper ul.products li.product h2,
.editor-styles-wrapper ul.products li.product h3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 0 0 var(--space-xs, 0.5rem) !important;
	padding: 0 !important;
	font-family: var(--font-sans, "Source Sans 3", "Segoe UI", system-ui, sans-serif) !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	color: var(--color-text, #1a1a1a) !important;
	text-align: left !important;
}

.page-content__body ul.products li.product .price,
.editor-styles-wrapper ul.products li.product .price {
	margin-top: auto !important;
	margin-bottom: var(--space-sm, 0.75rem) !important;
	font-size: 0.9375rem !important;
	font-weight: 500;
	color: var(--color-text, #1a1a1a) !important;
	text-align: left !important;
}

.page-content__body ul.products li.product .price del,
.editor-styles-wrapper ul.products li.product .price del {
	color: var(--color-muted, #6b6b6b) !important;
	opacity: 0.75;
}

.page-content__body ul.products li.product .button,
.page-content__body ul.products li.product a.button,
.page-content__body ul.products li.product .add_to_cart_button,
.editor-styles-wrapper ul.products li.product .button,
.editor-styles-wrapper ul.products li.product a.button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	min-height: 2.5rem;
	margin: 0 !important;
	padding: 0.5rem 1rem !important;
	border: 0 !important;
	border-radius: var(--radius-sm, 6px) !important;
	background: linear-gradient(180deg, #6e2a2a 0%, #4a1818 52%, #260808 100%) !important;
	color: #fff !important;
	font: inherit;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
}

.page-content__body ul.products li.product .button:hover,
.page-content__body ul.products li.product a.button:hover,
.editor-styles-wrapper ul.products li.product .button:hover {
	background: linear-gradient(180deg, #803232 0%, #5a2222 52%, #331010 100%) !important;
	color: #fff !important;
}

.page-content__body ul.products li.product .onsale,
.editor-styles-wrapper ul.products li.product .onsale {
	top: 0.5rem;
	left: 0.5rem;
	right: auto;
	min-height: 0;
	padding: 0.25rem 0.5rem;
	border-radius: var(--radius-sm, 6px);
	background: var(--color-accent, #2a0a0a) !important;
	color: #fff !important;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.2;
}

/* Woo Blocks — Product Collection / All Products grid */
.page-content__body .wc-block-grid__products,
.page-content__body .wc-block-product-template,
.editor-styles-wrapper .wc-block-grid__products,
.editor-styles-wrapper .wc-block-product-template {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-md, 1rem) !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.page-content__body .wc-block-grid__product,
.page-content__body .wc-block-product,
.editor-styles-wrapper .wc-block-grid__product,
.editor-styles-wrapper .wc-block-product {
	display: flex !important;
	flex-direction: column;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.page-content__body .wc-block-grid__product-image img,
.page-content__body .wc-block-product .wc-block-components-product-image img,
.editor-styles-wrapper .wc-block-grid__product-image img,
.editor-styles-wrapper .wc-block-product .wc-block-components-product-image img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: var(--radius-sm, 6px);
	background: #ebe7e1;
}

.page-content__body .wc-block-grid__product-title,
.page-content__body .wc-block-grid__product-title a,
.page-content__body .wc-block-components-product-title,
.page-content__body .wc-block-components-product-title a,
.page-content__body .wc-block-product a,
.editor-styles-wrapper .wc-block-grid__product-title,
.editor-styles-wrapper .wc-block-grid__product-title a,
.editor-styles-wrapper .wc-block-components-product-title,
.editor-styles-wrapper .wc-block-components-product-title a {
	font-family: var(--font-sans, "Source Sans 3", "Segoe UI", system-ui, sans-serif) !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	color: var(--color-text, #1a1a1a) !important;
	text-decoration: none !important;
	text-align: left !important;
}

.page-content__body .wc-block-grid__product-price,
.page-content__body .wc-block-components-product-price,
.editor-styles-wrapper .wc-block-grid__product-price,
.editor-styles-wrapper .wc-block-components-product-price {
	margin-top: auto;
	font-size: 0.9375rem !important;
	font-weight: 500;
	color: var(--color-text, #1a1a1a) !important;
	text-align: left !important;
}

.page-content__body .wc-block-grid__product-add-to-cart .wp-block-button__link,
.page-content__body .wc-block-components-product-button .wp-block-button__link,
.editor-styles-wrapper .wc-block-grid__product-add-to-cart .wp-block-button__link,
.editor-styles-wrapper .wc-block-components-product-button .wp-block-button__link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.5rem;
	padding: 0.5rem 1rem !important;
	border: 0 !important;
	border-radius: var(--radius-sm, 6px) !important;
	background: linear-gradient(180deg, #6e2a2a 0%, #4a1818 52%, #260808 100%) !important;
	color: #fff !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

/* Pagination under product embeds */
.page-content__body .woocommerce-pagination,
.page-content__body .wc-block-pagination,
.page-content__body .wc-block-components-pagination,
.editor-styles-wrapper .woocommerce-pagination,
.editor-styles-wrapper .wc-block-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	margin: var(--space-lg, 1.5rem) 0 0;
	padding: 0;
	border: 0;
	list-style: none;
}

.page-content__body .woocommerce-pagination ul,
.editor-styles-wrapper .woocommerce-pagination ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}

.page-content__body .woocommerce-pagination li,
.editor-styles-wrapper .woocommerce-pagination li {
	margin: 0;
	border: 0;
	float: none;
	overflow: visible;
}

.page-content__body .woocommerce-pagination a,
.page-content__body .woocommerce-pagination span,
.page-content__body .wc-block-components-pagination-page,
.editor-styles-wrapper .woocommerce-pagination a,
.editor-styles-wrapper .woocommerce-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	min-height: 2.25rem;
	padding: 0.35rem 0.65rem;
	border: 1px solid var(--color-border, #e6e4e1);
	border-radius: var(--radius-sm, 6px);
	background: var(--color-surface, #fff);
	color: var(--color-text, #1a1a1a) !important;
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none !important;
}

.page-content__body .woocommerce-pagination .current,
.page-content__body .woocommerce-pagination span.current,
.editor-styles-wrapper .woocommerce-pagination .current {
	border-color: var(--color-accent, #2a0a0a);
	background: var(--color-accent, #2a0a0a);
	color: #fff !important;
}

.page-content__body .woocommerce-pagination a:hover,
.editor-styles-wrapper .woocommerce-pagination a:hover {
	border-color: var(--color-accent-light, #6b2a2a);
	color: var(--color-accent, #2a0a0a) !important;
}

@media (min-width: 48rem) {
	.page-content__body ul.products,
	.editor-styles-wrapper ul.products,
	.page-content__body .wc-block-grid__products,
	.page-content__body .wc-block-product-template,
	.editor-styles-wrapper .wc-block-grid__products,
	.editor-styles-wrapper .wc-block-product-template {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--space-lg, 1.5rem) !important;
	}
}

@media (min-width: 64rem) {
	.page-content__body ul.products.columns-4,
	.page-content__body ul.products[class*="columns-4"],
	.editor-styles-wrapper ul.products.columns-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}