/**
 * Gaveta do carrinho (`side-cart-woocommerce`) — ajustes do tema.
 *
 * Carrega depois do `xoo-wsc-style` (e do CSS inline que o plugin gera das opções do painel), por
 * isso os seletores repetem o prefixo dele, `.xoo-wsc-products:not(.xoo-wsc-pattern-card)`: mesma
 * especificidade, ordem posterior, sem `!important`.
 */

/*
 * Celular: cada item do carrinho em escala reduzida — bloco, imagem e fonte na mesma proporção.
 * Decisões do dono em 09/10/2026: "diminuir em 60%" (0,4), depois "+25%" duas vezes
 * (0,4 × 1,25 × 1,25 = 0,625). Para mudar o tamanho, mude só `--inloft-carrinho-escala`.
 * Nome, cor, quantidade e a lixeira levam ainda `--inloft-carrinho-destaque` (+25%, pedidos do dono no
 * mesmo dia). A lixeira é um ícone de fonte: o tamanho dela é o `font-size`.
 *
 * Cada `calc()` parte do valor ORIGINAL do plugin, medido a 390px: card com padding/margin
 * 10px 15px, imagem 86px, texto 16px, variação 13px, excluir com margem 5px.
 *
 * A coluna da imagem sai de largura em % (opção do plugin) para largura fixa: em % ela continuaria
 * proporcional à gaveta, que não encolhe.
 */
@media (max-width: 767px) {
	.xoo-wsc-products:not(.xoo-wsc-pattern-card) {
		--inloft-carrinho-escala: 0.625;
		--inloft-carrinho-destaque: 1.25;
	}

	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product {
		padding: calc(10px * var(--inloft-carrinho-escala)) calc(15px * var(--inloft-carrinho-escala));
		margin: calc(10px * var(--inloft-carrinho-escala)) calc(15px * var(--inloft-carrinho-escala));
		font-size: calc(16px * var(--inloft-carrinho-escala));
		line-height: 1.6;
		/* O iOS infla texto miúdo por conta própria; a redução tem de valer como foi pedida. */
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}

	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-img-col {
		flex: 0 0 calc(86px * var(--inloft-carrinho-escala));
		width: calc(86px * var(--inloft-carrinho-escala));
	}

	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-sum-col {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		padding-left: calc(15px * var(--inloft-carrinho-escala));
	}

	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product .xoo-wsc-pprice,
	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product .xoo-wsc-qty-price,
	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product .xoo-wsc-smr-ptotal,
	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product .xoo-wsc-psavings {
		font-size: calc(16px * var(--inloft-carrinho-escala));
		line-height: 1.6;
	}

	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product .xoo-wsc-pname,
	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product .xoo-wsc-pname a,
	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product .xoo-wsc-sml-qty,
	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product .xoo-wsc-smr-del {
		font-size: calc(16px * var(--inloft-carrinho-escala) * var(--inloft-carrinho-destaque));
		line-height: 1.6;
	}

	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product .xoo-wsc-smr-del {
		margin: calc(5px * var(--inloft-carrinho-escala)) 0;
	}

	/* O valor em reais traz tamanho próprio de 16px (`.amount`), que não herda do bloco. */
	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product .amount,
	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product .amount * {
		font-size: inherit;
		line-height: inherit;
	}

	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product dl.variation,
	.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product dl.variation * {
		font-size: calc(13px * var(--inloft-carrinho-escala) * var(--inloft-carrinho-destaque));
		line-height: 1.6;
	}
}