/* Qureshi Stripe — express checkout + card form (theme: Poppins, ink #0b1729, blue #2563eb) */
/* Stripe's recommended pattern: keep the element in place but invisible until it reports "ready". */
.qs-express{visibility:hidden}
.qs-express.is-ready{visibility:visible}
.qs-express.is-off:not(.is-diag){display:none!important}
.qs-express.is-busy{opacity:.6;pointer-events:none}

/* 1) Top of checkout — a card like: EXPRESS CHECKOUT / [  Pay] / — OR ENTER YOUR DETAILS — */
.qs-express--checkout{box-sizing:border-box;margin:0 0 20px;padding:24px 24px 20px;border:1px solid #e6e9ee;border-radius:24px;background:#fff;box-shadow:0 1px 2px rgba(11,23,41,.04)}
.qs-express-label{margin:0 0 16px!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#64748b;text-align:left}
.qs-express-buttons{min-height:55px}
.qs-express-msg{display:none;margin:12px 0 0;padding:10px 14px;border-radius:12px;background:#fef2f2;color:#b91c1c;font-size:13.5px;line-height:1.45}
.qs-or{display:flex;align-items:center;gap:14px;margin:20px 0 0;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;white-space:nowrap}
.qs-or::before,.qs-or::after{content:"";flex:1;height:1px;background:#e6e9ee}

/* 2) Slide-out cart — "— OR —" then a full-width wallet button under Proceed to checkout */
.qs-express--cart{margin:2px 0 6px}
.qs-express--cart .qs-or{margin:12px 0 12px;letter-spacing:.16em}

/* Admin-only diagnostics */
.qs-express.is-diag{visibility:visible}
.qs-diag{margin:8px 0 0;padding:12px 14px;border-radius:14px;background:#fff7ed;border:1px dashed #fdba74;color:#9a3412;font-size:13px;line-height:1.5;text-align:left}
.qs-diag a{color:#9a3412;font-weight:600}
.qs-express.is-diag .qs-express-buttons{min-height:0}

/* card form */
.qs-card-wrap{margin:4px 0 0}
.qs-card{min-height:52px}
.qs-card-loading{padding:16px;border:1.5px dashed #d4d8df;border-radius:12px;color:#8590a3;font-size:14px;text-align:center}
.qs-card-err:empty{display:none}
.qs-card-err{margin:10px 0 0;color:#dc2626;font-size:13.5px}
.qs-secure{display:flex;align-items:center;gap:8px;margin:12px 0 0!important;color:#8590a3;font-size:12.5px;line-height:1.4}
.qs-secure svg{width:15px;height:15px;flex:none;fill:none;stroke:#16a34a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qs-testnote{margin:0 0 12px!important;padding:10px 14px;border-radius:12px;background:#fff7ed;color:#c2410c;font-size:13px}
.payment_method_qureshi_stripe .payment_box{background:transparent!important;padding:14px 0 4px!important}
.payment_method_qureshi_stripe .payment_box::before{display:none!important}
form.woocommerce-checkout > .qs-express--checkout{grid-column:1 / -1}

/* Apple's native Apple Pay button (drawn instantly by Safari) */
.qs-apay{display:block;width:100%;height:55px;min-height:55px;padding:0;margin:0;border:0;border-radius:999px;cursor:pointer;-webkit-appearance:-apple-pay-button;-apple-pay-button-type:buy;-apple-pay-button-style:black;--apple-pay-button-border-radius:999px}
.qs-express.is-waiting .qs-apay{opacity:.75}

/* 3) Product page — full-width wallet button right under Add to cart */
.qs-express--product{flex:0 0 100%;width:100%;margin:0}
.qs-express--product.is-off{display:none!important}
.qs-express--product .qs-express-buttons{min-height:54px}
.qs-express--product .qs-apay{height:54px;min-height:54px}
.qs-express--product:not(.is-ready){height:0;min-height:0;overflow:hidden}
.qs-express--product:not(.is-ready) .qs-express-buttons{min-height:0}
