/* Brindara Brindes — Vitrine "Você também pode gostar" do carrinho vazio
   (bloco nativo `woocommerce/cart-new-in-store-message`, ver
   `Migrate_Cart_Empty_Showcase_Heading_Command`). Porta o padrão visual de
   `.product-card`/`.showcase__viewport`/`.showcase__track` do catálogo
   Next.js (frontend/src/styles/product-card.css,
   frontend/src/styles/home.css:380-407) para dentro das classes nativas do
   bloco `.wc-block-grid.wp-block-product-new` — sem setas/loop infinito,
   mesma decisão já tomada em `Showcase.tsx` (scroll nativo por touch/roda). */

.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new {
	display: block; /* desfaz o grid nativo — vira container do scroll horizontal */
}

.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__products {
	display: flex;
	flex-wrap: nowrap; /* CSS nativo do Woo aplica `wrap` no mesmo seletor — sem isto os cards empilham/quebram linha em vez de rolar (achado 2 da validação do qa-tester, 2026-09-22) */
	gap: 24px; /* --space-6 */
	overflow-x: auto;
	overflow-anchor: none;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding: 0;
	margin: 0;
	list-style: none;
}
.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__products::-webkit-scrollbar {
	display: none;
}

.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product {
	flex: 0 0 auto;
	width: 82%;
	max-width: 82%; /* CSS nativo do Woo tem seu próprio `max-width` banded no mesmo seletor, que senão clampa este `width` (achado 2 da validação do qa-tester, 2026-09-22) */
	scroll-snap-align: start;
	background: var( --wp--preset--color--white );
	border: 1px solid var( --wp--preset--color--line-200 );
	border-radius: 12px; /* --radius-lg */
	box-shadow: 0 2px 6px rgba( 0, 25, 50, 0.08 ); /* --shadow-sm */
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 220ms cubic-bezier( 0.4, 0, 0.2, 1 ), box-shadow 220ms cubic-bezier( 0.4, 0, 0.2, 1 ); /* --dur-base / --ease-standard */
}
.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product:hover {
	transform: translateY( -3px );
	box-shadow: 0 6px 18px rgba( 0, 25, 50, 0.1 ); /* --shadow-md */
}
@media ( min-width: 640px ) {
	.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product {
		width: calc( ( 100% - 24px ) / 2 );
		max-width: calc( ( 100% - 24px ) / 2 );
	}
}
@media ( min-width: 1024px ) {
	.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product {
		width: calc( ( 100% - 2 * 24px ) / 3 );
		max-width: calc( ( 100% - 2 * 24px ) / 3 );
	}
}
@media ( min-width: 1280px ) {
	.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product {
		width: calc( ( 100% - 3 * 24px ) / 4 );
		max-width: calc( ( 100% - 3 * 24px ) / 4 );
	}
}

.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product-image {
	aspect-ratio: 1 / 1;
	background: var( --wp--preset--color--cream-100 );
	border-bottom: 1px solid var( --wp--preset--color--line-200 );
}
.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product-title {
	padding: 16px 16px 4px; /* --space-4 / --space-1 */
	font-size: 0.875rem; /* --fs-small */
	font-weight: 600; /* --fw-semibold */
	color: var( --wp--preset--color--ink-900 );
}

.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product-price {
	padding: 0 16px 12px; /* --space-4 / --space-3 */
	font-size: 1.125rem; /* --fs-h3 */
	font-weight: 700; /* --fw-bold */
	color: var( --wp--preset--color--gold-600 );
}

.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product-add-to-cart {
	margin: auto 16px 16px; /* --space-4 */
}
.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product-add-to-cart .add_to_cart_button {
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 16px; /* mesmo porte de .btn */
	border-radius: 8px; /* --radius-md */
	background: var( --wp--preset--color--navy-900 );
	color: var( --wp--preset--color--white );
	font-size: 0.875rem; /* --fs-small */
	font-weight: 600; /* --fw-semibold */
	text-decoration: none;
	transition: background 220ms cubic-bezier( 0.4, 0, 0.2, 1 ); /* --dur-base / --ease-standard */
}
.wc-block-cart__empty-cart__title ~ .wc-block-grid.wp-block-product-new .wc-block-grid__product-add-to-cart .add_to_cart_button:hover {
	background: var( --wp--preset--color--navy-700 );
}