/* Accessories shop (public/shop/shop.js). The theme's WooCommerce styles carry most of the look; this file only fills in
   what the old block cart / checkout did not need from the classic templates. */
.vp-shop-loading { color: #777; }
.vp-shop .vp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.vp-shop .vp-shipping-note { font-size: .9em; color: #666; margin: .5em 0 1em; }
.vp-shop .vp-bank { white-space: pre-line; }
.vp-shop dl.variation { margin: .25em 0 0; font-size: .9em; color: #666; }
.vp-shop dl.variation dd { margin: 0; }
.vp-shop .woocommerce-cart-form .product-thumbnail img { width: 70px; height: auto; }
.vp-shop .cart-collaterals .cart_totals { float: right; width: 48%; }
.vp-shop .cart-collaterals::after { content: ""; display: table; clear: both; }
.vp-shop .col2-set { display: flex; gap: 4%; }
.vp-shop .col2-set > div { flex: 1 1 0; min-width: 0; }
.vp-shop .form-row { margin: 0 0 1em; }
.vp-shop .form-row label { display: block; margin-bottom: .3em; }
.vp-shop .form-row input.input-text, .vp-shop .form-row select, .vp-shop .form-row textarea { width: 100%; box-sizing: border-box; }
.vp-shop .woocommerce-billing-fields__field-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
.vp-shop .form-row-wide { width: 100%; }
.vp-shop .form-row-first, .vp-shop .form-row-last { width: 48%; }
.vp-shop .form-row.woocommerce-invalid input, .vp-shop .form-row.woocommerce-invalid select { border-color: #e2401c; }
.vp-shop .required { color: #e2401c; text-decoration: none; border: 0; }
.vp-shop #order_review_heading { margin-top: 1.5em; }
.vp-shop #payment .payment_box { margin-top: .5em; padding: .8em 1em; background: #f6f6f6; font-size: .92em; }
.vp-shop #payment ul.payment_methods { list-style: none; margin: 1em 0; padding: 0; }
.vp-shop form.processing { opacity: .6; pointer-events: none; }
.vp-shop .woocommerce-order-overview { display: flex; flex-wrap: wrap; gap: 1em 2.5em; list-style: none; margin: 1.5em 0; padding: 0; }
.vp-shop .woocommerce-order-overview li { font-size: .85em; text-transform: uppercase; }
.vp-shop .woocommerce-order-overview li strong { display: block; font-size: 1.15em; text-transform: none; }
.added_to_cart.wc-forward { display: inline-block; margin-top: .5em; }
@media (max-width: 768px) {
  .vp-shop .col2-set { display: block; }
  .vp-shop .cart-collaterals .cart_totals { float: none; width: 100%; }
  .vp-shop .form-row-first, .vp-shop .form-row-last { width: 100%; }
}