/*
 * VG Commerce UI 1.0.24
 * Shared storefront green sampled from the newsletter Subscribe button.
 */
:root {
  --vg-site-green: #26b663;
  --vg-site-green-hover: #1f9f55;
  --vg-site-green-soft: #edf9f2;
}

/* Wishlist: list controls, counters and Buy / In cart states. */
#account-wishlist .vg-wishlist-create,
#account-wishlist .vg-wishlist-add-all {
  color: #fff !important;
  background: var(--vg-site-green) !important;
  border-color: var(--vg-site-green) !important;
}

#account-wishlist .vg-wishlist-create:hover,
#account-wishlist .vg-wishlist-create:focus,
#account-wishlist .vg-wishlist-add-all:hover,
#account-wishlist .vg-wishlist-add-all:focus {
  color: #fff !important;
  background: var(--vg-site-green-hover) !important;
  border-color: var(--vg-site-green-hover) !important;
}

#account-wishlist .vg-wishlist-list-tab.is-active {
  color: var(--vg-site-green) !important;
  border-color: var(--vg-site-green) !important;
}

#account-wishlist .vg-wishlist-list-tab.is-active small {
  color: #fff !important;
  background: var(--vg-site-green) !important;
}

#account-wishlist .product-thumb .price-actions-box .cart .btn-general {
  color: var(--vg-site-green) !important;
  border-color: var(--vg-site-green) !important;
}

#account-wishlist .product-thumb .price-actions-box .cart .btn-general:hover,
#account-wishlist .product-thumb .price-actions-box .cart .btn-general:focus,
#account-wishlist .product-thumb .price-actions-box .cart .btn-general:active,
#account-wishlist .product-thumb .price-actions-box .cart .btn-general.is-active {
  color: #fff !important;
  background: var(--vg-site-green) !important;
  border-color: var(--vg-site-green) !important;
}

/* Native Chameleon mobile cart. */
.vg-mobile-cart .header-cart-sticky .btn-primary,
.vg-mobile-cart .header-cart-sticky .btn-checkout,
.shopping-cart .vg-cart-modal-checkout,
.shopping-cart .btn-checkout,
body.vg-cart-modal-active .shopping-cart .vg-cart-modal-checkout {
  color: #fff !important;
  background: var(--vg-site-green) !important;
  border-color: var(--vg-site-green) !important;
}

.vg-mobile-cart .header-cart-sticky .btn-primary:hover,
.vg-mobile-cart .header-cart-sticky .btn-checkout:hover,
.shopping-cart .vg-cart-modal-checkout:hover,
.shopping-cart .btn-checkout:hover,
body.vg-cart-modal-active .shopping-cart .vg-cart-modal-checkout:hover {
  background: var(--vg-site-green-hover) !important;
  border-color: var(--vg-site-green-hover) !important;
}

body.vg-cart-modal-active .shopping-cart .header-cart-title,
body.vg-cart-modal-active .shopping-cart .vg-cart-modal-total-value,
body.vg-cart-modal-active .shopping-cart .ch-cart-quantity .btn-quantity-minus,
body.vg-cart-modal-active .shopping-cart .ch-cart-quantity .btn-quantity-plus,
body.vg-cart-modal-active .shopping-cart .vg-cart-free-shipping-icon,
body.vg-cart-modal-active .shopping-cart .vg-cart-free-shipping-notice strong {
  color: var(--vg-site-green) !important;
}

body.vg-cart-modal-active .shopping-cart .header-cart-product-remove .btn-link-delete {
  color: var(--vg-site-green) !important;
  background: var(--vg-site-green-soft) !important;
  border-color: #ccebd9 !important;
}

body.vg-cart-modal-active .shopping-cart .header-cart-product-remove .btn-link-delete:hover {
  color: #fff !important;
  background: var(--vg-site-green) !important;
  border-color: var(--vg-site-green) !important;
}

/* Lucky Checkout: keep every primary control in the same storefront color. */
.lc-page {
  --lc-primary: var(--vg-site-green) !important;
}

.lc-page .lc-confirm,
.lc-page .lc-segment.is-active,
.lc-page .lc-login-button {
  color: #fff !important;
  background: var(--vg-site-green) !important;
  border-color: var(--vg-site-green) !important;
}

.lc-page .lc-confirm:hover,
.lc-page .lc-login-button:hover {
  background: var(--vg-site-green-hover) !important;
  border-color: var(--vg-site-green-hover) !important;
}

/* Account profile: use the same green as subscription and checkout controls. */
#account-account .vg-profile-save,
.vg-profile-page .vg-profile-save {
  color: #fff !important;
  background: var(--vg-site-green) !important;
  border-color: var(--vg-site-green) !important;
}

#account-account .vg-profile-save:hover,
#account-account .vg-profile-save:focus,
.vg-profile-page .vg-profile-save:hover,
.vg-profile-page .vg-profile-save:focus {
  color: #fff !important;
  background: var(--vg-site-green-hover) !important;
  border-color: var(--vg-site-green-hover) !important;
}