/* 
Adjustments/Overrides for WooCom 
*/
/* Show a different header for B2B users */
/* The classes have been added in Divi's Theme builder - Global Header */
.b2b-nav-container,
.b2b-top-banner {
  display: none; }

body {
  /* when editing the header in the backend */ }
  body.b2bking_b2b_user .b2c-nav-container,
  body.b2bking_b2b_user .b2c-top-banner {
    display: none; }
  body.b2bking_b2b_user .b2b-nav-container,
  body.b2bking_b2b_user .b2b-top-banner {
    display: block;
    margin: 0 auto !important; }
  body.is-admin .b2c-nav-container,
  body.is-admin .b2b-nav-container,
  body.is-admin .b2c-top-banner,
  body.is-admin .b2b-top-banner {
    display: block !important; }

/* Product Cards (on Categories only, not the homepage - because those don't have add-to-cart buttons for some reason) */
.tax-product_cat .products {
  /* What's with the default ajax loading icon not working??? Let's add one:before */ }
  .tax-product_cat .products .product:hover .star-rating {
    display: none !important; }
  .tax-product_cat .products .ajax_add_to_cart.loading::before {
    display: inline-block;
    font-family: 'WooCommerce' !important;
    content: "\e01c";
    position: relative;
    top: 2px;
    left: 6px;
    animation: spin 2s linear infinite;
    font-size: 15px;
    width: 15px;
    height: 15px;
    color: black;
    margin-right: 15px;
    opacity: 1; }
  .tax-product_cat .products .ajax_add_to_cart.added::before {
    display: inline-block;
    font-family: 'WooCommerce' !important;
    content: "\e017";
    position: relative;
    top: 2px;
    left: 6px;
    font-size: 15px;
    width: 15px;
    height: 15px;
    color: black;
    margin-right: 15px;
    opacity: 1; }

/* Divi Mini-cart needs some work ... */
.minicart-content .dmc-image {
  width: 70px !important;
  flex: 0 0 70px !important; }
.minicart-content .dmc-btn {
  color: black !important; }
  .minicart-content .dmc-btn:hover {
    color: white !important; }

/* Small tweak on the checkout page, the select2 arrow looks off-center */
body.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow {
  top: -12px; }