/*
 * Detailshop – pris per enhet (inc/unit-price.php).
 *
 * Vises bare på produktsiden, rett under prisen. Der er den et av de viktigste
 * tallene på siden – det er den som avgjør om 5-literen faktisk lønner seg – så
 * den er merket opp som et eget felt og ikke som en fotnote.
 */

.ds-unitprice-line {
  margin: 8px 0 14px;
}

.ds-unitprice {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 8px;
  padding: 6px 14px;
  background: var(--ds-blue-bg, #e5f0f6);
  border: 1px solid var(--ds-blue-bg-border, #c4dcea);
  border-radius: 999px;
  line-height: 1.3;
  color: var(--ds-blue-ink, #00517a);
}

.ds-unitprice__label {
  font-size: 13px;
  font-weight: 500;
}

.ds-unitprice__value {
  font-size: 15px;
  font-weight: 700;
}

/* wc_price() tar med sine egne spans – de skal arve, ikke sette egen stil. */
.ds-unitprice .woocommerce-Price-amount {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

@media (max-width: 549px) {
  .ds-unitprice {
    padding: 5px 12px;
  }

  .ds-unitprice__value {
    font-size: 14px;
  }
}