/* ELLIE FAVORITE ICON FIX V1
   Problem: tekst "favorite_border" zamiast ikonki.
   Zakres: przyciski ulubionych/wishlist. Nie rusza wariantów, koszyka, faceted search ani Sunny.
*/

/* Główna karta produktu + typowe przyciski wishlist */
body#product .wishlist-button-add i.material-icons,
body#product .wishlist-button-add .material-icons,
body#product .product-additional-info i.material-icons,
body#product .product-additional-info .material-icons,
body#product .add-to-favorites i.material-icons,
body#product .add-to-favorites .material-icons,
body#product .favorite i.material-icons,
body#product .favorite .material-icons,
body#product .favorites i.material-icons,
body#product .favorites .material-icons,
body#product [class*="favorite"] i.material-icons,
body#product [class*="favorite"] .material-icons,
body#product [class*="wishlist"] i.material-icons,
body#product [class*="wishlist"] .material-icons,
body.page-product .wishlist-button-add i.material-icons,
body.page-product .wishlist-button-add .material-icons,
body.page-product .product-additional-info i.material-icons,
body.page-product .product-additional-info .material-icons,
body.page-product .add-to-favorites i.material-icons,
body.page-product .add-to-favorites .material-icons,
body.page-product .favorite i.material-icons,
body.page-product .favorite .material-icons,
body.page-product .favorites i.material-icons,
body.page-product .favorites .material-icons,
body.page-product [class*="favorite"] i.material-icons,
body.page-product [class*="favorite"] .material-icons,
body.page-product [class*="wishlist"] i.material-icons,
body.page-product [class*="wishlist"] .material-icons {
  font-size: 0 !important;
  line-height: 1 !important;
  color: transparent !important;
  text-indent: 0 !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  vertical-align: middle !important;
}

/* Rysujemy normalne serce zamiast tekstu favorite_border */
body#product .wishlist-button-add i.material-icons::before,
body#product .wishlist-button-add .material-icons::before,
body#product .product-additional-info i.material-icons::before,
body#product .product-additional-info .material-icons::before,
body#product .add-to-favorites i.material-icons::before,
body#product .add-to-favorites .material-icons::before,
body#product .favorite i.material-icons::before,
body#product .favorite .material-icons::before,
body#product .favorites i.material-icons::before,
body#product .favorites .material-icons::before,
body#product [class*="favorite"] i.material-icons::before,
body#product [class*="favorite"] .material-icons::before,
body#product [class*="wishlist"] i.material-icons::before,
body#product [class*="wishlist"] .material-icons::before,
body.page-product .wishlist-button-add i.material-icons::before,
body.page-product .wishlist-button-add .material-icons::before,
body.page-product .product-additional-info i.material-icons::before,
body.page-product .product-additional-info .material-icons::before,
body.page-product .add-to-favorites i.material-icons::before,
body.page-product .add-to-favorites .material-icons::before,
body.page-product .favorite i.material-icons::before,
body.page-product .favorite .material-icons::before,
body.page-product .favorites i.material-icons::before,
body.page-product .favorites .material-icons::before,
body.page-product [class*="favorite"] i.material-icons::before,
body.page-product [class*="favorite"] .material-icons::before,
body.page-product [class*="wishlist"] i.material-icons::before,
body.page-product [class*="wishlist"] .material-icons::before {
  content: "♡" !important;
  font-size: 22px !important;
  line-height: 22px !important;
  color: #222222 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  text-indent: 0 !important;
}

/* Gdy przycisk jest aktywny/dodany do ulubionych, pokazujemy pełniejsze serce */
body#product .wishlist-button-add.added i.material-icons::before,
body#product .wishlist-button-add.added .material-icons::before,
body#product .wishlist-button-add.active i.material-icons::before,
body#product .wishlist-button-add.active .material-icons::before,
body#product [class*="favorite"].added i.material-icons::before,
body#product [class*="favorite"].active i.material-icons::before,
body#product [class*="wishlist"].added i.material-icons::before,
body#product [class*="wishlist"].active i.material-icons::before,
body.page-product .wishlist-button-add.added i.material-icons::before,
body.page-product .wishlist-button-add.added .material-icons::before,
body.page-product .wishlist-button-add.active i.material-icons::before,
body.page-product .wishlist-button-add.active .material-icons::before,
body.page-product [class*="favorite"].added i.material-icons::before,
body.page-product [class*="favorite"].active i.material-icons::before,
body.page-product [class*="wishlist"].added i.material-icons::before,
body.page-product [class*="wishlist"].active i.material-icons::before {
  content: "♥" !important;
}

/* Czasem tekst favorite_border siedzi bez klasy material-icons w spanie wewnątrz przycisku */
body#product .wishlist-button-add span:not(.wishlist-button-add-text),
body#product [class*="favorite"] span,
body#product [class*="wishlist"] span,
body.page-product .wishlist-button-add span:not(.wishlist-button-add-text),
body.page-product [class*="favorite"] span,
body.page-product [class*="wishlist"] span {
  word-break: normal;
}

/* Nie ukrywamy normalnego tekstu "Dodaj do ulubionych" */
body#product .wishlist-button-add-text,
body.page-product .wishlist-button-add-text {
  font-size: inherit !important;
  color: inherit !important;
  width: auto !important;
  height: auto !important;
}