/* Minimal local icon set replacing Font Awesome for a few icons used on product pages */
.i-icon, i.fa, .fa {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: -0.15em;
}

/* Specific icons */
.i-facebook, .fa-facebook-f { background-image: url('/vendor/icons/svgs/facebook-f.svg'); }
.i-instagram, .fa-instagram { background-image: url('/vendor/icons/svgs/instagram.svg'); }
.i-whatsapp, .fa-whatsapp { background-image: url('/vendor/icons/svgs/whatsapp.svg'); }
.i-link, .fa-link { background-image: url('/vendor/icons/svgs/link.svg'); }
.i-creditcard, .fa-credit-card { background-image: url('/vendor/icons/svgs/credit-card.svg'); }
.i-arrow-left, .fa-arrow-left { background-image: url('/vendor/icons/svgs/arrow-left.svg'); }
.i-check, .fa-check { background-image: url('/vendor/icons/svgs/check.svg'); }
.i-star, .fa-star { background-image: url('/vendor/icons/svgs/star.svg'); }
.i-bolt, .fa-bolt { background-image: url('/vendor/icons/svgs/bolt.svg'); }

/* Ensure invisible text inside <i> doesn't show */
i.fa { font-style: normal; }