/* pages/cart.css (WP5c2): Shopping Cart, page 7344 (Canvas), the [woocommerce_cart] shortcode lives in text-editor 2c2f507. Date 2026-10-16.
   Ids touched: 2c2f507 (items table, coupon row, totals; the p3 block is left to rgp1-blocks.css), 073e115 / bd1ad93 (continue shopping + help row).
   Presentation only (no DOM, text, order or hiding): variation meta as label/value grid, 80 px thumbnail, calm coupon row, totals card, two columns from 1300 px
   (grid placement in DOM order, no `order`). Every rule starts with body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce (tier 5). */

/* CLS (WP6 fix list 1): the page outgrows the window after the first paint and the classic scrollbar then moves everything; reserve its space from the start */
html:has(body.rgn-k-cart){scrollbar-gutter:stable}

/* base size of the Woo block (the text-editor default is 17-19 px) */
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce{font-size:var(--rgn-fs-base);line-height:1.5}

/* items table */
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.shop_table.cart{box-shadow:var(--rgn-shadow-1)}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart thead th{padding:12px;font-size:var(--rgn-fs-sm);line-height:1.4;color:var(--rgn-text-muted)}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td{padding:16px 12px}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-remove a.remove{border:1px solid var(--rgn-border)}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-thumbnail img{display:block;width:80px;height:auto;border:1px solid var(--rgn-border);border-radius:var(--rgn-radius)}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-name>a{padding-block:.75rem;font-size:1.0625rem;line-height:1.35;text-decoration-thickness:1px;text-underline-offset:.18em}   /* inline: wraps beside the "Product:" label; the 24 px padding makes the box 45 px (K4) without changing the line */
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart :is(td.product-price,td.product-subtotal){font-size:1.0625rem;white-space:nowrap}

/* variation meta: label on the left, value next to it, every row the same (hand-off of WP5a: the value used to drop to an indented second line because the label
   floats and the value's paragraph carries the kit's top margin) */
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-name dl.variation{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--rgn-space-1) var(--rgn-space-3);margin:var(--rgn-space-3) 0 0;font-size:var(--rgn-fs-base);line-height:1.45}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-name dl.variation dt{float:none;clear:none;margin:0;color:var(--rgn-text-muted);text-align:left}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-name dl.variation dd{margin:0;color:var(--rgn-ink);font-weight:700}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-name dl.variation dd p{margin:0}

/* coupon row (stays visible, K16): input and button side by side, update cart on the right */
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.actions{padding:var(--rgn-space-4)}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.actions .coupon{float:left;display:flex;flex-wrap:wrap;align-items:center;gap:var(--rgn-space-2);padding:0}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.actions .coupon input.input-text{float:none;flex:1 1 8.5rem;width:auto;min-width:8.5rem;margin:0;padding:10px 14px;border:1px solid var(--rgn-border-strong);border-radius:var(--rgn-radius)}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.actions .coupon button[name="apply_coupon"]{flex:0 0 auto;width:auto;margin:0}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.actions>button[name="update_cart"]{float:right;margin:0}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.actions>button[name="update_cart"]:disabled{border:2px solid var(--rgn-border);background-color:transparent;color:var(--rgn-muted);opacity:1}

/* totals: heading, sky card, orange primary button; the p3 block sits inside div.cart_totals and keeps its own card */
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce .cart-collaterals{display:block;width:100%}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce .cart_totals{float:none;width:100%}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce .cart_totals h2{margin:0 0 var(--rgn-space-3);font-size:var(--rgn-fs-lg);line-height:var(--rgn-lh-lg)}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce .cart_totals table.shop_table{margin:0;background-color:var(--rgn-bg-sky)}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce .cart_totals table.shop_table :is(th,td){padding:14px 16px;font-size:1.0625rem}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce .cart_totals table.shop_table tr.order-total :is(th,td){font-size:1.25rem}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce .wc-proceed-to-checkout{padding:var(--rgn-space-4) 0 0}

/* empty cart: the notice icon sits on the first text line, the button follows the notice */
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce .cart-empty.woocommerce-info{padding-block:var(--rgn-space-5);font-size:1.125rem}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce .cart-empty.woocommerce-info::before{top:var(--rgn-space-5)}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce p.return-to-shop{margin:0}

/* table layout (769 px and up): column widths, numbers on the right */
@media (min-width:769px){
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-remove{width:3.5rem;padding-inline-end:0}
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-thumbnail{width:6rem;padding-inline:8px}
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-name{min-width:14rem}
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart :is(th.product-price,td.product-price,th.product-subtotal,td.product-subtotal){text-align:right}
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce .cart_totals table.shop_table td{text-align:right}
}

/* two columns on wide screens: the table on the left, the totals on the right (placement in DOM order: form, then collaterals).
   From 1300 px only: the kit's boxed container is 1140 px below that (the Woo block is then 1004 px wide and the table would get 636 px). */
@media (min-width:1300px){
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce:has(>.woocommerce-cart-form){display:grid;grid-template-columns:minmax(0,1fr) 21rem;column-gap:var(--rgn-space-6);align-items:start}
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce:has(>.woocommerce-cart-form)>.woocommerce-notices-wrapper{grid-column:1/-1}
}

/* tablets and small laptops (stacked layout): the totals are a right-aligned card, not a page-wide bar */
@media (min-width:600px) and (max-width:1299px){
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce .cart_totals{max-width:30rem;margin-inline-start:auto}
}

/* phones and small tablets: Woo turns the table into cards below 769 px */
@media (max-width:768px){
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td{padding:12px 16px}
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-remove{padding:8px 12px 0}
    body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-name dl.variation{margin-top:var(--rgn-space-2)}
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.product-name dl.variation dd{text-align:right}
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.actions .coupon{float:none;width:100%;margin-bottom:var(--rgn-space-3);padding-bottom:0}
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.actions .coupon::before,
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.actions .coupon::after{content:none}   /* Woo's clearfix pseudos would become flex items (an 8 px gap before the input) */
  body.rgn-theme .elementor-7344 .elementor-element.elementor-element-2c2f507 .woocommerce table.cart td.actions>button[name="update_cart"]{float:none}
}

/* continue shopping + help row */
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-073e115{margin-top:var(--rgn-space-6)}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-073e115>.elementor-container{padding-block:var(--rgn-space-3);border-top:1px solid var(--rgn-border)}
body.rgn-theme .elementor-7344 .elementor-element.elementor-element-bd1ad93 a{align-items:center;min-height:var(--rgn-tap);font-weight:700}

/* p3 block (WP5c1's skin, not restyled): below 1024 px its links get the 44 px target size the plugin only sets on phones (K4; token only, request in CONTRACT.md) */
@media (max-width:1023px){body.rgn-theme.rgn-pg-cart .rgp1-prot{--rgp1-prot-tap:var(--rgn-tap)}}