/* Shared price component for product cards, product details and WooCommerce totals. */
.az-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 7px;
  color: var(--az-color-primary, #d21f3c);
  font-weight: 600;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
}

.az-product-card__price.az-price,
.az-product-price.az-price,
.az-product-detail-price.az-price {
  display: flex;
}

.az-price--card {
  min-height: 46px;
  align-content: flex-start;
  font-size: 17px;
}

.az-price--detail {
  margin: 0 0 18px;
  font-size: clamp(23px, 2.5vw, 28px);
}

.az-price :is(.amount, bdi),
.woocommerce .price :is(.amount, bdi),
.woocommerce .woocommerce-Price-amount {
  color: inherit;
  font: inherit;
  font-variant-numeric: tabular-nums;
}

.az-price .woocommerce-Price-amount,
.woocommerce .price .woocommerce-Price-amount {
  white-space: nowrap;
}

.az-price del,
.woocommerce .price del {
  display: inline-flex;
  align-items: baseline;
  color: var(--az-color-muted, #777);
  font-size: 0.78em;
  font-weight: 400;
  line-height: 1.35;
  opacity: 0.85;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
}

.az-price ins,
.woocommerce .price ins {
  display: inline-flex;
  align-items: baseline;
  color: var(--az-color-primary, #d21f3c);
  font-size: 1em;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
}

.az-price .woocommerce-Price-currencySymbol,
.woocommerce .price .woocommerce-Price-currencySymbol,
.woocommerce :is(.product-price, .product-subtotal, .cart-subtotal, .order-total) .woocommerce-Price-currencySymbol {
  margin-left: 1px;
  font-size: 0.82em;
  font-weight: inherit;
}

.woocommerce .price {
  color: var(--az-color-primary, #d21f3c);
  font-weight: 600;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
}

.single-product .az-product-actions :is(.single_variation, .woocommerce-variation-price) .price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 7px;
  color: var(--az-color-primary, #d21f3c);
  font-size: 20px;
  font-weight: 600;
}

.woocommerce :is(.product-price, .product-subtotal, .cart-subtotal, .order-total) .amount,
.az-cart-price,
.az-cart-subtotal,
.az-cart-item-mobile-price,
.az-cart-summary-card .cart_totals td {
  color: var(--az-color-secondary, var(--az-color-text, #424242));
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.woocommerce .order-total .amount,
.az-cart-summary-card .order-total td {
  color: var(--az-color-primary, #d21f3c);
  font-size: 1.08em;
}

@media (max-width: 640px) {
  .az-price--card {
    min-height: 0;
    font-size: 16px;
  }

  .az-price--detail {
    font-size: 23px;
  }
}