/**
 * Carrinho lateral — paleta minimalista.
 *
 * Tudo que é informação de apoio (economia, cupom, recompensas) sai do verde e
 * vira cinza. O verde fica reservado para o que o cliente precisa CLICAR ou
 * conferir antes de pagar: a linha "Economizou" do resumo e o botão
 * "Finalizar compra".
 *
 * Quando todo elemento positivo é verde, nenhum deles chama atenção — o CTA
 * compete com cinco selos da mesma cor. Tirando o verde do apoio, sobra um
 * único ponto de cor na tela, e ele é o botão.
 *
 * Escopo: só dentro de `.uc-side-cart`. O pill de % da página de produto
 * (`.ubap-pt-off`) continua verde onde sempre esteve.
 */

.uc-side-cart {
	--uc-min-texto: #6b7280;   /* cinza de leitura, contraste ~5:1 no branco */
	--uc-min-fraco: #9ca3af;   /* cinza de apoio, para ícone e detalhe */
	--uc-min-fundo: #f4f5f6;   /* lavagem quase branca */
	--uc-min-borda: rgba(17, 24, 39, .09);
}

/* ── "🎉 Você desbloqueou todas as recompensas!" ── */
.uc-side-cart .uc-rewards-done,
.uc-side-cart .uc-rewards-text.uc-rewards-done {
	color: var(--uc-min-texto) !important;
	font-weight: 500 !important;
}

/* ── "(Economizando 93%)" em cada item ── */
.uc-side-cart .uc-item-savings-badge {
	background: var(--uc-min-fundo) !important;
	color: var(--uc-min-texto) !important;
	font-weight: 500 !important;
}

/* ── Chip do cupom aplicado ("lizzon26 ×") ── */
.uc-side-cart .uc-coupon-tag {
	background: var(--uc-min-fundo) !important;
	background-image: none !important;   /* mata o gradiente verde do plugin */
	border-color: var(--uc-min-borda) !important;
	color: var(--uc-min-texto) !important;
}
.uc-side-cart .uc-coupon-tag-code {
	color: var(--uc-min-texto) !important;
}
.uc-side-cart .uc-coupon-tag-icon,
.uc-side-cart .uc-coupon-tag-icon svg,
.uc-side-cart .uc-coupon-remove {
	color: var(--uc-min-fraco) !important;
}

/* ── Ícone de etiqueta do "tem um cupom de desconto?" ──
   O plugin dá a ele um círculo de fundo esverdeado além da cor do traço;
   sem zerar o fundo, o verde continua na tela mesmo com o ícone cinza. */
.uc-side-cart .uc-coupon-trigger-icon,
.uc-side-cart .uc-coupon-trigger-icon svg {
	color: var(--uc-min-fraco) !important;
	background: var(--uc-min-fundo) !important;
	background-image: none !important;
}

/* ── Valor do desconto do cupom ("−R$ 3.084,59") ──
   O plugin pinta só o sinal de menos de verde, via ::first-letter. */
.uc-side-cart .uc-coupon-discount,
.uc-side-cart .uc-coupon-discount::first-letter {
	color: var(--uc-min-texto) !important;
}

/* ── Pill "76% OFF" dentro do carrinho ──
   Só aqui: na página de produto ele continua verde. */
.uc-side-cart .ubap-pt-off {
	background: var(--uc-min-fundo) !important;
	background-image: none !important;
	color: var(--uc-min-texto) !important;
	border-color: var(--uc-min-borda) !important;
}

/* ──────────────────────────────────────────────────────────
   Intocados de propósito — é onde o verde ainda trabalha:

     .uc-summary-savings / .uc-savings-value  → "✓ ECONOMIZOU R$ …"
     .uc-checkout-btn                          → "Finalizar compra"

   Nenhuma regra acima os alcança.
   ────────────────────────────────────────────────────────── */


/* ── Linha de brinde ──
   O brinde precisa continuar SE PARECENDO com brinde: mantemos o 🎁, a borda
   tracejada e o selo "GRÁTIS". Só a cor sai. Em cinza a linha continua
   distinta das compradas, sem disputar atenção com o botão de pagar. */
.uc-side-cart .uc-cart-item--gift {
	background: #fafafa !important;
	background-image: none !important;
	border-color: rgba(17, 24, 39, .14) !important;
}
.uc-side-cart .uc-cart-item--gift .uc-item-name {
	color: #374151 !important;
}
.uc-side-cart .uc-gift-badge {
	background: #e5e7eb !important;
	background-image: none !important;
	color: #4b5563 !important;
}