/* Strombräu product preview cards.
   Standalone on purpose: these cards also appear outside WooCommerce pages —
   Elementor sections and the front page — where the other sheets do not load. */

/* Preview cards: title, description, price, legal note, colours, delivery, button.
   WooCommerce, Germanized and this plugin each render their part through a
   different hook and land in two different wrappers. Both wrappers are dissolved
   with display:contents so every part becomes a flex item of the card body and
   the reading order can be pinned with `order` instead of with hook priorities. */
/* The theme builds this column chain only under #content-pro; mirrored here so a
   card placed by Elementor or a shortcode behaves identically. */
:is(#content-pro,body) ul.products li.product{display:flex;flex-direction:column}
:is(#content-pro,body) ul.products li.product>.progression-studios-index-gradient{display:flex;flex:1 1 auto;flex-direction:column}
:is(#content-pro,body) ul.products li.product .progression-studios-shop-index-text{align-items:stretch;box-sizing:border-box;flex:1 1 auto;gap:0;padding:1.15rem 1.25rem;text-align:center}
:is(#content-pro,body) ul.products li.product .progression-studios-shop-index-text p{text-align:center}
:is(#content-pro,body) ul.products li.product .progression-studios-shop-overlay-buttons,
:is(#content-pro,body) ul.products li.product .wc-gzd-additional-info-loop{display:contents}

:is(#content-pro,body) ul.products li.product h2.woocommerce-loop-product__title{margin:0;min-height:0;order:1}
:is(#content-pro,body) ul.products li.product .sbc-loop-short-description{display:-webkit-box;margin:.5rem 0 .7rem;order:2;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#4b5563;font-size:.9rem;line-height:1.55;text-wrap:pretty}
:is(#content-pro,body) ul.products li.product .price{color:#091534;font-size:1.45rem;font-weight:800;justify-content:center;letter-spacing:-.02em;line-height:1.2;margin:0;order:3}
/* The amount spans carry their own size and weight from the theme and the
   customizer, which made the range separator look bigger than the prices. */
:is(#content-pro,body) ul.products li.product .price .woocommerce-Price-amount,
:is(#content-pro,body) ul.products li.product .price .amount,
:is(#content-pro,body) ul.products li.product .price bdi{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}
:is(#content-pro,body) ul.products li.product .price del{font-size:65%;font-weight:600;margin-right:.3rem;opacity:.5}
:is(#content-pro,body) ul.products li.product .price .sbc-deposit-note{color:#4b5563;display:block;flex:0 0 100%;font-size:.76rem;font-weight:500;letter-spacing:normal;line-height:1.4;margin-top:.15rem;text-align:center}
/* Germanized unit price ("2,99 € / 1 l") — a footnote, not a second headline. */
:is(#content-pro,body) ul.products li.product .price-unit,
:is(#content-pro,body) ul.products li.product .wc-gzd-additional-info.price-unit{color:#6b7280;font-size:.78rem;font-weight:500;line-height:1.4;margin:.15rem 0 0;order:3}
/* Replaced by the single sbc-price-legal-notice line below. */
:is(#content-pro,body) ul.products li.product .tax-info,
:is(#content-pro,body) ul.products li.product .shipping-costs-info,
:is(#content-pro,body) ul.products li.product .wc-gzd-additional-info--tax,
:is(#content-pro,body) ul.products li.product .wc-gzd-additional-info--shipping{display:none}
:is(#content-pro,body) ul.products li.product .sbc-price-legal-notice--loop{color:#6b7280;font-size:.76rem;line-height:1.4;margin:.25rem 0 0;order:4;padding:0}
:is(#content-pro,body) ul.products li.product .sbc-price-legal-notice--loop a{color:#6b7280;text-decoration:underline}
:is(#content-pro,body) ul.products li.product .ontap-product-color-swatches{justify-content:center;margin:.8rem 0 0;order:5}
:is(#content-pro,body) ul.products li.product .sbc-fulfilment-schedule{color:#4b5563;font-size:.85rem;line-height:1.5;margin:.7rem 0 0;order:6;padding:0;text-align:center}
:is(#content-pro,body) ul.products li.product .sbc-fulfilment-schedule span{display:block}
:is(#content-pro,body) ul.products li.product .sbc-fulfilment-schedule strong{color:#091534;font-weight:700}
:is(#content-pro,body) ul.products li.product .delivery-time-info,
:is(#content-pro,body) ul.products li.product .wc-gzd-additional-info--delivery-time{color:#4b5563;display:block;font-size:.8rem;line-height:1.45;margin:.7rem 0 0;order:7;padding:0;text-align:center;width:100%}
/* Growing spacer so every card in a row ends with its button on the same line. */
:is(#content-pro,body) ul.products li.product .progression-studios-shop-index-text:after{content:'';flex:1 1 auto;min-height:1rem;order:8}
/* border-box keeps the padded button inside the card instead of past its edge. */
body #boxed-layout-pro ul.products li.product .progression-studios-shop-overlay-buttons>a.button,
body #boxed-layout-pro ul.products li.product .progression-studios-shop-overlay-buttons>a.added_to_cart{align-self:stretch;box-sizing:border-box;margin:0;max-width:100%;order:9;padding:.8rem 1rem;width:100%}
body #boxed-layout-pro ul.products li.product .progression-studios-shop-overlay-buttons>a.added_to_cart{margin-top:.5rem;order:10}