/* Vozol Dubai cart page. Builds on vozol-checkout.css (steps, notices, panels, promise card). */
.vxcp-n{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:var(--a);color:#111;font:800 18px var(--disp);vertical-align:6px}
.vxcp .woocommerce{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:0 32px;align-items:start}
.vxcp .woocommerce-notices-wrapper{grid-column:1/-1}
.vxcp .woocommerce-cart-form{grid-column:1;min-width:0}
.vxcp .cart-collaterals{grid-column:2;min-width:0;position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 130px);width:auto!important;float:none}
.vxcp .cart-collaterals .cross-sells{display:none}
.vxcp .cart-collaterals .cart_totals{width:auto!important;float:none!important;background:#fff;border:1px solid var(--l);border-radius:22px;padding:20px}
.vxcp .cart_totals h2{font:800 20px/1.2 var(--f)!important;margin:0 0 10px!important}

/* items as cards */
.vxcp table.shop_table.cart{border:0!important;margin:0;width:100%;border-collapse:separate;border-spacing:0}
.vxcp table.cart thead{display:none}
.vxcp table.cart tbody{display:grid;gap:10px}
.vxcp table.cart tr.cart_item{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;grid-template-areas:"img name qty sub";gap:4px 18px;align-items:center;background:#fff;border:1px solid var(--l);border-radius:20px;padding:12px 48px 12px 12px}
.vxcp table.cart td{border:0!important;padding:0!important;background:none!important;display:block;text-align:left}
.vxcp table.cart td::before{display:none!important}
.vxcp td.product-thumbnail{grid-area:img}
.vxcp td.product-thumbnail img{width:96px!important;height:96px!important;object-fit:contain;background:var(--s);border-radius:14px;margin:0!important;max-width:none}
.vxcp td.product-name{grid-area:name;font-weight:700;font-size:15.5px;line-height:1.3;min-width:0}
.vxcp td.product-name a{text-decoration:none;color:var(--d)}
.vxcp td.product-name a:hover{text-decoration:underline;text-decoration-color:var(--a);text-decoration-thickness:2px}
.vxcp td.product-name dl.variation{display:none}
.vxcp .vxcp-opt{display:block;font-weight:500;font-size:12.5px;color:var(--m);margin-top:3px}
.vxcp td.product-price{grid-area:name;align-self:end;font-size:13px;color:var(--m);font-weight:600;margin-top:40px}
.vxcp td.product-price::after{content:" each"}
.vxcp td.product-quantity{grid-area:qty}
.vxcp td.product-subtotal{grid-area:sub;font:800 17px var(--f);text-align:right;min-width:80px;font-variant-numeric:tabular-nums}
.vxcp td.product-remove{position:absolute;top:10px;right:10px}
.vxcp td.product-remove a.remove{width:30px!important;height:30px!important;border-radius:50%;display:grid!important;place-items:center;font-size:20px!important;line-height:1!important;color:var(--m)!important;background:var(--s)!important;text-decoration:none}
.vxcp td.product-remove a.remove:hover{background:#FDE8E8!important;color:#C62828!important}
/* quantity pill */
.vxcp .quantity.vxcp-q{display:inline-flex;align-items:center;background:var(--d);border-radius:999px;padding:3px}
.vxcp .quantity.vxcp-q input.qty{width:34px!important;height:32px!important;border:0!important;background:transparent!important;color:#fff!important;text-align:center;font:800 15px var(--f)!important;padding:0!important;margin:0!important;-moz-appearance:textfield;box-shadow:none!important}
.vxcp .quantity.vxcp-q input.qty::-webkit-outer-spin-button,.vxcp .quantity.vxcp-q input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.vxcp .vxcp-qb{width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:#fff;font:800 18px/1 var(--f);cursor:pointer;padding:0}
.vxcp .vxcp-qb:hover{background:rgba(255,255,255,.16)}
/* actions row: coupon + (auto) update */
.vxcp table.cart tr:not(.cart_item){display:block}
.vxcp table.cart td.actions{display:flex!important;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 0 0!important}
.vxcp td.actions .coupon{display:flex;gap:8px;flex:1;min-width:240px;float:none!important}
.vxcp td.actions .coupon label{display:none}
.vxcp td.actions .coupon .input-text{flex:1;width:auto!important;min-width:0;height:46px;border:1.5px dashed var(--l)!important;border-radius:12px!important;padding:0 14px!important;font:500 15px var(--f)!important;background:#fff!important}
.vxcp td.actions .button{height:46px;border-radius:12px!important;padding:0 18px!important;background:#fff!important;color:var(--d)!important;border:1.5px solid var(--d)!important;font:800 14px var(--f)!important;cursor:pointer;text-transform:none;letter-spacing:0}
.vxcp td.actions .button:hover{background:var(--d)!important;color:#fff!important}
.vxcp .vxcp-js td.actions button[name="update_cart"]{display:none!important}
.vxcp .blockUI.blockOverlay{background:rgba(255,255,255,.6)!important;border-radius:20px}

/* totals */
.vxcp .cart_totals table.shop_table{margin:0 0 12px}
.vxcp .cart_totals .woocommerce-shipping-destination,.vxcp .cart_totals .woocommerce-shipping-calculator{display:none}
.vxcp .cart_totals #shipping_method{text-align:right;list-style:none;margin:0;padding:0}
.vxcp .cart_totals #shipping_method label{font-weight:600;font-size:13.5px}
.vxcp .wc-proceed-to-checkout{padding:0!important;display:grid;gap:10px}
.vxcp .vxcp-free{display:grid;gap:6px;font-size:13px;background:#EEF4FF;border:1px solid #C9DAFF;border-radius:12px;padding:10px 12px}
.vxcp .vxcp-free .vxc-min-bar{background:#D6E2FF}.vxcp .vxcp-free .vxc-min-bar i{background:#3D6BFF}
.vxcp .vxcp-free.is-ok{background:#EAF7EF;border-color:#BFE6CC;color:#1F7A3F;font-weight:700}
.vxcp .vxcp-free.is-ok .vxc-min-bar{background:#CDEBD8}.vxcp .vxcp-free.is-ok .vxc-min-bar i{background:#1F7A3F}
.vxcp a.vxcp-go{display:block;text-align:center;background:#0E0E10;color:#fff!important;border-radius:16px;padding:17px 18px;font:800 17px var(--f);text-decoration:none;transition:background .15s,color .15s}
.vxcp a.vxcp-go:hover{background:var(--a);color:#111!important}
.vxcp a.vxcp-go .amount{color:inherit}
.vxcp a.vxcp-go.is-locked{background:#FFF6EA;color:#7A4300!important;box-shadow:inset 0 0 0 1.5px #F2C48C;font-size:15.5px}
.vxcp a.vxcp-go.is-locked:hover{background:#0E0E10;color:#fff!important}
.vxcp .vxco-promise{margin-top:2px}
.vxcp-pay{margin:0;font-size:13px;color:var(--m);text-align:center}
.vxcp a.vxcp-wa{display:block;text-align:center;background:#E9F9EF;color:#0B5A2B!important;border-radius:14px;padding:12px;font-weight:800;text-decoration:none}
.vxcp a.vxcp-wa:hover{background:#25D366;color:#06301A!important}

/* empty cart */
.vxcp .cart-empty{grid-column:1/-1}
.vxcp .return-to-shop{grid-column:1/-1;margin:0}
.vxcp .return-to-shop .button{display:inline-block;background:#0E0E10!important;color:#fff!important;border-radius:14px!important;padding:14px 22px!important;font:800 15px var(--f)!important;text-decoration:none}
.vxcp .return-to-shop .button:hover{background:var(--a)!important;color:#111!important}
.vxcp-empty{grid-column:1/-1;background:#fff;border:1px solid var(--l);border-radius:22px;padding:20px;margin-bottom:16px}
.vxcp-empty-h{margin:0 0 12px;font-weight:800;font-size:17px}
.vxcp-empty ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.vxcp-empty a{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--s);border-radius:14px;padding:12px 6px;text-align:center;font-weight:700;font-size:13px;text-decoration:none;color:var(--d)}
.vxcp-empty a:hover{box-shadow:inset 0 0 0 2px var(--a)}
.vxcp-empty img{width:56px;height:56px;border-radius:50%;object-fit:cover}

/* phones */
@media (max-width:900px){
  .vxcp .woocommerce{grid-template-columns:minmax(0,1fr);gap:16px}
  .vxcp .cart-collaterals{grid-column:1;position:static}
  .vxcp table.cart tr.cart_item{grid-template-columns:76px minmax(0,1fr) auto;grid-template-areas:"img name name" "img qty sub";gap:8px 12px;padding:10px 42px 10px 10px;border-radius:16px}
  .vxcp td.product-thumbnail img{width:76px!important;height:76px!important}
  .vxcp td.product-name{font-size:14px}
  .vxcp td.product-price{display:none!important}
  .vxcp td.product-subtotal{font-size:15.5px;min-width:0}
  .vxcp .cart-collaterals .cart_totals{padding:16px;border-radius:18px}
  .vxcp a.vxcp-go{font-size:16px;padding:15px}
  .vxcp-n{min-width:32px;height:32px;font-size:15px}
}
.vxcp td.product-name{align-self:start}
.vxcp .woocommerce::before,.vxcp .woocommerce::after{content:none!important;display:none!important}
