/* ==========================================================================
   Card de produto — design global (loja, categorias, related, upsells, etc)
   Baseado em .wd-product (classe do Woodmart sempre presente no card).
   ========================================================================== */

/* Card limpo: sem borda, sombra, fundo, padding */
.wd-product,
.wd-product .product-wrapper {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	padding: 0 !important;
	text-align: left !important;
}

.wd-product .product-wrapper {
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
	row-gap: 0 !important;
}

/* Zera margins de qualquer descendente direto do wrapper (atinge o que o tema injeta) */
.wd-product .product-wrapper > * {
	margin-block: 0 !important;
}

.wd-product .product-wrapper:hover {
	background: transparent !important;
	box-shadow: none !important;
}

/* Ordem dos elementos: imagem → nome → preço → parcelamento → swatches */
.wd-product .product-element-top   { order: 1 !important; }
.wd-product .wd-entities-title      { order: 2 !important; }
.wd-product .price                   { order: 3 !important; }
.wd-product .wdc-installments-loop  { order: 4 !important; }
.wd-product .wd-swatches-product    { order: 5 !important; }

/* Parcelamento no card — texto pequeno, cinza, sem borda/divisor */
.wd-product .wdc-installments-loop {
	margin: 4px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.wd-product .wdc-installments-loop .wdc-installments-line {
	margin: 0;
	color: #999;
	font-size: 12px;
	line-height: 1.5;
}

.wd-product .wdc-installments-loop .wdc-installments-line .amount {
	color: inherit;
	font-weight: inherit;
}

/* Imagem com fundo claro (bege), sem borda branca, sem corte */
.wd-product .product-element-top {
	border: 0 !important;
	background: var(--wd-bg-light, #f0ede8) !important;
	overflow: hidden;
	border-radius: 0 !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	aspect-ratio: auto !important;
	height: auto !important;
}

.wd-product .product-element-top img {
	border-radius: 0 !important;
	display: block;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	object-fit: contain !important;
	aspect-ratio: auto !important;
}

/* Nome em uppercase, alinhado à esquerda */
.wd-product .wd-entities-title {
	font-size: 13px !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	margin: 14px 0 2px !important;
	line-height: 1.2 !important;
	text-align: left !important;
	padding: 0 !important;
}

.wd-product .wd-entities-title a {
	color: inherit !important;
	text-transform: uppercase !important;
}

/* Preço em preto (sobrescreve cor primária aplicada pelo tema) */
.wd-product .price,
.wd-product .price * {
	font-size: 14px !important;
	font-weight: 500 !important;
	color: var(--wd-title-color, #222) !important;
	text-align: left !important;
	line-height: 1.25 !important;
}

.wd-product .price,
.wd-product p.price,
.wd-product span.price {
	margin: 0 0 2px !important;
	padding: 0 !important;
}

/* Parcelamento e qualquer texto adicional dentro do card — apertar */
.wd-product .product-wrapper p,
.wd-product .product-wrapper .wc-installments,
.wd-product .product-wrapper .price + *,
.wd-product .product-wrapper small {
	margin: 0 !important;
	line-height: 1.3 !important;
	font-size: 13px !important;
}

/* Esconde botão de cart no card */
.wd-product .add_to_cart_button,
.wd-product .wd-add-btn,
.wd-product .button.product_type_variable,
.wd-product .button.product_type_simple {
	display: none !important;
}

/* Swatches alinhados à esquerda + círculos pequenos */
.wd-product .wd-swatches-product,
.wd-product .wd-swatches-grid,
.wd-product .wd-swatches-product .wd-swatches-list {
	margin: 6px 0 0 !important;
	padding: 0 !important;
	gap: 2px !important;
	column-gap: 2px !important;
	justify-content: flex-start !important;
	text-align: left !important;
}

.wd-product .wd-swatches-product .wd-swatch,
.wd-product .wd-swatches-grid .wd-swatch {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid var(--wd-border-color, #d8d8d8);
	padding: 0 !important;
	margin: 0 !important;
	background-clip: padding-box;
}

.wd-product .wd-swatches-product .wd-swatch:hover {
	background: transparent !important;
	box-shadow: none !important;
	border-color: var(--wd-primary-color, #8b3e1a);
}

.wd-product .wd-swatches-product .wd-swatches-info {
	font-size: 11px;
}