/* Frontend baseline styles (theme-agnostic). */
.hppro-cart-link {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35em;
  text-decoration: none;
  color: inherit !important;
}

.hppro-cart-link:hover,
.hppro-cart-link:focus {
  color: inherit !important;
}
.hppro-icon {
  display: inline-flex;
  align-items: center;
}
.hppro-icon svg {
  width: 1em;
  height: 1em;
  display: block;
}
.hppro-cart-text {
  line-height: 1.2;
  white-space: nowrap;
}

/* Badge mode */
.hppro-cart-link .hppro-icon {
  position: relative;
}
.hppro-cart-badge-count {
  background: currentColor;
  color: #fff;

  position: absolute;
  top: -0.55em;
  right: -0.75em;
  min-width: 1.05em;
  height: 1.05em;
  padding: 0 0.25em;
  border-radius: 999px;
  font-size: 0.65em;
  line-height: 1.05em;
  text-align: center;
  
  
  
  box-sizing: border-box;
}

/* Count position */
.hppro-cart-link.hppro-count-below {
  flex-direction: column;
  align-items: center;
  gap: 0.2em;
}
