/* generated by scripts/css-min.php from ../lines-compact.css — edit the source, never this file */
.vonnik-compact { --vonnik-compact-step: var(--vonnik-control-tap); } .vonnik-compact__line { display: grid; grid-template-columns: var(--vonnik-lines-pic) minmax(0, 1fr); grid-template-areas: "pic text" "buy buy" "remove remove"; align-items: start; column-gap: var(--vonnik-gap-control); row-gap: var(--vonnik-stack-s); margin-bottom: 0; padding: var(--vonnik-stack-m) 0; border-top: var(--vonnik-border-hairline) solid var(--vonnik-border); } .vonnik-compact__line--option { margin-inline: calc(-1 * var(--vonnik-stack-s)); padding: var(--vonnik-space-4) var(--vonnik-stack-s); background: var(--vonnik-grey-band); border-top: 0; border-radius: var(--vonnik-radius); } .vonnik-compact__line--option + .vonnik-compact__line { border-top: 0; } .vonnik-compact__pic { grid-area: pic; } .vonnik-compact__pic img { display: block; width: var(--vonnik-lines-pic); height: var(--vonnik-lines-pic); object-fit: contain; background: var(--vonnik-surface); border-radius: var(--vonnik-radius); } .vonnik-compact__text { grid-area: text; min-width: 0; } .vonnik-compact__of { margin: 0 0 var(--vonnik-space-1); font-size: var(--vonnik-text-s); color: var(--vonnik-ink-soft); } .vonnik-compact .vonnik-compact__name { margin: 0 0 var(--vonnik-space-1); font-size: var(--vonnik-text-l); line-height: var(--vonnik-line-tight); font-weight: var(--vonnik-weight-black); text-transform: uppercase; color: var(--vonnik-ink); overflow-wrap: break-word; } .vonnik-compact__name a { color: inherit; text-decoration: none; } .vonnik-compact__name a:hover { color: var(--vonnik-blue); } .vonnik-compact__values { margin: 0; font-size: var(--vonnik-text-s); line-height: var(--vonnik-line-text); color: var(--vonnik-ink-soft); overflow-wrap: break-word; } .vonnik-compact__buy { grid-area: buy; display: flex; flex-wrap: wrap; align-items: center; gap: var(--vonnik-stack-s) var(--vonnik-stack-s); } .vonnik-compact__amount { margin-inline-start: auto; font-size: var(--vonnik-text-xl); font-weight: var(--vonnik-weight-black); color: var(--vonnik-ink); white-space: nowrap; } .vonnik-compact__amount .vonnik-b2b-was { white-space: normal; } .vonnik-compact.woocommerce-mini-cart .vonnik-compact__remove { grid-area: remove; justify-self: start; position: static; display: inline-flex; align-items: center; min-height: var(--vonnik-compact-step); padding: 0; margin-top: calc(-1 * var(--vonnik-space-2)); font-size: var(--vonnik-text-s); color: var(--vonnik-blue); text-decoration: none; } .vonnik-compact.woocommerce-mini-cart .vonnik-compact__remove:hover { text-decoration: underline; } .vonnik-compact.product_list_widget .quantity, .vonnik-compact.product_list_widget .quantity[data-type="type-2"] { font-size: var(--vonnik-text-s); --quantity-height: calc(var(--vonnik-compact-step) + 2px); --quantity-width: calc(var(--vonnik-compact-step) * 3); } .vonnik-compact .quantity[data-type="type-2"] .ct-increase, .vonnik-compact .quantity[data-type="type-2"] .ct-decrease { top: var(--vonnik-border-hairline); width: var(--vonnik-compact-step); height: var(--vonnik-compact-step); } .vonnik-compact .quantity[data-type="type-2"] .ct-decrease { inset-inline-start: var(--vonnik-border-hairline); } .vonnik-compact .quantity[data-type="type-2"] .ct-increase { inset-inline-end: var(--vonnik-border-hairline); } .vonnik-compact .quantity[data-type="type-2"] input[type="number"] { padding-inline: var(--vonnik-compact-step); }