/* Bootstrap Icons SVG Helper Styles */
.bi-cart2 {
 font-size:   1.5rem;
}
/* Base icon class */
.bi {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}

/* Size variants in rem */
.bi-1 {
  width: 1rem;
  height: 1rem;
}

.bi-1-25 {
  width: 1.25rem;
  height: 1.25rem;
}

.bi-1-5 {
  width: 1.5rem;
  height: 1.5rem;
}

.bi-1-75 {
  width: 1.75rem;
  height: 1.75rem;
}

.bi-2 {
  width: 2rem;
  height: 2rem;
}

/* Size variants in em (legacy) */
.bi-xs {
  width: 0.75em;
  height: 0.75em;
}

.bi-sm {
  width: 0.875em;
  height: 0.875em;
}
.bi-md {
  width: 1.25rem;
  height: 1.25rem;
}

.bi-lg {
  width: 1.5rem;
  height: 1.5rem;
}

.bi-xl {
  width: 2em;
  height: 2em;
}

.bi-2x {
  width: 2em;
  height: 2em;
}

.bi-3x {
  width: 3em;
  height: 3em;
}

.bi-4x {
  width: 4em;
  height: 4em;
}

.bi-5x {
  width: 5em;
  height: 5em;
}

/* Fixed width for alignment */
.bi-fw {
  width: 1.25em;
  text-align: center;
}

/* Color inheritance for Bootstrap color classes */
.text-warning .bi,
.text-warning svg.bi {
  color: #ffc107;
}

.text-danger .bi,
.text-danger svg.bi {
  color: #dc3545;
}

.text-success .bi,
.text-success svg.bi {
  color: #28a745;
}

.text-primary .bi,
.text-primary svg.bi {
  color: #007bff;
}

.text-secondary .bi,
.text-secondary svg.bi {
  color: #6c757d;
}

.text-muted .bi,
.text-muted svg.bi {
  color: #6c757d;
}

/* Special handling for SVG in elements with color classes */
.success svg.bi {
  color: #28a745;
}

.danger svg.bi {
  color: #dc3545;
}