/* MyWoolbridge ms3Favorites icon position fix.
   This file is intentionally loaded after theme.css and component CSS. */

[data-favorites-toggle].wb-favorite-toggle {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  background: rgba(255, 255, 255, .14) !important;
  color: #f397c1 !important;
  overflow: visible !important;
  transform: none !important;
  transition: background-color .18s ease, opacity .18s ease !important;
  touch-action: manipulation;
}

[data-favorites-toggle].wb-favorite-toggle:hover,
[data-favorites-toggle].wb-favorite-toggle:focus,
[data-favorites-toggle].wb-favorite-toggle:active,
[data-favorites-toggle].wb-favorite-toggle.is-active,
[data-favorites-toggle].wb-favorite-toggle.ms3f--active {
  transform: none !important;
}

.wb-catalog-card__favorite.wb-favorite-toggle,
.wb-product-card.wb-catalog-card .wb-product-card__favorite.wb-favorite-toggle {
  position: absolute !important;
  top: 9px !important;
  right: 9px !important;
  z-index: 30 !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
}

.wb-related-card__fav.wb-favorite-toggle {
  position: absolute !important;
  top: 9px !important;
  right: 9px !important;
  z-index: 30 !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
}

body.wb-item-page .wb-item-fav.wb-favorite-toggle {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
}

body.wb-basket-page .wb-basket-icon-action.wb-favorite-toggle {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  background: transparent !important;
}

body.wb-account-page .wb-account-product__favorite.wb-favorite-toggle {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  background: transparent !important;
}

[data-favorites-toggle].wb-favorite-toggle .wb-favorite-icon-stack {
  position: relative !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  flex: 0 0 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: visible !important;
  transform: none !important;
  pointer-events: none !important;
}

body.wb-account-page .wb-account-product__favorite.wb-favorite-toggle .wb-favorite-icon-stack {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex-basis: 20px !important;
}

body.wb-basket-page .wb-basket-icon-action.wb-favorite-toggle .wb-favorite-icon-stack {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  flex-basis: 24px !important;
}

[data-favorites-toggle].wb-favorite-toggle .wb-favorite-icon {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  transform: none !important;
  transform-origin: center center !important;
  transition: opacity .16s ease !important;
  pointer-events: none !important;
}

[data-favorites-toggle].wb-favorite-toggle .wb-favorite-icon--outlined {
  opacity: 1 !important;
  background-image: url('/assets/template/images/icons/wob/icon-wob-favorites-outlined.svg');
}

[data-favorites-toggle].wb-favorite-toggle .wb-favorite-icon--filled {
  opacity: 0 !important;
  background-image: url('/assets/template/images/icons/wob/icon-wob-favorites-filled.svg');
}

[data-favorites-toggle].wb-favorite-toggle.ms3f--active .wb-favorite-icon--outlined,
[data-favorites-toggle].wb-favorite-toggle.is-active .wb-favorite-icon--outlined {
  opacity: 0 !important;
}

[data-favorites-toggle].wb-favorite-toggle.ms3f--active .wb-favorite-icon--filled,
[data-favorites-toggle].wb-favorite-toggle.is-active .wb-favorite-icon--filled {
  opacity: 1 !important;
}

[data-favorites-toggle].wb-favorite-toggle img.wb-favorite-icon {
  background-image: none !important;
}

[data-favorites-toggle].wb-favorite-toggle img.wb-favorite-icon--outlined {
  opacity: 1 !important;
}

[data-favorites-toggle].wb-favorite-toggle img.wb-favorite-icon--filled {
  opacity: 0 !important;
}

[data-favorites-toggle].wb-favorite-toggle.ms3f--active img.wb-favorite-icon--outlined,
[data-favorites-toggle].wb-favorite-toggle.is-active img.wb-favorite-icon--outlined {
  opacity: 0 !important;
}

[data-favorites-toggle].wb-favorite-toggle.ms3f--active img.wb-favorite-icon--filled,
[data-favorites-toggle].wb-favorite-toggle.is-active img.wb-favorite-icon--filled {
  opacity: 1 !important;
}