/*
 * Swap WooCommerce's light-green accent (#ddedbe, the theme's
 * --nectar-accent-color) for --nectar-extra-color-1 on specific elements.
 * Selectors are copied verbatim from the compiled dynamic stylesheet
 * (wp-content/uploads/salient/salient-dynamic-styles.css) so specificity
 * matches exactly; !important is used because the original declarations
 * are themselves !important.
 */

/* Prices */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce div.product .woocommerce-variation-price span.price {
	color: var(--nectar-extra-color-1) !important;
}

/* Add to cart button */
.woocommerce .material.product .add_to_cart_button,
.woocommerce .classic .add_to_cart_button,
.woocommerce .classic .product-add-to-cart a.button,
.woocommerce-page button.single_add_to_cart_button,
.woocommerce .product-wrap .add_to_cart_button.added,
body .woocommerce.add_to_cart_inline a.button.add_to_cart_button {
	background-color: var(--nectar-extra-color-1) !important;
}

.woocommerce .material.product .product-wrap .product-add-to-cart a:hover,
.woocommerce .material.product .product-wrap .product-add-to-cart a:hover > span {
	color: var(--nectar-extra-color-1) !important;
}

/* Notices background, including the "Product added -- View cart" message */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
	background-color: var(--nectar-extra-color-1) !important;
}

/* Cart page buttons: remove (x), quantity +/-, Proceed to Checkout */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.cart .quantity input.plus:hover,
.cart .quantity input.minus:hover,
.woocommerce table.cart a.remove,
.woocommerce-page table.cart a.remove {
	background-color: var(--nectar-extra-color-1) !important;
}

/* Cart product title -- wasn't green before, but styled to match per request */
.woocommerce-cart table.cart td.product-name a {
	color: var(--nectar-extra-color-1) !important;
}

/* Checkout page: Place Order button */
.woocommerce #order_review #payment #place_order,
.woocommerce .span_4 input[type="submit"].checkout-button {
	background-color: var(--nectar-extra-color-1) !important;
}

/* Header mini-cart / "Quick Cart" flyout: product titles, remove (x), View Cart & Checkout buttons */
#header-outer .widget_shopping_cart .cart_list a,
.nectar-slide-in-cart:not(.style_slide_in_click) .widget_shopping_cart .cart_list a,
body.material:not([data-header-color="custom"]) #header-outer:not([data-format="left-header"]) #top ul.cart_list a:hover {
	color: var(--nectar-extra-color-1) !important;
}

#header-outer .woocommerce.widget_shopping_cart .cart_list li a.remove,
#sidebar .widget_shopping_cart .cart_list li a.remove:hover {
	color: var(--nectar-extra-color-1) !important;
}

#header-outer .widget_shopping_cart a.button,
.nectar-slide-in-cart .widget_shopping_cart a.button {
	background-color: var(--nectar-extra-color-1) !important;
}

.woocommerce-mini-cart .quantity input.plus:hover,
.woocommerce-mini-cart .quantity input.minus:hover {
	background-color: var(--nectar-extra-color-1) !important;
}

/*
 * Cart page: Apply Coupon / Update Cart buttons. These are plain
 * <button type="submit" class="button">, colored by a sitewide rule
 * (body[data-form-submit="regular"] button[type=submit]) that applies to
 * every submit button on the site -- scoped narrowly here by name so only
 * these two cart buttons change, not submit buttons elsewhere (Gravity
 * Forms, comments, search, etc).
 */
.woocommerce button[name="apply_coupon"],
.woocommerce button[name="update_cart"] {
	background-color: var(--nectar-extra-color-1) !important;
}

/* Cart page: "Change address" shipping-calculator link and the shipping rate price */
.woocommerce-cart .shipping-calculator-button {
	color: var(--nectar-extra-color-1) !important;
}

.woocommerce-shipping-methods .woocommerce-Price-amount {
	color: var(--nectar-extra-color-1) !important;
}