/* Payment and delivery marks (marks role, inc/woo-marks.php): a quiet row of real <img> marks.
   Sizes and clear space (house-mockups/img/marks/PROVENANCE.md; Nova Post publishes no rules, these are house defaults):
   - Nova Post one-line: 36 px tall (2026-10-17: 1.5x the first 24 px, the owner found it too small). Its letters are
     ~41% of the file height (~15 px); clear space at least that on every side: the 12 px gap plus the file's own
     ~7 px margin beside the label, the row gaps above and below.
   - Nova Post logomark (rate rows, totals, order tables): the artwork fills ~67% of its square, so a 32 px box shows
     a ~21 px mark on a delivery option (was 20 px, ~13 px visible; 28 px on phones), 24 px in the totals and order tables.
   - Mastercard and Visa: the same 48 x 24 box, Mastercard first. Mastercard clear space 1/4 of a circle (6 px);
     Visa about one mark-height (~16 px): the 16 px gap between the boxes and the row spacing keep both. */

.dvh-marks { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-4) var(--sp-6); margin: var(--sp-5) 0 0; font-size: var(--fs-meta); line-height: var(--lh-meta); color: var(--muted); }
.dvh-marks__item { display: inline-flex; align-items: center; gap: var(--sp-3); margin: 0; }
.dvh-marks__label { white-space: nowrap; }
.dvh-marks__set { display: inline-flex; align-items: center; gap: var(--sp-4); }

.dvh-mark { display: block; flex: none; max-width: none; height: auto; }
/* Nova Post and Mastercard link to their Moldovan sites (owner 2026-10-17); no link underline, 44 px target, kit focus ring. */
.dvh-marks .dvh-mark-link { display: inline-flex; align-items: center; min-height: 44px; border: 0; background: none; text-decoration: none; border-radius: 4px; transition: opacity var(--dur-ui, 200ms) var(--ease-out); }
.dvh-marks .dvh-mark-link:hover { opacity: .8; }
.dvh-marks .dvh-mark-link:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.dvh-mark--np { width: auto; height: 36px; aspect-ratio: 372.38 / 74.09; }
.dvh-mark--card { width: 48px; height: 24px; object-fit: contain; }
/* Apple Pay, Google Pay, MIA (maib Checkout only): the cards' 24 px height, never smaller (Apple, Google rules) */
.dvh-mark--applepay, .dvh-mark--googlepay, .dvh-mark--mia { width: auto; height: 24px; }

/* Block checkout: a card gateway's title on the first line (maib's own logo at its right end), its marks on the
   line below, so the five marks never squeeze the words */
:root .wc-block-components-radio-control__label.dvh-gateway-label { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3) var(--sp-4); }
:root .dvh-gateway-label > span:first-child { flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); }
:root .dvh-gateway-label > span:first-child > img { float: none !important; padding: 0 !important; height: 20px; width: auto; }
:root .dvh-gateway-label > .dvh-marks__set--gateway { flex: 1 1 100%; flex-wrap: wrap; gap: var(--sp-3) var(--sp-4); margin: 0; }

/* Footer: the deep ground (white Visa, Nova Post's red tile; both chosen in PHP). */
.dvh-marks--footer { margin: var(--sp-2) 0; color: var(--on-deep-muted); }

/* Buy box and visit booking card: under the delivery and payment lines. */
.dvh-marks--buybox, .dvh-marks--visit { margin-top: var(--sp-5); }

/* Drawer: under the checkout button. */
.dvh-marks--drawer { margin-top: var(--sp-4); justify-content: center; }

/* Order received / My Account order table: the logomark before the "Livrare:" value. */
.dvh-mark--rate { display: inline-block; width: 36px; height: 36px; margin-inline-end: var(--sp-2); vertical-align: middle; } /* was 24 px */
.dvh-marks__set--gateway { margin-inline-start: var(--sp-3); vertical-align: middle; }

/* Block Cart and Checkout: the logomark woo-marks.php paints as ::before (artwork and the rate ids there).
   Without that content the boxes below never render, so other radio rows (payment methods) stay untouched. */
:root :is(.wp-block-woocommerce-checkout, .wp-block-woocommerce-cart) .wc-block-components-radio-control__label::before {
  display: block; flex: none; width: 44px; height: 44px; /* 2026-10-17 owner: "zoom it, too small" (was 32 px) */
}
@media (max-width: 480px) {
  /* phones: 36 px leaves the words room beside the price */
  :root :is(.wp-block-woocommerce-checkout, .wp-block-woocommerce-cart) .wc-block-components-radio-control__label::before { width: 36px; height: 36px; }
}
:root :is(.wp-block-woocommerce-checkout, .wp-block-woocommerce-cart) .wc-block-components-totals-shipping__via::before {
  display: inline-block; width: 36px; height: 36px; margin-inline-end: var(--sp-2); vertical-align: -12px; /* was 24 px */
}