/* Inline SVG icons (replaces Font Awesome). Use with templates/website/components/icons.php */

.site-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  color: inherit;
}

.site-icon svg {
  width: 1em;
  height: 1em;
  display: block;
}

.site-icon--zoom svg {
  width: 1em;
  height: 1em;
}

/* Cart / UI controls built in JS */
.ui-icon-svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ui-icon-svg svg {
  width: 1em;
  height: 1em;
  display: block;
}

.remove-from-list.ui-icon-svg svg {
  width: 1.1rem;
  height: 1.1rem;
}

.list-action-btn svg {
  width: 0.85rem;
  height: 0.85rem;
}