/* ===============================
   STRIPE ELEMENTS CLICK FIX
   =============================== */

/* Wrapper to escape theme stacking issues */
/* Kill checkout overlay interference */
#checkout_loader {
    display: none !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Stripe iframe must accept input */
.stripe-field iframe {
    pointer-events: auto !important;
    z-index: 999999 !important;
}

/* Prevent table stacking bugs */
table, tr, td {
    position: static !important;
    overflow: visible !important;
}

.stripe-wrapper {
    position: relative !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
}

/* Stripe mount point */
.stripe-field {
    position: relative !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
    background: #ffffff;
    border: 1px solid #cccccc;
    min-height: 44px;
    padding: 10px;
    box-sizing: border-box;
}

/* Stripe iframe MUST receive clicks */
.stripe-field iframe {
    position: relative !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
    width: 100% !important;
    height: 44px !important;
    border: 0 !important;
}


.stripe-outside-table {
    position: relative !important;
    z-index: 9999999 !important;
    pointer-events: auto !important;
}

.stripe-outside-table * {
    pointer-events: auto !important;
}

.stripe-field {
    background: #fff;
    border: 1px solid #ccc;
    min-height: 44px;
    padding: 10px;
    margin-bottom: 12px;
}

.stripe-field iframe {
    width: 100% !important;
    height: 44px !important;
    pointer-events: auto !important;
}
/* Force Stripe to accept input even if parent blocks events */
#stripe-card-element,
#stripe-expiry-element,
#stripe-cvc-element,
#stripe-card-element *,
#stripe-expiry-element *,
#stripe-cvc-element * {
    pointer-events: auto !important;
}

/* Neutralize osCommerce overlays */
.pt-2,
.contentContainer,
.checkout_confirmation,
.checkout_payment {
    pointer-events: auto !important;
}

/* osCommerce tables sometimes kill clicks */
table,
tr,
td {
    pointer-events: auto !important;
    position: static !important;
}

/* Payment error visibility */
.payment-errors {
    color: #cc0000;
    margin-bottom: 10px;
}
