/* AFDA Daraja checkout layout — v0.2.2 */
.afda-daraja-payment-content {
    display:block!important;
    box-sizing:border-box!important;
    width:calc(100% - 46px)!important;
    max-width:calc(100% - 46px)!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
}
.afda-daraja-payment-content p,
.afda-daraja-payment-content small,
.afda-daraja-payment-content strong,
.afda-daraja-payment-content span,
.afda-daraja-payment-content div {
    box-sizing:border-box!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
}
.afda-daraja-payment-content p { display:block!important; margin:0 0 .72em!important; padding:0!important; line-height:1.45!important; }
.afda-daraja-payment-content p:last-child { margin-bottom:0!important; }

.afda-daraja-rate {
    display:block!important;
    margin:.75em 0!important;
    padding:10px 12px!important;
    border:1px solid rgba(0,98,174,.18)!important;
    border-radius:10px!important;
    background:rgba(0,98,174,.045)!important;
    line-height:1.45!important;
}
.afda-daraja-rate > strong { display:inline-block!important; margin-bottom:2px!important; }
.afda-daraja-rate-error { background:rgba(150,100,0,.05)!important; }

/* Classic/custom WooCommerce checkout */
.payment_method_afda_daraja .payment_box,
.payment_method_afda_daraja .afda-daraja-payment-box,
#payment .payment_methods .payment_method_afda_daraja .payment_box {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding-right:10px!important;
}

/* Checkout Blocks */
.wc-block-components-radio-control-accordion-content:has(.afda-daraja-payment-content),
.wc-block-components-radio-control__option-layout:has(.afda-daraja-payment-content),
.wc-block-components-radio-control__option:has(.afda-daraja-payment-content) .wc-block-components-radio-control-accordion-content {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding-right:10px!important;
}

@media (max-width:520px) {
    .afda-daraja-payment-content {
        width:calc(100% - 30px)!important;
        max-width:calc(100% - 30px)!important;
    }
    .payment_method_afda_daraja .payment_box,
    .payment_method_afda_daraja .afda-daraja-payment-box,
    .wc-block-components-radio-control-accordion-content:has(.afda-daraja-payment-content) {
        padding-right:8px!important;
    }
    .afda-daraja-rate { padding:9px 10px!important; }
}


/* Legacy AFDA helper can be generated by another checkout component via CSS. */
.afda-helper-before-fix::before,
.afda-helper-after-fix::after {
    content:"Pay Via M-Pesa or PayPal/Card."!important;
    white-space:normal!important;
}


/* Dedicated M-Pesa prompt phone field */
.afda-daraja-phone-field {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:.8em 0 0!important;
    padding:10px 12px!important;
    border:1px solid rgba(0,98,174,.16)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.72)!important;
}
.afda-daraja-phone-field > label:first-child {
    display:block!important;
    margin:0 0 6px!important;
}
#afda_mpesa_phone {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 8px!important;
    padding:10px 11px!important;
    border:1px solid rgba(15,58,110,.24)!important;
    border-radius:8px!important;
    background:#fff!important;
    color:inherit!important;
    font:inherit!important;
    line-height:1.25!important;
}
#afda_mpesa_phone[readonly] {
    background:rgba(0,98,174,.035)!important;
}
.afda-daraja-use-billing {
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0 0 6px!important;
    cursor:pointer!important;
}
.afda-daraja-use-billing input {
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
}
.afda-daraja-phone-field > small {
    display:block!important;
    line-height:1.4!important;
}

/* Order-received payment confirmation — v0.2.3 */
.afda-daraja-order-status {
    display:flex;
    align-items:flex-start;
    gap:12px;
    box-sizing:border-box;
    width:100%;
    margin:18px 0 10px;
    padding:14px 16px;
    border:1px solid rgba(0,98,174,.18);
    border-radius:12px;
    background:rgba(0,98,174,.045);
}
.afda-daraja-status-copy { min-width:0; }
.afda-daraja-status-title { display:block; margin:0 0 3px; }
.afda-daraja-status-message { margin:0!important; line-height:1.45; }
.afda-daraja-status-spinner {
    flex:0 0 18px;
    width:18px;
    height:18px;
    margin-top:2px;
    border:2px solid rgba(0,98,174,.20);
    border-top-color:currentColor;
    border-radius:50%;
    animation:afdaDarajaSpin .85s linear infinite;
}
.afda-daraja-order-status.afda-state-paid {
    border-color:rgba(18,135,70,.25);
    background:rgba(18,135,70,.06);
}
.afda-daraja-order-status.afda-state-failed {
    border-color:rgba(180,30,30,.22);
    background:rgba(180,30,30,.055);
}
.afda-daraja-wait-note { margin-top:8px!important; }
.afda-daraja-downloads-button { margin-top:4px!important; }
@keyframes afdaDarajaSpin { to { transform:rotate(360deg); } }


/* v0.2.4: failed STK attempts keep the cart and offer an obvious retry path. */
.afda-daraja-retry-wrap {
    margin: 14px 0 0;
}
.afda-daraja-retry-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    white-space: normal;
    text-align: center;
}