/* ─── ShippingHub — Dual pricing EUR/BGN ─────────────────────────────
   The secondary BGN portion is sized to roughly 83% of the primary EUR
   font (e.g. EUR 12px → BGN ~10px) per UX guidance. The same ratio is
   applied across ALL contexts — product pages, cart, carrier badges,
   blockcart modal, breakdown footnotes — so the visual hierarchy stays
   consistent everywhere. */

/* PHP hook: secondary block shown below price on product pages/listings */
.sh-dual-price {
  display: block;
  font-size: 0.83em;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.3;
  margin-top: 2px;
  letter-spacing: 0;
}

.product-price .sh-dual-price,
.product-prices .sh-dual-price {
  font-size: 0.83em;
}

/* JS hook: inline secondary span inserted after the primary price element. */
.sh-dual-cart-price {
  display: inline;
  font-size: 0.83em;
  font-weight: 400 !important;   /* never inherit bold from headings/badges */
  color: #6b7280;
  margin-left: 2px;
  white-space: nowrap;
  letter-spacing: 0;
}

/* Tight listing tiles + listing flag badges — slightly smaller still. */
.product-miniature .sh-dual-cart-price,
.product-flag      .sh-dual-cart-price {
  font-size: 0.78em;
}

/* Cart + order summary lines + blockcart modal — secondary on its own line
   for readability. Keep the same ~83% size so the two currencies feel like
   one logical price, not a separate breakdown. */
.cart-summary-line .sh-dual-cart-price,
.cart-total        .sh-dual-cart-price,
.order-totals      .sh-dual-cart-price,
#blockcart-modal   .sh-dual-cart-price {
  display: block;
  font-size: 0.83em;
  color: #6b7280;
  line-height: 1.2;
  margin-left: 0;
}

/* Carrier price badges + ShippingHub OPC totals — secondary stays inline,
   right next to the EUR figure (no line break). Extra-strong rule (with
   !important + child-selector fallback for any non-wrapped sibling text)
   so Sameday's badge never inherits the parent's bold 12px primary style. */
.sh-carrier-price  .sh-dual-cart-price,
.sh-cart-line      .sh-dual-cart-price,
#sh-shipping-display .sh-dual-cart-price,
#sh-subtotal-display .sh-dual-cart-price,
#sh-total-display    .sh-dual-cart-price {
  display: inline !important;
  font-size: 0.83em !important;
  font-weight: 400 !important;
  margin-left: 4px;
  color: #6b7280;
}

/* Active carrier card — badge background turns blue, primary EUR is white.
   The BGN secondary inherits white-with-light-opacity so it stays readable
   on the blue background instead of fading into invisible grey. */
.sh-carrier-choice.sh-choice-active .sh-carrier-price .sh-dual-cart-price {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Breakdown footnote — already italic + smaller via .sh-fee-note; the
   secondary span just inherits weight/colour. */
.sh-fee-note .sh-dual-cart-price {
  display: inline;
  font-size: 1em;       /* parent is 11px italic, no further shrinking */
  margin-left: 0;
  color: inherit;
}