/*
Theme Name: ALTR CAFE
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* hide all WooCommerce-related images */
.woocommerce img {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}
.widget_shopping_cart img {
  display: none !important;
  visibility: hidden !important;
}
/* 1) Make the slide panel a fixed-height flex column (mobile-safe 100dvh) */
.pa-woo-mc__content-wrapper.pa-woo-mc__slide.right {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;      /* beats inline 100vh on phones */
  max-height: 100vh !important;
  overflow: hidden !important;     /* keep inner area in control */
}

/* 2) Make the items area the ONLY scroller */
.pa-woo-mc__widget-shopping-outer-wrapper {
  flex: 1 1 auto !important;
  min-height: 0 !important;        /* CRITICAL for flex children on iOS */
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* 3) Footer stays in place without sticky (no transform bugs) */
.pa-woo-mc__cart-footer {
  flex: 0 0 auto !important;             /* match your panel background */
  z-index: 10;
  padding-bottom: env(safe-area-inset-bottom);
}

/* 4) Ensure the Checkout button is never hidden by styles/JS */
.pa-woo-mc__mc-btn.pa-woo-mc__checkout {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.pa-woo-mc__cart-footer {margin-bottom: 45%!important;}