/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* ============================================
   FIX: Cart sidebar z-index overlay issue
   ============================================ */

/* Lower cart sidebar z-index from 1000 to reasonable value */
.blockcart-content {
    z-index: 100 !important;
}

/* Hide cart dropdown on checkout page to prevent overlay */
body#checkout .blockcart-content,
body#checkout .blockcart-modal {
    display: none !important;
}

/* Ensure payment options have proper stacking context */
#checkout-payment-step,
.payment-options,
#payment-confirmation,
.js-payment-option-form {
    position: relative;
    z-index: 10;
}

/* ============================================
   FIX: Payment options display
   ============================================ */

/* Ensure all payment option forms are visible when selected */
.js-payment-option-form .payment-option {
    display: block;
}

/* PayPal button container */
#paypal-button-container,
.paypal-buttons {
    min-height: 45px;
    position: relative;
    z-index: 5;
}