/* 
 * Critical Fix for Cart Quantity Buttons
 * This file ensures quantity and delete buttons are always clickable
 */

/* Force quantity buttons to be clickable */
.luxury-cart-item .qty-btn {
  position: relative !important;
  z-index: 999 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.luxury-cart-item .qty-btn * {
  pointer-events: none !important;
}

/* Force quantity controls container to be clickable */
.luxury-cart-item .quantity-controls {
  position: relative !important;
  z-index: 998 !important;
  pointer-events: auto !important;
}

/* Force price-quantity-row to be clickable */
.luxury-cart-item .price-quantity-row {
  position: relative !important;
  z-index: 997 !important;
  pointer-events: auto !important;
}

/* Force cart-item-details to allow interactions */
.luxury-cart-item .cart-item-details {
  position: relative !important;
  z-index: 996 !important;
  pointer-events: auto !important;
}

/* Force remove button to be clickable */
.luxury-cart-item .remove-item-btn {
  position: relative !important;
  z-index: 999 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.luxury-cart-item .remove-item-btn * {
  pointer-events: none !important;
}

/* Prevent overlay/before pseudo elements from blocking */
.luxury-cart-item::before,
.luxury-cart-item::after {
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Ensure cart item itself doesn't block */
.luxury-cart-item {
  position: relative !important;
}

/* Prevent any loading overlays from blocking buttons */
.luxury-cart-content.loading::before,
.luxury-cart-content.loading::after {
  pointer-events: none !important;
}

/* Make sure buttons are visible and on top */
.qty-btn,
.remove-item-btn {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
}

/* Debug helper - uncomment to see clickable areas */
/*
.qty-btn {
  outline: 2px solid red !important;
}
.remove-item-btn {
  outline: 2px solid blue !important;
}
*/