/* ===== Cart Page Mobile Overhaul (Feb 2026) ===== */

/* --- Cart page: full-width layout on mobile --- */
@media(max-width:849px){
  /* Hide cart filter/sidebar UI only (do not hide theme nav off-canvas) */

  body.woocommerce-cart #shop-sidebar,
  body.woocommerce-cart .shop-sidebar,
  body.woocommerce-cart .sidebar-menu,
  body.woocommerce-cart .category-filtering,
  body.woocommerce-cart .catalog-sidebar,
  body.woocommerce-cart .widget-area,
  body.woocommerce-cart .nav-sidebar,
  body.woocommerce-cart [data-open="shop-sidebar"],
  body.woocommerce-cart .shop-page-title .filter-button{display:none!important}

  /* Make the cart use full width */
  body.woocommerce-cart .shopline-cart{
    display:flex!important;flex-direction:column!important;
    align-items:stretch!important;
    padding:0 12px!important;gap:16px!important;
  }
  body.woocommerce-cart .shopline-cart__form{width:100%!important}
  body.woocommerce-cart .shopline-cart__summary{
    width:100%!important;margin:0!important;
  }

  /* Progress bar compact on mobile */
  body.woocommerce-cart .sl-cart-progress{padding:0 8px;margin-bottom:12px}
  body.woocommerce-cart .sl-cart-progress li{font-size:11px}
  body.woocommerce-cart .sl-cart-progress__icon{width:32px;height:32px}
  body.woocommerce-cart .sl-cart-progress__icon svg{width:16px;height:16px}

  /* Timer - less aggressive, more subtle */
  body.woocommerce-cart .sl-cart-timer{
    display:none!important; /* Hide fake countdown */
  }

  /* Cart item layout: handled by cart-wishlist.css grid-template-areas */

  /* Hide desktop-only columns */
  body.woocommerce-cart .shopline-cart__head-tags,
  body.woocommerce-cart .shopline-cart__head-row,
  body.woocommerce-cart thead.shopline-cart__head-row{display:none!important}
  
  /* Price display */
  body.woocommerce-cart .product-price{
    font-size:16px!important;font-weight:700!important;color:#0f2a56!important;
  }

  /* Quantity controls - BIGGER */
  body.woocommerce-cart .product-quantity .quantity{
    display:flex!important;align-items:center!important;
    gap:0!important;
    border:2px solid #e2e8f0;border-radius:12px;
    overflow:hidden;width:fit-content;
  }
  body.woocommerce-cart .product-quantity .quantity input.qty{
    width:48px!important;height:44px!important;
    text-align:center!important;font-size:16px!important;font-weight:700!important;
    border:none!important;background:#fff!important;
    -moz-appearance:textfield!important;
    padding:0!important;margin:0!important;
  }
  body.woocommerce-cart .product-quantity .quantity input.qty::-webkit-outer-spin-button,
  body.woocommerce-cart .product-quantity .quantity input.qty::-webkit-inner-spin-button{
    -webkit-appearance:none!important;margin:0!important;
  }
  body.woocommerce-cart .product-quantity .quantity .qty-btn,
  body.woocommerce-cart .product-quantity .quantity button,
  body.woocommerce-cart .product-quantity .quantity .minus,
  body.woocommerce-cart .product-quantity .quantity .plus{
    width:44px!important;height:44px!important;
    min-width:44px!important;min-height:44px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    font-size:20px!important;font-weight:700!important;
    background:#f7f9fc!important;color:#0f2a56!important;
    border:none!important;cursor:pointer!important;
    -webkit-tap-highlight-color:transparent;
    padding:0!important;margin:0!important;
    line-height:1!important;
  }
  body.woocommerce-cart .product-quantity .quantity .minus:active,
  body.woocommerce-cart .product-quantity .quantity .plus:active{
    background:#e2e8f0!important;
  }

  /* Remove button - bigger tap target */
  body.woocommerce-cart .product-remove{
    position:absolute!important;top:8px!important;left:8px!important;
    z-index:5!important;
  }
  body.woocommerce-cart .product-remove .remove{
    width:32px!important;height:32px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    font-size:18px!important;color:#94a3b8!important;
    background:#f1f5f9!important;border-radius:50%!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;
  }

  /* Subtotal */
  body.woocommerce-cart .product-subtotal{
    font-size:15px!important;font-weight:600!important;color:#0f2a56!important;
  }

  /* Cart summary card */
  body.woocommerce-cart .shopline-summary__card{
    border-radius:18px!important;padding:16px!important;
  }

  /* Coupon section */
  body.woocommerce-cart .shopline-cart__coupon{margin-bottom:12px}
  body.woocommerce-cart .sl-coupon-toggle{
    min-height:44px;font-size:15px;
    -webkit-tap-highlight-color:transparent;
  }

  /* Payment logos - cleaner row */
  body.woocommerce-cart .sl-payment-logos{
    display:flex!important;flex-wrap:wrap!important;
    justify-content:center!important;gap:8px!important;
    padding:12px 0!important;
  }
  body.woocommerce-cart .sl-payment-logos img{
    height:28px!important;width:auto!important;
  }

  /* Sticky bottom bar - IMPROVED */
  body.woocommerce-cart .sl-cart-mobile-bar{
    position:fixed!important;bottom:0!important;left:0!important;right:0!important;
    z-index:9999!important;
    background:#fff!important;
    border-top:1px solid #e2e8f0!important;
    box-shadow:0 -4px 20px rgba(15,42,86,.12)!important;
    padding:12px 16px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:12px!important;
    safe-area-inset-bottom:env(safe-area-inset-bottom)!important;
    padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important;
  }
  body.woocommerce-cart .sl-cart-mobile-bar__total{
    font-size:14px!important;color:#6b7c93!important;
    display:flex!important;flex-direction:column!important;
  }
  body.woocommerce-cart .sl-cart-mobile-bar__total strong{
    font-size:20px!important;color:#0f2a56!important;font-weight:800!important;
  }
  body.woocommerce-cart .sl-cart-mobile-bar__cta{
    background:linear-gradient(135deg,#0f2a56 0%,#1a3a6e 100%)!important;
    color:#fff!important;border:none!important;
    border-radius:14px!important;
    padding:14px 28px!important;
    font-size:16px!important;font-weight:700!important;
    white-space:nowrap!important;
    box-shadow:0 6px 20px rgba(15,42,86,.25)!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;
    min-height:48px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }

  /* Add bottom padding to page for sticky bar */
  body.woocommerce-cart .shopline-cart{padding-bottom:90px!important}

  /* Cross-sells - horizontal scroll */
  body.woocommerce-cart .sl-cart-cross-sells__track{
    display:flex!important;overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    gap:12px!important;padding:8px 0!important;
  }
  body.woocommerce-cart .sl-cart-cross-sells__card{
    min-width:140px!important;max-width:160px!important;
    flex-shrink:0!important;scroll-snap-align:start!important;
  }
  body.woocommerce-cart .sl-cart-cross-sells__add{
    min-height:44px!important;font-size:14px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    -webkit-tap-highlight-color:transparent;
  }

  /* Support section - more compact */
  body.woocommerce-cart .shopline-cart__support{
    padding:14px!important;border-radius:14px!important;
    font-size:14px!important;
  }

  /* Hide footer in cart area */
  body.woocommerce-cart .shopline-cart__summary .footer-wrapper,
  body.woocommerce-cart .shopline-cart .footer-wrapper{display:none!important}

  /* Delivery cards - full width */
  body.woocommerce-cart .sl-cart-delivery__grid{
    display:flex!important;flex-direction:column!important;gap:10px!important;
  }
  body.woocommerce-cart .sl-cart-delivery__card{
    min-height:56px!important;
    padding:14px 16px!important;
    -webkit-tap-highlight-color:transparent;
  }

  /* Update cart button - full width */
  body.woocommerce-cart .shopline-cart__action-buttons .button{
    width:100%!important;min-height:48px!important;
    font-size:15px!important;
  }
}

/* ===== Checkout Mobile Enhancements ===== */
@media(max-width:849px){
  /* Sticky CTA with price */
  .woocommerce-checkout #place_order{
    position:fixed!important;bottom:0!important;left:0!important;right:0!important;
    z-index:9999!important;
    border-radius:0!important;
    padding:16px 24px!important;
    padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))!important;
    font-size:17px!important;
    box-shadow:0 -4px 20px rgba(15,42,86,.15)!important;
  }

  /* Cookie consent - don't overlap CTA */
  body.woocommerce-checkout .cmplz-cookiebanner{
    bottom:70px!important;
  }

  /* Form fields - proper input types will be set via PHP */
  .woocommerce-checkout .form-row input.input-text{
    min-height:48px!important;
    font-size:16px!important; /* Prevents iOS zoom */
  }

  /* Persistent labels above fields */
  .woocommerce-checkout .form-row label{
    display:block!important;
    margin-bottom:6px!important;
    font-size:13px!important;
    font-weight:600!important;
    color:#0f2a56!important;
  }

  /* Hide the off-canvas sidebar/filter on checkout too */
  body.woocommerce-checkout .off-canvas-left,
  body.woocommerce-checkout .off-canvas-right,
  body.woocommerce-checkout .mfp-wrap,
  body.woocommerce-checkout .mfp-bg,
  body.woocommerce-checkout #shop-sidebar,
  body.woocommerce-checkout .shop-sidebar{display:none!important}
}

/* ===== Inline validation visual cues ===== */
.woocommerce-checkout .form-row.woocommerce-validated input.input-text{
  border-color:#22a563!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2322a563' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:left 14px center!important;
  background-size:16px!important;
}
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text{
  border-color:#e53e3e!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e53e3e' stroke-width='2.5'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:left 14px center!important;
  background-size:16px!important;
}

/* ===== Replace emoji icons with SVG-based icons ===== */
.woocommerce-checkout .sl-icon-person .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-phone .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-email .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-city .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' ry='2'/%3E%3Cpath d='M9 22v-4h6v4'/%3E%3Cline x1='8' y1='6' x2='8' y2='6.01'/%3E%3Cline x1='16' y1='6' x2='16' y2='6.01'/%3E%3Cline x1='12' y1='6' x2='12' y2='6.01'/%3E%3Cline x1='8' y1='10' x2='8' y2='10.01'/%3E%3Cline x1='16' y1='10' x2='16' y2='10.01'/%3E%3Cline x1='12' y1='10' x2='12' y2='10.01'/%3E%3Cline x1='8' y1='14' x2='8' y2='14.01'/%3E%3Cline x1='16' y1='14' x2='16' y2='14.01'/%3E%3Cline x1='12' y1='14' x2='12' y2='14.01'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-address .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-door .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
.woocommerce-checkout .sl-icon-postcode .woocommerce-input-wrapper::before{
  content:''!important;
  width:20px;height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7C93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M2 8h20'/%3E%3Cpath d='M6 12h.01'/%3E%3Cpath d='M10 12h.01'/%3E%3C/svg%3E") no-repeat center/contain!important;
  font-size:0!important;display:inline-block;
}
/* Fix: force sticky bar to viewport width */
.sl-cart-mobile-bar{
  width:100vw!important;
  max-width:100%!important;
  left:0!important;
  right:0!important;
  box-sizing:border-box!important;
}
/* CRITICAL: Force sticky bar to correct viewport width */
@media(max-width:1024px){
  .sl-cart-mobile-bar{
    position:fixed!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
    z-index:99999!important;
    display:flex!important;
    background:#fff!important;
    border-top:1px solid #e2e8f0!important;
    box-shadow:0 -4px 20px rgba(15,42,86,.12)!important;
    padding:12px 16px!important;
    padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    inset-inline:unset!important;
  }
}
/* iPad / tablet fix - prevent horizontal overflow on cart */
@media(min-width:768px) and (max-width:1024px){
  body.woocommerce-cart .shopline-cart,
  body.woocommerce-cart .shopline-cart__form,
  body.woocommerce-cart .shopline-cart__panel,
  body.woocommerce-cart .shopline-cart__table{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body.woocommerce-cart table.cart{
    table-layout:fixed!important;
    width:100%!important;
  }
  body.woocommerce-cart .product-name{
    max-width:200px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.woocommerce-cart .sl-cart-progress{
    max-width:100%!important;
    overflow:hidden!important;
  }
}

/* === Keep cart filter sidebar hidden without disabling nav off-canvas === */

body.woocommerce-cart #shop-sidebar,
body.woocommerce-cart .shop-sidebar,
body.woocommerce-cart .sidebar-menu,
body.woocommerce-cart .category-filtering,
body.woocommerce-cart .catalog-sidebar,
body.woocommerce-cart .widget-area,
body.woocommerce-cart .nav-sidebar,
body.woocommerce-cart [data-open="shop-sidebar"],
body.woocommerce-cart .shop-page-title .filter-button,
body.woocommerce-cart .container .shop-sidebar {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* === Hide ShopLine custom filter panel on cart & checkout === */
body.woocommerce-cart #sl-mobile-filters,
body.woocommerce-cart #sl-offcanvas-mask,
body.woocommerce-checkout #sl-mobile-filters,
body.woocommerce-checkout #sl-offcanvas-mask {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* === Coupon section full width (same as other sections) === */
body.woocommerce-cart .shopline-cart__coupon,
body.woocommerce-cart .shopline-cart__actions {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.woocommerce-cart .sl-coupon-toggle {
  width: 100% !important;
  box-sizing: border-box !important;
}
body.woocommerce-cart .sl-coupon-body,
body.woocommerce-cart .shopline-cart__coupon-fields {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* === Fix cross-sells slider scroll === */
body.woocommerce-cart .sl-cart-cross-sells {
  overflow: visible !important;
}
body.woocommerce-cart .sl-cart-cross-sells__track {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x pan-y !important;
  scroll-snap-type: x mandatory !important;
}

/* Delivery section is now above .shopline-cart in the HTML – no order needed */

/* ===== HOTFIX: Cart page mobile layout broken (Feb 19 2026) ===== */
@media(max-width:849px){
  body.woocommerce-cart {
    overflow-x: clip !important;
  }
  body.woocommerce-cart #content,
  body.woocommerce-cart .content-area,
  body.woocommerce-cart .page-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: clip !important;
  }
  body.woocommerce-cart .row.row-main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.woocommerce-cart .row.row-main > .col,
  body.woocommerce-cart .row.row-main > .large-12 {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    padding: 0 12px !important;
  }
  body.woocommerce-cart .col-inner {
    padding: 0 !important;
  }

  body.woocommerce-cart .checkout-sidebar,
  body.woocommerce-cart #shop-sidebar,
  body.woocommerce-cart .shop-sidebar {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    left: -9999px !important;
  }
  body.woocommerce-cart #main,
  body.woocommerce-cart .main-content,
  body.woocommerce-cart #wrapper {
    transform: none !important;
    width: 100% !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    overflow-x: clip !important;
  }
}

/* Fix 1: Sticky CTA bar overlaps footer on Samsung */
@media(max-width:1024px){
  body.woocommerce-cart .footer-wrapper,
  body.woocommerce-cart footer {
    padding-bottom: 90px !important;
  }
}

/* Fix 3: Product name truncation in cart – only on the <a>, not the <td>
   (the <td> needs display:contents for the mobile grid to work) */
body.woocommerce-cart .product-name a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 2.6em;
  line-height: 1.3;
}

/* Fix 5: Empty cart blank space */
body.woocommerce-cart .woocommerce-cart-form:empty,
body.woocommerce-cart .woocommerce-cart-form:has(.cart_item:only-child:empty) {
  display: none !important;
}
/* Collapse empty cart container gap */
body.woocommerce-cart .shopline-cart:has(.cart-empty) .shopline-cart__form,
body.woocommerce-cart .shopline-cart:has(.cart-empty) .sl-cart-mobile-bar {
  display: none !important;
}
/* Delivery & progress bar are now outside .shopline-cart – hide via sibling selector */
body.woocommerce-cart:has(.cart-empty) .sl-cart-delivery,
body.woocommerce-cart:has(.cart-empty) .sl-cart-progress,
body.woocommerce-cart:has(.cart-empty) .sl-cart-timer,
body.woocommerce-cart:has(.cart-empty) .sl-cart-mobile-bar {
  display: none !important;
}
body.woocommerce-cart .shopline-cart:has(.cart-empty) {
  padding-top: 20px !important;
  min-height: auto !important;
}

/* Fix 6: Accessibility widget overlapping phone field in checkout */
body.woocommerce-checkout .uwy.userway_p5,
body.woocommerce-checkout .uwy {
  bottom: 80px !important;
}

/* Fix 7: Duplicate CTA - hide inline button when sticky bar visible on mobile */
@media(max-width:849px) {
  body.woocommerce-cart .shopline-summary__card .checkout-button,
  body.woocommerce-cart .shopline-summary__card .wc-proceed-to-checkout {
    display: none !important;
  }
}

/* Let Flatsome hamburger/off-canvas nav render on cart page when opened. */
@media(max-width:849px) {
  body.woocommerce-cart.off-canvas-active .off-canvas-left,
  body.woocommerce-cart.off-canvas-active .off-canvas-right,
  body.woocommerce-cart.off-canvas-active .off-canvas-container,
  body.woocommerce-cart .mfp-wrap.mfp-ready,
  body.woocommerce-cart .mfp-bg.mfp-ready {
    display: block !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    left: auto !important;
  }
}

/* === Fix: cross-sells horizontal scroll on mobile (Feb 20 2026) === */
@media(max-width:849px){
  /* Use overflow:clip on parents – clips overflow without creating a scroll
     context, so it won't interfere with the nested scroll track. */
  body.woocommerce-cart {
    overflow-x: clip !important;
  }
  body.woocommerce-cart #content,
  body.woocommerce-cart .content-area,
  body.woocommerce-cart .page-wrapper,
  body.woocommerce-cart #main,
  body.woocommerce-cart .main-content,
  body.woocommerce-cart #wrapper {
    overflow-x: clip !important;
  }
  /* The cross-sells parent uses overflow:clip so it doesn't block the track scroll */
  body.woocommerce-cart .sl-cart-cross-sells {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: clip !important;
    position: relative !important;
  }
  /* Only the track itself scrolls */
  body.woocommerce-cart .sl-cart-cross-sells__track {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
    scroll-snap-type: x mandatory !important;
    display: flex !important;
    gap: 12px !important;
  }
  body.woocommerce-cart .sl-cart-cross-sells__card {
    min-width: 140px !important;
    flex-shrink: 0 !important;
    scroll-snap-align: start !important;
  }
}