/**
 * Express Buttons Z-Index Fix
 * Verhindert dass Express Payment Buttons das Top Menu überlagern
 */

/* WooCommerce Payments Express Checkout */
.wcpay-payment-request-wrapper,
.wcpay-express-checkout-wrapper,
.wcpay-express-checkout-element,
#wcpay-payment-request-wrapper,
#wcpay-express-checkout-element {
    position: relative !important;
    z-index: 1 !important;
}

/* Stripe Payment Request Button */
.stripe-payment-request-button-wrapper,
#stripe-payment-request-button-wrapper,
#stripe-payment-request-button {
    position: relative !important;
    z-index: 1 !important;
}

/* PayPal Buttons */
#ppcp-messages,
#ppc-button,
.ppcp-button,
.paypal-buttons,
#paypal-button-container {
    position: relative !important;
    z-index: 1 !important;
}

/* PayPal Button Wrapper - niedriger z-index */
.ppc-button-wrapper {
    z-index: -1;
}

/* Google Pay Buttons */
.gpay-button,
.gpay-card-info-container,
.gpay-button-container {
    position: relative !important;
    z-index: 1 !important;
}

/* Apple Pay */
.apple-pay-button,
.apple-pay-button-wrapper {
    position: relative !important;
    z-index: 1 !important;
}

/* Allgemeine Express Checkout Container */
.woocommerce-PaymentMethods,
.payment_method_stripe_express_checkout,
.payment_method_ppcp,
.wc-stripe-express-checkout-element,
.wcc-express-checkout-section,
.wcc-express-checkout-content {
    position: relative !important;
    z-index: 1 !important;
}

/* iFrames in Express Buttons */
.wcpay-express-checkout-element iframe,
.stripe-payment-request-button iframe,
.gpay-button iframe,
.paypal-buttons iframe {
    position: relative !important;
    z-index: 1 !important;
}

/* Spezifisch für unser Custom Checkout */
html body #wcc-checkout-container .wcc-express-checkout-section,
html body #wcc-checkout-container .wcpay-express-checkout-wrapper,
html body #wcc-cart-wrapper .wcc-express-checkout-section,
html body #wcc-cart-wrapper .wcpay-express-checkout-element {
    position: relative !important;
    z-index: 1 !important;
}

/* Sicherstellen dass das Top Menu höher ist */
header,
.site-header,
.main-navigation,
#site-navigation,
.elementor-location-header,
.elementor-sticky,
.elementor-sticky--active {
    z-index: 9999 !important;
}