.rjs-quote-cart {
	display: flex;
	align-items: center;
	margin: 0 0 0.75rem;
}

/*
 * Reproduz o botão Adicionar ao carrinho mostrado no tema da RJS.
 * As regras usam !important para impedir que o tema aplique fundo cinza,
 * largura total ou aparência de botão desativado ao link de orçamento.
 */
.rjs-quote-button.button,
.rjs-quote-button.button.alt,
a.rjs-quote-button,
form.cart a.rjs-quote-button,
form.variations_form a.rjs-quote-button {
	display: inline-flex !important;
	flex: 0 0 175px !important;
	align-items: center !important;
	justify-content: center !important;
	width: 175px !important;
	min-width: 175px !important;
	max-width: 175px !important;
	height: 39px !important;
	min-height: 39px !important;
	padding: 0 12px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #ff5e2b !important;
	background-color: #ff5e2b !important;
	color: #ffffff !important;
	box-shadow: none !important;
	/* Usa a mesma tipografia configurada pelo WoodMart para os botões de compra. */
	font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit)) !important;
	font-size: 13px !important;
	font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600)) !important;
	font-style: var(--btn-accented-font-style, var(--btn-font-style, normal)) !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase)) !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	cursor: pointer;
	opacity: 1 !important;
}

.rjs-quote-button.button:hover,
.rjs-quote-button.button:focus,
a.rjs-quote-button:hover,
a.rjs-quote-button:focus {
	border: 0 !important;
	background: #e15326 !important;
	background-color: #e15326 !important;
	color: #ffffff !important;
	box-shadow: none !important;
	outline: none;
}

.rjs-variable-quote-button[hidden] {
	display: none !important;
}

/*
 * Enquanto a variação ainda não foi escolhida, o botão continua com o mesmo
 * fundo laranja. Apenas o cursor sinaliza que é preciso selecionar uma opção.
 */
.rjs-variable-quote-button.rjs-quote-waiting,
.rjs-variable-quote-button[aria-disabled="true"] {
	background: #ff5e2b !important;
	background-color: #ff5e2b !important;
	color: #ffffff !important;
	cursor: not-allowed !important;
	opacity: 1 !important;
}

/* Impede que o botão nativo apareça antes do carregamento do JavaScript. */
body.rjs-all-variations-quote form.variations_form .single_add_to_cart_button,
body.rjs-all-variations-quote form.variations_form .quantity,
form.variations_form.rjs-all-quote .single_add_to_cart_button,
form.variations_form.rjs-all-quote .quantity {
	display: none !important;
}

/*
 * WoodMart adiciona o botão "Comprar agora" com a classe .wd-buy-now-btn.
 * Em produtos totalmente sob consulta, ele deve desaparecer junto com qualquer
 * outra ação de compra. A classe no body é adicionada pelo PHP antes do JS.
 */
body.rjs-product-quote .wd-buy-now-btn,
body.rjs-all-variations-quote .wd-buy-now-btn,
body.rjs-selected-variation-quote .wd-buy-now-btn,
form.variations_form.rjs-all-quote .wd-buy-now-btn {
	display: none !important;
}

/* Proteção adicional para o botão Comprar agora da barra sticky do WoodMart. */
body.rjs-product-quote .wd-sticky-btn-cart .wd-buy-now-btn,
body.rjs-all-variations-quote .wd-sticky-btn-cart .wd-buy-now-btn,
body.rjs-selected-variation-quote .wd-sticky-btn-cart .wd-buy-now-btn {
	display: none !important;
}

.rjs-quote-price {
	font-weight: 600;
}

@media (max-width: 420px) {
	.rjs-quote-button.button,
	.rjs-quote-button.button.alt,
	a.rjs-quote-button,
	form.cart a.rjs-quote-button,
	form.variations_form a.rjs-quote-button {
		flex-basis: 175px !important;
		width: 175px !important;
		min-width: 175px !important;
		max-width: 175px !important;
	}
}
