/* Alqalaa payment cards UI: logos stay inside equal boxes */
body.woocommerce-checkout #payment{
  background:#FFFFFF!important;
  border:1px solid #C5CDD8!important;
  border-radius:16px!important;
  box-shadow:0 4px 18px rgba(7,27,63,.06)!important;
  padding:16px!important;
  margin:0!important;
  direction:rtl;
  overflow:hidden;
  font-family:Almarai, Tajawal, sans-serif;
}
body.woocommerce-checkout #payment .aq-pay-head{
  display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 14px;
}
body.woocommerce-checkout #payment .aq-pay-head h3{
  margin:0;font-size:16px;font-weight:800;color:#0B1220;
}
body.woocommerce-checkout #payment .aq-pay-lock{
  width:28px;height:28px;border-radius:999px;background:#1E4FD6;
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
}
body.woocommerce-checkout #payment .aq-pay-lock svg{width:14px;height:14px;display:block}

body.woocommerce-checkout #payment ul.payment_methods{
  list-style:none!important;margin:0!important;padding:0!important;border:0!important;
  background:transparent!important;display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  width:100%;max-width:100%;align-items:stretch;
}
body.woocommerce-checkout #payment ul.payment_methods[data-aq-count="1"]{grid-template-columns:minmax(0,1fr)}
body.woocommerce-checkout #payment ul.payment_methods[data-aq-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
body.woocommerce-checkout #payment ul.payment_methods[data-aq-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
body.woocommerce-checkout #payment ul.payment_methods>li{
  display:block!important;background:transparent!important;border:0!important;
  padding:0!important;margin:0!important;list-style:none!important;
  min-width:0!important;max-width:100%!important;
}
body.woocommerce-checkout #payment .aq-pay-card{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;min-height:118px!important;padding:22px 10px 12px;background:#FFFFFF;
  border:1.5px solid #C5CDD8;border-radius:14px;box-shadow:0 1px 2px rgba(7,27,63,.03);
  cursor:pointer;text-align:center;transition:border-color .15s ease, box-shadow .15s ease;
  overflow:hidden!important;height:100%;width:100%;max-width:100%;box-sizing:border-box;
  min-width:0;
}
body.woocommerce-checkout #payment .aq-pay-card.is-selected{
  border-color:#1E4FD6;box-shadow:0 0 0 1px #1E4FD6 inset;
}
body.woocommerce-checkout #payment .aq-pay-card>input.input-radio{
  position:absolute!important;opacity:0!important;pointer-events:none!important;
  width:1px!important;height:1px!important;
}
body.woocommerce-checkout #payment .aq-pay-card>label{
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;margin:0!important;padding:0!important;width:100%;max-width:100%;min-width:0;
  overflow:hidden;cursor:pointer;
  font-size:13px!important;font-weight:700!important;color:#0B1220!important;line-height:1.35;
}
body.woocommerce-checkout #payment ul.payment_methods img:not(.aq-pay-logo){
  display:none!important;
}
body.woocommerce-checkout #payment .aq-pay-icon{
  width:100%!important;max-width:112px!important;height:40px!important;
  min-width:0!important;margin:0 auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;flex:0 0 40px;
}
body.woocommerce-checkout #payment .aq-pay-icon:not(.aq-pay-icon--logo) svg{
  width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;display:block!important;
}
body.woocommerce-checkout #payment .aq-pay-card > label .aq-pay-icon--logo{
  width:100%!important;height:40px!important;min-width:0!important;max-width:112px!important;
  overflow:hidden!important;
}
body.woocommerce-checkout #payment .aq-pay-card img.aq-pay-logo,
body.woocommerce-checkout #payment .aq-pay-card > label .aq-pay-icon--logo img,
body.woocommerce-checkout #payment .aq-pay-card > label img.aq-pay-logo{
  display:block!important;width:auto!important;height:auto!important;
  max-width:100%!important;max-height:40px!important;
  object-fit:contain!important;object-position:center!important;margin:0 auto!important;
}
body.woocommerce-checkout #payment .aq-pay-radio{
  position:absolute;top:10px;inset-inline-end:10px;width:18px;height:18px;border:2px solid #C5CDD8;
  border-radius:999px;background:#FFFFFF;box-sizing:border-box;z-index:2;
}
body.woocommerce-checkout #payment .aq-pay-card.is-selected .aq-pay-radio{
  border-color:#1E4FD6;background:radial-gradient(circle at center,#1E4FD6 0 45%,#FFFFFF 46% 100%);
}

body.woocommerce-checkout #payment .aq-pay-forms{
  margin-top:12px;width:100%;max-width:100%;box-sizing:border-box;
}
body.woocommerce-checkout #payment .aq-pay-forms > .payment_box{
  display:none;width:100%;max-width:100%;box-sizing:border-box;background:#FFFFFF!important;
  border:1.5px solid #C5CDD8!important;border-radius:14px!important;margin:0!important;
  padding:14px!important;box-shadow:none!important;overflow:hidden;
}
body.woocommerce-checkout #payment .aq-pay-forms > .payment_box.is-open{display:block!important}
body.woocommerce-checkout #payment .payment_box:before{display:none!important}
body.woocommerce-checkout #payment .payment_box p{margin:0 0 10px;color:#5B6B7C;font-size:13px}
body.woocommerce-checkout #payment ul.payment_methods > li > .payment_box{display:none!important}

/* Moyasar CC form */
body.woocommerce-checkout #wc-moyasar-cc-form{border:0!important;margin:0!important;padding:0!important}
body.woocommerce-checkout #wc-moyasar-cc-form .form-row{padding:0!important;margin:0 0 12px!important;width:100%!important;float:none!important}
body.woocommerce-checkout #wc-moyasar-cc-form label{
  display:block!important;margin:0 0 6px!important;font-size:13px!important;font-weight:700!important;color:#0B1220!important;
}
body.woocommerce-checkout #wc-moyasar-cc-form label .required{color:#ef4444!important}
body.woocommerce-checkout #wc-moyasar-cc-form .input-text,
body.woocommerce-checkout #wc-moyasar-cc-form input.input-text{
  width:100%!important;max-width:100%!important;min-height:48px!important;border:1.5px solid #C5CDD8!important;
  border-radius:12px!important;background:#FFFFFF!important;padding:12px 14px!important;box-shadow:none!important;
  font-size:14px!important;box-sizing:border-box!important;color:#0B1220!important;
}
body.woocommerce-checkout #wc-moyasar-cc-form .moyasar-cc-group{position:relative}
body.woocommerce-checkout #wc-moyasar-cc-form .moyasar-cc-logos{left:12px!important;right:auto!important}
body.woocommerce-checkout #wc-moyasar-cc-form .moyasar-cc-expiry-cvc-group{
  display:grid!important;grid-template-columns:1fr 1fr;gap:12px;width:100%;
}
body.woocommerce-checkout #wc-moyasar-cc-form .moyasar-cc-expiry-cvc-group .form-row-first,
body.woocommerce-checkout #wc-moyasar-cc-form .moyasar-cc-expiry-cvc-group .form-row-last{
  width:100%!important;float:none!important;margin:0!important;
}
body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew,
body.woocommerce-checkout #wc-moyasar-cc-form .woocommerce-SavedPaymentMethods-saveNew{
  display:flex!important;align-items:center;gap:8px;margin:4px 0 12px!important;
}
body.woocommerce-checkout #payment .moyasar-payment-footer{margin-top:8px!important;border-top:0!important;padding-top:8px!important}
body.woocommerce-checkout #payment .moyasar-supported-brands{
  display:flex!important;justify-content:center;align-items:center;gap:8px!important;flex-wrap:wrap;
}
body.woocommerce-checkout #payment .moyasar-supported-brands > div{
  width:58px!important;height:38px!important;border-radius:8px!important;border:1px solid #C5CDD8!important;background:#FFFFFF!important;
  overflow:hidden;display:flex;align-items:center;justify-content:center;
}
body.woocommerce-checkout #payment .moyasar-supported-brands img{
  max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;
}
body.woocommerce-checkout #payment .moyasar-payment-footer a{display:none!important}
body.woocommerce-checkout #payment .woocommerce-error{border-color:#ef4444!important}

/* Apple Pay button */
body.woocommerce-checkout #payment .aq-pay-forms .apple-pay-checkout-container,
body.woocommerce-checkout #moyasar-apple-pay-button-container{
  display:block!important;width:100%!important;max-width:100%!important;min-height:48px;margin-top:8px;
}
body.woocommerce-checkout #moyasar-apple-pay-button-container apple-pay-button,
body.woocommerce-checkout apple-pay-button{
  --apple-pay-button-width:100%;--apple-pay-button-height:48px;--apple-pay-button-border-radius:12px;
  width:100%!important;height:48px!important;display:inline-block!important;max-width:100%;
}

body.woocommerce-checkout #payment .aq-pay-forms .payment_method_tamara-gateway,
body.woocommerce-checkout #payment .aq-pay-forms .payment_box[data-aq-method="tamara-gateway"]{
  overflow:hidden;
}

body.woocommerce-checkout #payment .aq-pay-icon--tamara{
  height:40px!important;min-width:0!important;max-width:112px!important;
}
body.woocommerce-checkout #payment .aq-pay-logo--tamara,
body.woocommerce-checkout #payment .aq-pay-card > label img.aq-pay-logo--tamara{
  height:auto!important;max-height:32px!important;width:auto!important;max-width:100%!important;
  object-fit:contain!important;display:block!important;margin:0 auto!important;
}

@media (max-width: 900px){
  body.woocommerce-checkout #payment ul.payment_methods,
  body.woocommerce-checkout #payment ul.payment_methods[data-aq-count]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.woocommerce-checkout #payment .aq-pay-card{min-height:108px!important}
}
@media (max-width: 420px){
  body.woocommerce-checkout #payment{padding:12px!important;border-radius:14px!important}
  body.woocommerce-checkout #payment .aq-pay-card{padding:20px 8px 10px;min-height:100px!important}
  body.woocommerce-checkout #payment .aq-pay-card>label{font-size:12px!important}
  body.woocommerce-checkout #payment .aq-pay-icon,
  body.woocommerce-checkout #payment .aq-pay-card > label .aq-pay-icon--logo{
    height:36px!important;max-width:96px!important;flex-basis:36px;
  }
  body.woocommerce-checkout #payment .aq-pay-card img.aq-pay-logo,
  body.woocommerce-checkout #payment .aq-pay-card > label .aq-pay-icon--logo img{
    max-height:36px!important;
  }
  body.woocommerce-checkout #wc-moyasar-cc-form .moyasar-cc-expiry-cvc-group{grid-template-columns:1fr!important;gap:8px}
}