/* Style D classic cart. Shared colors/type come from d-tokens.css; spacing follows d-shop.css. */
.woocommerce-cart .petit-main { padding:24px 20px 48px; }
.woocommerce-cart .petit-main > .woocommerce { color:var(--ink); font:400 16px/1.6 var(--sans); direction:rtl; }
.woocommerce-cart .petit-main h1,.woocommerce-cart .cart_totals h2 { font-family:var(--head); font-weight:var(--head-w); }
.woocommerce-cart .petit-main h1 { font-weight:var(--h1-w); }
.woocommerce-cart .woocommerce :focus-visible { outline:2px solid var(--olive); outline-offset:3px; }
.woocommerce-cart .woocommerce table.shop_table { border:1px solid var(--line); border-collapse:separate; border-spacing:0; border-radius:0; background:var(--bg); }
.woocommerce-cart .woocommerce table.shop_table th { background:var(--surface); }
.woocommerce-cart .woocommerce table.shop_table th,.woocommerce-cart .woocommerce table.shop_table td { padding:12px; border-color:var(--line); overflow-wrap:anywhere; }
.woocommerce-cart .woocommerce a { color:var(--olive); text-underline-offset:4px; }
.woocommerce-cart .woocommerce a.button,.woocommerce-cart .woocommerce button.button,.woocommerce-cart .woocommerce input.button {
  display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px;
  padding:8px 20px; font:600 16px/1.4 var(--sans); background:var(--olive); color:var(--bg);
  border:1px solid var(--olive); border-radius:0; white-space:normal; text-align:center;
}
.woocommerce-cart .woocommerce a.button:hover,.woocommerce-cart .woocommerce button.button:hover { background:var(--olive-2); color:var(--bg); }
.woocommerce-cart .woocommerce a.remove {
  display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px;
  min-width:44px; min-height:44px; line-height:1; color:var(--olive)!important;
}
.woocommerce-cart .woocommerce a.remove:hover { color:var(--bg)!important; background:var(--olive); }
.woocommerce-cart .woocommerce input.input-text,.woocommerce-cart .woocommerce select {
  min-height:44px; max-width:100%; padding:8px 12px; border:1px solid var(--field);
  border-radius:0; background:var(--bg); color:var(--ink); font:inherit; box-sizing:border-box;
}
.woocommerce-cart .woocommerce .quantity .qty { min-width:44px; min-height:44px; width:80px; max-width:100%; }
.woocommerce-cart .woocommerce td.product-name dl.variation { margin-block:8px 0; font-size:14px; }
.woocommerce-cart .woocommerce td.product-name dl.variation dd { margin-inline:0 8px; }
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals { float:none; width:100%; max-width:640px; margin-inline-start:auto; }
.woocommerce-cart .woocommerce .cart_totals .shop_table { table-layout:fixed; width:100%; }
.woocommerce-cart .woocommerce .cart_totals .shop_table th { width:30%; }
.woocommerce-cart .woocommerce .shipping-calculator-form { max-width:100%; }
.woocommerce-cart .woocommerce .shipping-calculator-form .form-row { padding:0; }
.woocommerce-cart .woocommerce .shipping-calculator-button,.woocommerce-cart .petit-classic-commerce a { display:inline-flex; align-items:center; min-height:44px; }
.woocommerce-cart .woocommerce ul#shipping_method li { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.woocommerce-cart .wc-proceed-to-checkout .petit-help { margin-top:14px; text-align:start; }
.woocommerce-cart .woocommerce ul#shipping_method label { flex:1; min-width:0; min-height:44px; display:inline-flex; align-items:center; flex-wrap:wrap; gap:4px; }
.woocommerce-cart .woocommerce ul#shipping_method input { flex:none; margin:0; }
/* The empty yellow strip above the totals goes until a message fills it (decision 26/10: "הפס הצהוב הריק מוסתר"). */
.woocommerce-cart .petit-classic-commerce:empty { display:none; }
.woocommerce-cart .petit-classic-commerce { margin-block:24px; padding:16px 20px; background:var(--yellow); border-inline-start:4px solid var(--olive); overflow-wrap:anywhere; }
.woocommerce-cart .petit-classic-commerce p { margin:0 0 8px; }
.woocommerce-cart .petit-classic-commerce p:last-child { margin-bottom:0; }
.woocommerce-cart [data-petit-message="haulage_line"] { font-weight:700; }
.woocommerce-cart .woocommerce .shop_table .petit-cart-shipping-anchor td { padding:0; border:0; height:0; }
@media (max-width:900px) {
  .woocommerce-cart .petit-main { padding:24px 16px 48px; }
  .woocommerce-cart .petit-main > .woocommerce,.woocommerce-cart .woocommerce-cart-form,.woocommerce-cart .cart-collaterals { min-width:0; max-width:100%; }
  .woocommerce-cart .woocommerce table.cart,.woocommerce-cart .woocommerce table.cart tbody { display:block; width:100%; border:0; }
  .woocommerce-cart .woocommerce table.cart thead { display:none; }
  /* Yossi 22/10: "הסל רחב מדיי לנייד. הוא צריך להיות מצומצם". */
  .woocommerce-cart .woocommerce table.cart tr { display:grid; grid-template-columns:56px minmax(0,1fr) 48px minmax(44px,auto) 44px; align-items:center; gap:4px; min-width:0; margin:0; padding:10px 0; border:0; border-bottom:1px solid var(--line); background:transparent; }
  .woocommerce-cart .woocommerce table.cart td { display:block; width:auto; min-width:0; padding:8px 0; border:0; background:transparent; text-align:start!important; }
  .woocommerce-cart .woocommerce table.cart td::before { display:none; }
  .woocommerce-cart .woocommerce table.cart td.product-price { display:none; }
  .woocommerce-cart .woocommerce table.cart td.product-remove { grid-column:5; grid-row:1; padding:0; font-size:18px; }
  .woocommerce-cart .woocommerce table.cart td.product-thumbnail { display:block; grid-column:1; grid-row:1; }
  .woocommerce-cart .woocommerce table.cart td.product-name { grid-column:2; grid-row:1; font-size:14px; line-height:1.35; }
  .woocommerce-cart .woocommerce table.cart td.product-subtotal { grid-column:4; grid-row:1; font-size:13px; }
  .woocommerce-cart .woocommerce table.cart td.product-thumbnail::before,.woocommerce-cart .woocommerce table.cart td.product-name::before { display:none; }
  .woocommerce-cart .woocommerce table.cart td.product-thumbnail img { width:56px; height:56px; object-fit:cover; }
  /* 44px to tap the product name and its picture (tester 20/10: 21px). */
  .woocommerce-cart .woocommerce table.cart td.product-name > a,.woocommerce-cart .woocommerce table.cart td.product-thumbnail a { display:inline-flex; align-items:center; min-height:44px; }
  .woocommerce-cart .woocommerce table.cart td.product-quantity { grid-column:3; grid-row:1; }
  .woocommerce-cart .woocommerce .quantity .qty { width:48px; padding:4px; font-size:14px; }
  .woocommerce-cart .woocommerce td.product-name dl.variation { margin-top:4px; font-size:11px; }
  .woocommerce-cart .woocommerce td.product-name dl.variation dt,.woocommerce-cart .woocommerce td.product-name dl.variation dd { display:inline; float:none; margin:0; padding:0; }
  .woocommerce-cart .woocommerce td.product-name dl.variation dd p { display:inline; margin:0; }
  .woocommerce-cart .woocommerce table.cart td.actions { grid-column:1 / -1; }
  .woocommerce-cart .woocommerce table.cart td.actions .coupon { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:12px; }
  .woocommerce-cart .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce-cart .woocommerce table.cart td.actions .coupon .button { float:none; width:100%; margin:0; }
  .woocommerce-cart .woocommerce table.cart td.actions > .button { width:100%; }
  .woocommerce-cart .woocommerce .cart_totals .shop_table td { text-align:start!important; }
  .woocommerce-cart .woocommerce .cart_totals .shop_table td::before { float:none; display:block; margin-bottom:8px; }
  .woocommerce-cart .woocommerce .cart_totals .shop_table tr.shipping td::before,
  .woocommerce-cart .woocommerce .cart_totals .shop_table .petit-cart-shipping-anchor td::before { display:none; }
  .woocommerce-cart .petit-classic-commerce { padding:16px; }
}

/* MFLOW 28/10, Yossi on the phone cart: "גם אם יש תמונה תעשה עם הנקודות. ובעדינות ושהלחצן של הכמות לא יהיה ריבוע כזה", then
   "שיהיה בשורה אחת גם הכפתור של ההוספה. וצריך רק את שם המוצר ואם יש הערה אז בקטן". One line as in the checkout's list
   (26/10, no photos): the name, a fine dotted line, the "+ n −" pill (cart-stepper.js), the price and a quiet ×; a note
   (the filling, the bundle) small under the name. The quantity updates the cart by itself, so the update button goes;
   the coupon is one light row. */
.woocommerce-cart .woocommerce .quantity[data-petit-stepper] { display:inline-flex; align-items:center; height:36px; border:1px solid var(--line); border-radius:999px; background:var(--bg); }
.woocommerce-cart .woocommerce .quantity[data-petit-stepper] .qty { width:26px; min-width:0; min-height:0; height:34px; padding:0; border:0; background:transparent; text-align:center; font-size:16px; -moz-appearance:textfield; appearance:textfield; }
.woocommerce-cart .woocommerce .quantity[data-petit-stepper] .qty::-webkit-inner-spin-button,
.woocommerce-cart .woocommerce .quantity[data-petit-stepper] .qty::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.woocommerce-cart .petit-qty-step { width:34px; height:34px; padding:0; border:0; border-radius:999px; background:none; color:var(--ink); font:400 19px/1 var(--sans); cursor:pointer; }
.woocommerce-cart .petit-qty-step:hover { background:var(--surface); }
.woocommerce-cart .woocommerce-cart-form:has([data-petit-stepper]) table.cart td.actions [name="update_cart"] { display:none; }
@media (max-width:900px) {
  .woocommerce-cart .woocommerce table.cart tbody tr.cart_item td { background:transparent; }
  .woocommerce-cart .woocommerce table.cart tr.cart_item { grid-template-columns:minmax(0,1fr) auto 56px 30px; grid-template-areas:"name qty price remove"; align-items:center; gap:0 8px; padding:12px 0; border-bottom:1px solid #E3E4DE; }
  .woocommerce-cart .woocommerce table.cart tr.cart_item td.product-thumbnail { display:none; }
  .woocommerce-cart .woocommerce table.cart tr.cart_item td.product-name { grid-area:name; display:flex; flex-wrap:wrap; align-items:baseline; gap:0 8px; padding:0; font-size:15px; line-height:1.35; }
  .woocommerce-cart .woocommerce table.cart tr.cart_item td.product-name > a { order:1; flex:0 1 auto; min-height:0; color:var(--ink); font-weight:600; text-decoration:none; }
  .woocommerce-cart .woocommerce table.cart tr.cart_item td.product-name::after { content:""; order:2; flex:1 1 12px; min-width:12px; border-bottom:2px dotted #C6C7C0; transform:translateY(-4px); }
  .woocommerce-cart .woocommerce table.cart tr.cart_item td.product-name > :not(a) { order:3; flex:0 0 100%; margin-top:2px; color:var(--muted); font-size:12px; line-height:1.4; }
  .woocommerce-cart .woocommerce table.cart tr.cart_item td.product-quantity { grid-area:qty; padding:0; }
  .woocommerce-cart .woocommerce table.cart tr.cart_item td.product-subtotal { grid-area:price; padding:0; font-size:15px; font-variant-numeric:tabular-nums; white-space:nowrap; text-align:left!important; }
  .woocommerce-cart .woocommerce table.cart tr.cart_item td.product-remove { grid-area:remove; justify-self:end; padding:0; }
  .woocommerce-cart .woocommerce table.cart tr.cart_item a.remove { width:30px; min-width:30px; color:#8A8B84!important; font-size:20px; font-weight:400; }
  .woocommerce-cart .woocommerce table.cart tr.cart_item a.remove:hover { background:var(--surface); color:var(--ink)!important; }
  .woocommerce-cart .woocommerce .quantity .qty { font-size:16px; }
  .woocommerce-cart .woocommerce table.cart td.actions .coupon { flex-wrap:nowrap; }
  .woocommerce-cart .woocommerce table.cart td.actions .coupon .input-text { flex:1 1 auto; width:auto; border-radius:999px; font-size:16px; }
  .woocommerce-cart .woocommerce table.cart td.actions .coupon .button { flex:none; width:auto; border-radius:999px; background:transparent; color:var(--olive); }
  .woocommerce-cart .woocommerce table.cart td.actions .coupon .button:hover { background:var(--surface); color:var(--olive); }
}
/* End MFLOW 28/10. */