/* Dr. Pepti cart: restyles the WooCommerce classic cart ([woocommerce_cart] shortcode markup) inside .drp-cart.
   Figma: cart 121:25007 (desktop), 260:5124 (mobile); empty cart 184:32156 (desktop), 282:13788 (mobile).
   Load on the cart page only. The page snippet cart.html adds the heading, the extras and the small script this file expects. */

/* ---------- Layout: items left, order summary right ---------- */
.drp-cart .woocommerce{display:grid;grid-template-columns:minmax(0,547px) minmax(0,550px);grid-template-rows:auto 1fr;justify-content:space-between;column-gap:40px;align-items:start;font-family:var(--drp-font);color:#000}
.drp-cart .woocommerce>*{grid-column:1;min-width:0}
.drp-cart .woocommerce>.woocommerce-notices-wrapper{grid-row:1}
.drp-cart .woocommerce>form.woocommerce-cart-form{grid-row:2;margin:0}
/* The summary column starts level with the "Cart" heading that sits above the shortcode (cart.html): 40 + 30 + 13 + 54 px */
.drp-cart .woocommerce>.cart-collaterals{grid-column:2;grid-row:1 / 3;align-self:stretch;margin-top:-137px;width:auto;float:none}
.drp-cart .woocommerce>.wc-empty-cart-message,.drp-cart .woocommerce>.return-to-shop{grid-column:1 / -1}
.drp-cart .cart-collaterals .cross-sells{display:none}

/* ---------- Cart table, one row per product ---------- */
.drp-cart table.shop_table.cart{display:block;width:100%;margin:0;border:0;border-radius:0;border-collapse:separate;background:none}
.drp-cart table.shop_table.cart thead{display:none}
.drp-cart table.shop_table.cart tbody{display:block}
.drp-cart table.shop_table.cart tr.cart_item{display:grid;grid-template-columns:207px 20px minmax(120px,209px) 18px 91px;grid-template-rows:auto 1fr auto 40px;min-height:207px;background:none}
.drp-cart table.shop_table.cart tr.cart_item+tr.cart_item{margin-top:30px;padding-top:34px;border-top:1px solid #000}
.drp-cart table.shop_table.cart td{display:block;padding:0;margin:0;border:0;background:none;text-align:left;font-size:13px;line-height:15px;color:#272727;vertical-align:top}
.drp-cart table.shop_table.cart td::before{display:none;content:none}
.drp-cart table.shop_table.cart td.actions{display:none}
/* Thumbnail tile */
.drp-cart table.shop_table.cart td.product-thumbnail{grid-column:1;grid-row:1 / 5;display:flex;align-items:center;justify-content:center;width:207px;height:207px;border-radius:5px;background:#F5F5F5;overflow:hidden}
.drp-cart table.shop_table.cart td.product-thumbnail a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.drp-page.drp-cart table.cart td.product-thumbnail img,.drp-cart table.shop_table.cart td.product-thumbnail img{width:auto;max-width:100%;height:115px;object-fit:contain;mix-blend-mode:multiply;box-shadow:none;border-radius:0}
/* Name, short description, variations */
.drp-cart table.shop_table.cart td.product-name{grid-column:3 / 6;grid-row:1;font-size:16px;line-height:18px}
.drp-cart table.shop_table.cart td.product-name a{color:#272727;text-decoration:none}
.drp-cart table.shop_table.cart td.product-name a:hover{text-decoration:underline;text-underline-offset:3px}
.drp-cart table.shop_table.cart td.product-name dl.variation,.drp-cart .drp-cart__desc{margin:5px 0 0;max-width:318px;font-size:13px;line-height:15px;color:var(--drp-grey-text)}
.drp-cart table.shop_table.cart td.product-name dl.variation dt,.drp-cart table.shop_table.cart td.product-name dl.variation dd{display:inline;margin:0;padding:0;font-weight:400}
.drp-cart table.shop_table.cart td.product-name dl.variation dd p{display:inline;margin:0}
.drp-cart table.shop_table.cart td.product-name .backorder_notification{margin:5px 0 0;font-size:13px;line-height:15px;color:var(--drp-grey-text)}
/* Unit price */
.drp-cart table.shop_table.cart td.product-price{grid-column:3 / 6;grid-row:3;margin-bottom:16px}
.drp-cart table.shop_table.cart td.product-price del{color:var(--drp-grey-text);margin-right:8px}
.drp-cart table.shop_table.cart td.product-price ins{text-decoration:none}
.drp-cart table.shop_table.cart td.product-subtotal{display:none}
/* Quantity stepper: the - and + buttons are added by cart.html */
.drp-cart table.shop_table.cart td.product-quantity{grid-column:3;grid-row:4}
.drp-cart .quantity{display:flex;align-items:stretch;width:100%;height:40px;margin:0;border:1px solid #000;border-radius:4px;background:#fff;overflow:hidden}
.drp-cart .quantity input.qty{flex:1 1 auto;width:40px;min-width:0;height:100%;margin:0;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;font:16px/18px var(--drp-font);color:#000;text-align:center;-moz-appearance:textfield;appearance:textfield}
.drp-cart .quantity input.qty::-webkit-outer-spin-button,.drp-cart .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.drp-cart .quantity .drp-qty__btn{flex:0 0 72px;display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#000!important;font:16px/18px var(--drp-font);cursor:pointer;min-height:0}
.drp-cart .quantity .drp-qty__btn:hover{background:#F5F5F5!important}
.drp-cart .quantity .drp-qty__btn[disabled]{color:var(--drp-grey-text)!important;cursor:default;background:transparent!important}
/* Delete */
.drp-cart table.shop_table.cart td.product-remove{grid-column:5;grid-row:4}
.drp-cart table.shop_table.cart a.remove{display:flex;align-items:center;justify-content:center;width:100%;height:40px;margin:0;border:1px solid #000;border-radius:4px;background:#fff!important;color:#000!important;font-size:0;line-height:0;font-weight:400;text-decoration:none}
.drp-cart table.shop_table.cart a.remove::before{content:"Delete";font:16px/18px var(--drp-font);text-transform:uppercase;color:#000}
.drp-cart table.shop_table.cart a.remove:hover{background:#000!important}
.drp-cart table.shop_table.cart a.remove:hover::before{color:#fff}

/* ---------- Order summary ---------- */
.drp-cart .cart-collaterals .cart_totals{display:flex;flex-direction:column;float:none;width:100%;height:100%;margin:0}
.drp-page.drp-cart .cart_totals>h2,.drp-cart .cart_totals>h2{font-family:var(--drp-font);font-size:35px;line-height:40px;font-weight:400;letter-spacing:0;text-transform:none;color:#000;margin:0 0 98px;padding:0}
.drp-cart .cart_totals table.shop_table{display:block;width:100%;margin:0;border:0;border-radius:0;background:none}
.drp-cart .cart_totals table.shop_table tbody{display:block}
.drp-cart .cart_totals table.shop_table tr{display:flex;justify-content:space-between;align-items:baseline;gap:20px;background:none}
.drp-cart .cart_totals table.shop_table th,.drp-cart .cart_totals table.shop_table td{display:block;width:auto;padding:0;border:0;background:none;font:16px/18px var(--drp-font);font-weight:400;color:#272727;text-align:left}
.drp-cart .cart_totals table.shop_table td{text-align:right;white-space:nowrap}
.drp-cart .cart_totals table.shop_table td::before{display:none;content:none}
.drp-cart .cart_totals table.shop_table td strong{font-weight:400}
.drp-cart .cart_totals tr.drp-line{padding-bottom:26px}
.drp-cart .cart_totals tr.drp-line th{white-space:normal}
.drp-cart .cart_totals tr.drp-line--last{margin-bottom:30px;border-bottom:1px solid #000}
.drp-cart .cart_totals tr:not(.drp-line)+tr:not(.drp-line){margin-top:18px}
.drp-cart .cart_totals tr.cart-discount td,.drp-cart .cart_totals tr.cart-discount td a{color:#000}
.drp-cart .cart_totals tr.cart-discount td a{font-size:13px;margin-left:6px}
/* Shipping and tax are worked out at checkout, as the note says */
.drp-cart .cart_totals table.shop_table tr.shipping,.drp-cart .cart_totals table.shop_table tr.woocommerce-shipping-totals,.drp-cart .cart_totals table.shop_table tr.tax-rate,.drp-cart .cart_totals table.shop_table tr.tax-total{display:none}
.drp-cart .cart_totals table.shop_table:not(:has(tr.cart-discount,tr.fee)) tr.order-total{display:none}
.drp-cart .cart_totals tr.order-total small{display:block;font-size:13px;line-height:15px;color:var(--drp-grey-text)}
.drp-cart .drp-cart__note{margin:21px 0 0;max-width:251px;font-size:13px;line-height:15px;color:var(--drp-grey-text)}
/* Accepted payment methods, checkout button, express pay, secure line */
.drp-cart .drp-cart__pay{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:60px;font-size:13px;line-height:15px;color:var(--drp-grey-text)}
.drp-cart .drp-cart__pay svg{display:block;width:158px;height:16px;flex:0 0 auto}
.drp-cart .wc-proceed-to-checkout{padding:0;margin:14px 0 0}
.drp-cart .wc-proceed-to-checkout a.checkout-button{display:flex;align-items:center;justify-content:center;width:100%;height:40px;margin:0;padding:0 16px;border:1px solid #000;border-radius:4px;background:#000;color:#fff!important;font:16px/18px var(--drp-font);font-weight:400;letter-spacing:0;text-transform:uppercase;text-decoration:none;box-shadow:none}
.drp-cart .wc-proceed-to-checkout a.checkout-button:hover{background:#fff;color:#000!important}
.drp-cart .wc-proceed-to-checkout>*+*{margin-top:9px}
/* Apple Pay / Google Pay come from the payment plugin (WooPayments or Stripe), not from this page */
.drp-cart #wcpay-express-checkout-button-separator,.drp-cart #wc-stripe-payment-request-button-separator,.drp-cart #wc-stripe-express-checkout-button-separator{display:none!important}
.drp-cart #wcpay-express-checkout-element,.drp-cart #wc-stripe-payment-request-wrapper,.drp-cart #wc-stripe-express-checkout-element{margin:9px 0 0!important;padding:0!important}
.drp-cart .drp-cart__secure{margin:10px 0 0;font-size:13px;line-height:15px;text-align:center;color:var(--drp-grey-text)}

/* ---------- Notices ---------- */
.drp-cart .woocommerce-notices-wrapper:not(:empty){margin-bottom:30px}
.drp-cart .woocommerce-message,.drp-cart .woocommerce-info,.drp-cart .woocommerce-error{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0 0 10px;padding:14px 20px;border:0;border-left:3px solid #000;border-radius:5px;background:#F5F5F5;color:#000;font:13px/15px var(--drp-font);list-style:none}
.drp-cart .woocommerce-error{border-left-color:var(--drp-red)}
.drp-cart .woocommerce-message::before,.drp-cart .woocommerce-info::before,.drp-cart .woocommerce-error::before{display:none;content:none}
.drp-cart .woocommerce-error li{margin:0;padding:0}
.drp-cart .woocommerce-message a,.drp-cart .woocommerce-info a,.drp-cart .woocommerce-error a{color:#000;text-decoration:underline;text-underline-offset:2px}
.drp-cart .woocommerce-message .button,.drp-cart .woocommerce-info .button,.drp-cart .woocommerce-error .button{order:2;float:none;margin:0 0 0 auto;padding:0;border:0;background:none!important;color:#000!important;font:13px/13px var(--drp-font);text-transform:uppercase;text-decoration:underline;text-underline-offset:2px}

/* ---------- Empty cart ---------- */
.drp-cart .wc-empty-cart-message{margin:0}
.drp-cart .cart-empty.woocommerce-info{display:block;max-width:580px;margin:0;padding:0;border:0;border-radius:0;background:none;font:16px/18px var(--drp-font);color:#000}
.drp-cart .cart-empty .drp-cart__emptyline{display:block}
.drp-cart .cart-empty .drp-cart__emptyline+.drp-cart__emptyline{margin-top:18px}
.drp-cart .woocommerce>.return-to-shop,.drp-cart p.return-to-shop{margin:54px 0 0}
.drp-cart .return-to-shop a.button{display:inline-flex;align-items:center;gap:15px;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none!important;box-shadow:none;color:#000!important;font:13px/13px var(--drp-font);font-weight:400;letter-spacing:0;text-transform:uppercase;text-decoration:underline;text-underline-offset:2px}
.drp-cart .return-to-shop a.button svg{width:9px;height:12px;flex:0 0 auto}

/* ---------- Mobile, Figma 260:5124 and 282:13788 ---------- */
@media (max-width:1024px){
 .drp-cart .woocommerce{display:block}
 .drp-cart .woocommerce>.cart-collaterals{margin-top:70px}
 .drp-cart table.shop_table.cart tr.cart_item{grid-template-columns:133px 11px minmax(100px,135px) 12px minmax(56px,1fr);grid-template-rows:auto 1fr auto 25px;min-height:133px}
 .drp-cart table.shop_table.cart tr.cart_item+tr.cart_item{margin-top:50px;padding-top:50px}
 .drp-cart table.shop_table.cart td.product-thumbnail{width:133px;height:133px;border-radius:3px}
 .drp-page.drp-cart table.cart td.product-thumbnail img,.drp-cart table.shop_table.cart td.product-thumbnail img{height:74px}
 .drp-cart table.shop_table.cart td.product-name{font-size:13px;line-height:15px}
 .drp-cart table.shop_table.cart td.product-name dl.variation,.drp-cart .drp-cart__desc,.drp-cart table.shop_table.cart td.product-name .backorder_notification{margin-top:5px;font-size:11px;line-height:13px}
 .drp-cart table.shop_table.cart td{font-size:11px;line-height:13px}
 .drp-cart table.shop_table.cart td.product-price{margin-bottom:9px}
 .drp-cart .quantity{height:25px;border-radius:2px}
 .drp-cart .quantity input.qty,.drp-cart .quantity .drp-qty__btn{font-size:11px;line-height:13px}
 .drp-cart .quantity .drp-qty__btn{flex-basis:40px}
 .drp-cart table.shop_table.cart a.remove{height:25px;border-radius:2px}
 .drp-cart table.shop_table.cart a.remove::before{font-size:11px;line-height:13px}
 .drp-page.drp-cart .cart_totals>h2,.drp-cart .cart_totals>h2{font-size:22px;line-height:25px;margin-bottom:53px}
 .drp-cart .cart_totals table.shop_table th,.drp-cart .cart_totals table.shop_table td{font-size:13px;line-height:18px}
 .drp-cart .drp-cart__note{max-width:208px;font-size:11px;line-height:13px}
 .drp-cart .drp-cart__pay{margin-top:0;padding-top:70px;font-size:11px;line-height:12px}
 .drp-cart .drp-cart__pay svg{width:120px;height:12px}
 .drp-cart .wc-proceed-to-checkout{margin-top:10px}
 .drp-cart .wc-proceed-to-checkout a.checkout-button{border-radius:2px;font-size:11px;line-height:13px}
 .drp-cart .wc-proceed-to-checkout>*+*{margin-top:10px}
 .drp-cart .drp-cart__secure{font-size:11px;line-height:12px}
 .drp-cart .woocommerce-message,.drp-cart .woocommerce-info,.drp-cart .woocommerce-error{padding:12px 14px;border-radius:4px;font-size:11px;line-height:13px}
 .drp-cart .cart-empty.woocommerce-info{font-size:13px;line-height:16px;max-width:311px}
 .drp-cart .cart-empty .drp-cart__emptyline+.drp-cart__emptyline{margin-top:16px}
 .drp-cart .woocommerce>.return-to-shop,.drp-cart p.return-to-shop{margin-top:40px}
 .drp-cart .return-to-shop a.button{font-size:11px;line-height:11px;gap:10px}
}
.drp-cart__recent:has(.drp-track:empty){display:none}
