/* ==========================================================================
   Component: Price
   ========================================================================== */

.price {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  font-family: var(--font-body);
}

.price del {
  font-size: var(--text-p);
  font-weight: var(--font-normal);
  color: var(--color-fg-muted);
  text-decoration: line-through;
}

.price ins {
  font-size: var(--text-h5);
  font-weight: var(--font-bold);
  color: var(--color-fg);
  text-decoration: none;
}

.price .woocommerce-Price-amount {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

/* Quando não tem promoção, o preço normal fica com estilo do ins */
.price > .woocommerce-Price-amount {
  font-size: var(--text-h5);
  font-weight: var(--font-bold);
  color: var(--color-fg);
}