/*
 * رسخ × ميسر — واجهة دفع مخصصة.
 * جميع المحددات محصورة داخل aa-moyasar أو وسائل ميسر لتجنب أي أثر جانبي.
 */

.aa-sqc-payment-wrap {
    border-radius:18px;
    overflow:visible;
}

.aa-sqc-payment-wrap .aa-sqc-payment {
    width:100%;
    box-sizing:border-box;
}

.aa-sqc-payment-chevron {
    position:relative;
    width:20px;
    height:20px;
    margin-inline-start:auto;
    flex:0 0 auto;
}

.aa-sqc-payment-chevron::before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:7px;
    height:7px;
    border-right:1.6px solid #98a2b3;
    border-bottom:1.6px solid #98a2b3;
    transform:translate(-50%,-62%) rotate(45deg);
    transition:transform .2s ease,border-color .2s ease;
}

.aa-sqc-payment-wrap.is-open .aa-sqc-payment-chevron::before {
    transform:translate(-50%,-38%) rotate(-135deg);
    border-color:#6857f5;
}

.aa-sqc-payment-panel {
    margin-top:7px;
    padding:14px;
    border-radius:20px;
    background:#f9fafc;
    overflow:hidden;
    transform-origin:top center;
    animation:aaMoyasarPanelIn .24s cubic-bezier(.2,.8,.2,1) both;
}

.aa-sqc-payment-panel[hidden] {
    display:none!important;
}

@keyframes aaMoyasarPanelIn {
    from { opacity:0; transform:translateY(-4px); }
    to { opacity:1; transform:translateY(0); }
}

.aa-sqc-payment-wrap[data-aa-payment-wrap="aa_moyasar_card"] .aa-sqc-payment-img:not(.has-custom-logo),
.aa-sqc-payment-wrap[data-aa-payment-wrap="aa_moyasar_applepay"] .aa-sqc-payment-img:not(.has-custom-logo),
.aa-sqc-payment-wrap[data-aa-payment-wrap="aa_moyasar_samsungpay"] .aa-sqc-payment-img:not(.has-custom-logo) {
    position:relative;
    color:transparent!important;
}

.aa-sqc-payment-wrap[data-aa-payment-wrap="aa_moyasar_card"] .aa-sqc-payment-img:not(.has-custom-logo)::before {
    content:"";
    width:21px;
    height:15px;
    border:1.7px solid #6857f5;
    border-radius:4px;
    box-sizing:border-box;
}

.aa-sqc-payment-wrap[data-aa-payment-wrap="aa_moyasar_card"] .aa-sqc-payment-img:not(.has-custom-logo)::after {
    content:"";
    position:absolute;
    width:18px;
    height:2px;
    top:16px;
    background:#6857f5;
    opacity:.72;
}

.aa-sqc-payment-wrap[data-aa-payment-wrap="aa_moyasar_applepay"] .aa-sqc-payment-img:not(.has-custom-logo)::before {
    content:"Apple";
    color:#1b1e36;
    font:800 10px/1 Arial,sans-serif;
}

.aa-sqc-payment-wrap[data-aa-payment-wrap="aa_moyasar_applepay"] .aa-sqc-payment-img:not(.has-custom-logo)::after {
    content:"Pay";
    position:absolute;
    bottom:7px;
    color:#6857f5;
    font:800 9px/1 Arial,sans-serif;
}

.aa-sqc-payment-wrap[data-aa-payment-wrap="aa_moyasar_samsungpay"] .aa-sqc-payment-img:not(.has-custom-logo)::before {
    content:"SAMSUNG";
    color:#1b1e36;
    font:800 7px/1 Arial,sans-serif;
    letter-spacing:-.25px;
}

.aa-sqc-payment-wrap[data-aa-payment-wrap="aa_moyasar_samsungpay"] .aa-sqc-payment-img:not(.has-custom-logo)::after {
    content:"Pay";
    position:absolute;
    bottom:7px;
    color:#6857f5;
    font:800 9px/1 Arial,sans-serif;
}


.aa-sqc-payment-wrap[data-aa-payment-wrap^="aa_moyasar_"] .aa-sqc-payment-img.has-custom-logo,
.aa-sqc-payment-wrap[data-aa-payment-wrap="aa_tamara"] .aa-sqc-payment-img.has-custom-logo {
    padding:6px;
}

.aa-sqc-payment-wrap[data-aa-payment-wrap^="aa_moyasar_"] .aa-sqc-payment-img.has-custom-logo img,
.aa-sqc-payment-wrap[data-aa-payment-wrap="aa_tamara"] .aa-sqc-payment-img.has-custom-logo img {
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    margin:auto;
    border:0;
    border-radius:8px;
    box-shadow:none;
}

/* حقول البطاقة */
.aa-moyasar-ui,
.aa-moyasar-ui * {
    box-sizing:border-box;
}

.aa-moyasar-ui {
    direction:rtl;
    width:100%;
    font-family:"Tajawal",Arial,Helvetica,sans-serif;
}

.aa-moyasar-field {
    min-width:0;
}

.aa-moyasar-field + .aa-moyasar-field,
.aa-moyasar-fields-row,
.aa-moyasar-save,
.aa-moyasar-number-field {
    margin-top:10px;
}

.aa-moyasar-field label {
    display:block;
    margin:0 0 3px;
    color:var(--aa-auth-title,#1b1e36);
    font-size:13px;
    font-weight:800;
    line-height:1.4;
    transform:translateX(-4px);
}

.aa-moyasar-field small {
    display:block;
    margin:6px 3px 0;
    color:#98a2b3;
    font-size:10px;
    font-weight:500;
    line-height:1.5;
}

.aa-moyasar-field input,
.aa-moyasar-input-wrap input {
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid var(--aa-auth-border,#e4e7ec)!important;
    border-radius:50px!important;
    outline:0!important;
    background:var(--aa-auth-soft,#f5f6fa)!important;
    color:var(--aa-auth-title,#1b1e36)!important;
    font-family:"Tajawal",Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:normal!important;
    letter-spacing:0!important;
    box-shadow:none!important;
    transition:border-color .22s ease,background-color .22s ease!important;
}

.aa-moyasar-field input::placeholder,
.aa-moyasar-input-wrap input::placeholder {
    color:#98a2b3!important;
    font-weight:500!important;
    opacity:1;
}

.aa-moyasar-field input:focus::placeholder,
.aa-moyasar-input-wrap input:focus::placeholder,
.aa-moyasar-field input:not(:placeholder-shown)::placeholder,
.aa-moyasar-input-wrap input:not(:placeholder-shown)::placeholder {
    opacity:0;
    transition:opacity .15s ease;
}

.aa-moyasar-field input:focus,
.aa-moyasar-input-wrap input:focus {
    border-color:var(--aa-auth-primary,#6857f5)!important;
    background:var(--aa-auth-soft,#f5f6fa)!important;
    box-shadow:none!important;
    outline:0!important;
}

.aa-moyasar-field.is-invalid input,
.aa-moyasar-input-wrap.is-invalid input {
    border-color:var(--aa-auth-error,#d92d20)!important;
    background:var(--aa-auth-soft,#f5f6fa)!important;
    box-shadow:none!important;
}

.aa-moyasar-fields-row {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
}

.aa-moyasar-fields-row .aa-moyasar-field {
    margin-top:0;
}

.aa-moyasar-input-wrap,
.aa-moyasar-placeholder-host {
    position:relative;
}

/* بديل بصري للنص النائب على الجوال فقط، ليُزاح دون تحريك النص المدخل. */
.aa-moyasar-placeholder {
    display:none;
    pointer-events:none;
}

.aa-moyasar-input-wrap input {
    padding-right:122px!important;
    padding-left:14px!important;
}

.aa-moyasar-networks {
    position:absolute;
    top:50%;
    right:11px;
    left:auto;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    gap:5px;
    pointer-events:none;
}

.aa-moyasar-networks b {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:19px;
    min-width:28px;
    padding:0 4px;
    border-radius:5px;
    background:#f2f4f7;
    color:#667085;
    font:800 8px/1 Arial,sans-serif;
    opacity:.72;
    transition:opacity .15s ease,transform .15s ease,background .15s ease,color .15s ease;
}

.aa-moyasar-networks b.is-active {
    opacity:1;
    transform:translateY(-1px);
    background:#ece9ff;
    color:#5d4de8;
}

.aa-moyasar-networks .is-mada {
    font-style:italic;
    letter-spacing:-.4px;
}

.aa-moyasar-networks .is-master {
    position:relative;
    min-width:31px;
}

.aa-moyasar-networks .is-master i {
    width:9px;
    height:9px;
    border-radius:50%;
    background:currentColor;
    opacity:.74;
}

.aa-moyasar-networks .is-master i + i {
    margin-inline-start:-3px;
    opacity:.46;
}

.aa-moyasar-save {
    display:flex;
    align-items:center;
    gap:7px;
    color:#667085;
    font-size:11px;
    font-weight:600;
    cursor:pointer;
}

.aa-moyasar-save input {
    width:16px!important;
    height:16px!important;
    min-height:16px!important;
    margin:0!important;
    accent-color:#6857f5;
}

/* البطاقات المحفوظة */
.aa-moyasar-saved-title {
    margin:0 2px 8px;
    color:#344054;
    font-size:12px;
    font-weight:700;
}

.aa-moyasar-saved-list {
    display:flex;
    flex-direction:column;
    gap:7px;
    margin-bottom:10px;
}

.aa-moyasar-saved-card {
    position:relative;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:8px;
    min-height:44px;
    padding:8px 11px;
    border:1px solid transparent;
    border-radius:14px;
    background:#fff;
    cursor:pointer;
    transition:border-color .15s ease,box-shadow .15s ease;
}

.aa-moyasar-saved-card:has(input:checked) {
    border-color:rgba(104,87,245,.62);
    box-shadow:0 0 0 3px rgba(104,87,245,.07);
}

.aa-moyasar-saved-card input {
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.aa-moyasar-saved-card strong {
    color:#1b1e36;
    font-size:12px;
    font-weight:750;
    direction:ltr;
    text-align:right;
}

.aa-moyasar-saved-card small {
    color:#98a2b3;
    font-size:10px;
    direction:ltr;
}

.aa-moyasar-card-brand {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:25px;
    padding:0 7px;
    border-radius:8px;
    background:#f2f4f7;
    color:#6857f5;
    font:800 9px/1 Arial,sans-serif;
}

.aa-moyasar-saved-card.is-new {
    grid-template-columns:auto 1fr;
}

.aa-moyasar-new-plus {
    width:25px;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#f0edff;
    color:#6857f5;
    font:700 18px/1 Arial,sans-serif;
}

.aa-moyasar-new-card[hidden] {
    display:none!important;
}

.aa-moyasar-new-card.is-entering {
    animation:aaMoyasarPanelIn .2s ease both;
}

.aa-moyasar-inline-message {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:10px;
    padding:9px 11px;
    border-radius:30px;
    font-size:11px;
    font-weight:400;
    line-height:1.65;
    text-align:center;
}

.aa-moyasar-inline-message .aa-alert-text {
    width:100%;
    text-align:center;
}

.aa-moyasar-inline-message[hidden] {
    display:none!important;
}

.aa-moyasar-inline-message.is-error {
    background:#fff0f0;
    color:#b42318;
}

.aa-moyasar-inline-message.is-info {
    background:#f0edff;
    color:#5747d6;
}

.aa-moyasar-inline-message.is-success {
    background:#ecfdf3;
    color:#027a48;
}

/* المحافظ */
.aa-moyasar-wallet {
    text-align:center;
    padding:4px 0 1px;
}

.aa-moyasar-wallet-mark {
    width:min(220px,100%);
    height:45px;
    margin:0 auto 9px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#111827;
    color:#fff;
    font:750 17px/1 "Inter Tight",Arial,sans-serif;
}

.aa-moyasar-wallet-mark.is-applepay::first-letter {
    font-weight:900;
}

.aa-moyasar-wallet-mark.is-samsungpay {
    letter-spacing:-.3px;
}

.aa-moyasar-wallet p {
    margin:0;
    color:#667085;
    font-size:11px;
    font-weight:550;
    line-height:1.7;
}

.aa-moyasar-unavailable {
    display:none!important;
}

/* رسالة انتظار 3DS داخل الصفحة */
.aa-moyasar-wait-layer {
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(15,23,42,.32);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}

.aa-moyasar-wait-layer[hidden] {
    display:none!important;
}

.aa-moyasar-wait-card {
    width:min(390px,100%);
    padding:23px 20px;
    border-radius:25px;
    background:#fff;
    text-align:center;
    box-shadow:0 22px 60px rgba(15,23,42,.16);
}

.aa-moyasar-wait-spinner {
    width:34px;
    height:34px;
    margin:0 auto 12px;
    border:3px solid #e9e7ff;
    border-top-color:#6857f5;
    border-radius:50%;
    animation:aaMoyasarSpin .75s linear infinite;
}

@keyframes aaMoyasarSpin { to { transform:rotate(360deg); } }

.aa-moyasar-wait-card strong {
    display:block;
    color:#1b1e36;
    font-size:14px;
    font-weight:400;
}

.aa-moyasar-wait-card p {
    margin:5px 0 0;
    color:#667085;
    font-size:11px;
    font-weight:400;
    line-height:1.7;
}

/* خطوة النجاح في السلة */
.aa-sqc-success-pane {
    text-align:center;
    padding:30px 18px 22px!important;
}

.aa-sqc-success-icon {
    width:64px;
    height:64px;
    margin:0 auto 13px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ecfdf3;
    color:#039855;
    box-shadow:0 0 0 8px rgba(3,152,85,.055);
}

.aa-sqc-success-icon span {
    font:800 31px/1 Arial,sans-serif;
    transform:translateY(-1px);
}

.aa-sqc-success-pane h4 {
    margin:0;
    color:#1b1e36;
    font-size:18px;
    font-weight:850;
}

.aa-sqc-success-pane > p {
    margin:6px 0 15px;
    color:#667085;
    font-size:12px;
    font-weight:550;
    line-height:1.7;
}

.aa-sqc-success-order {
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:46px;
    padding:0 14px;
    border-radius:15px;
    background:#fff;
    color:#667085;
    font-size:12px;
    font-weight:650;
}

.aa-sqc-success-order strong {
    color:#1b1e36;
    font-size:14px;
    direction:ltr;
}

.aa-sqc-success-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:12px;
}

.aa-sqc-success-btn {
    min-height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:30px;
    text-decoration:none!important;
    font-size:12px;
    font-weight:750;
    transition:transform .15s ease,opacity .15s ease;
}

.aa-sqc-success-btn:hover {
    transform:translateY(-1px);
}

.aa-sqc-success-btn.is-contact {
    background:#f0edff;
    color:#5d4de8!important;
}

.aa-sqc-success-btn.is-track {
    background:#6857f5;
    color:#fff!important;
}

/* تحويل شريط الخطوات من 3 إلى 4 نقاط */
.aa-sqc-stepbar.is-data::after {
    width:calc((100% - 44px)/3)!important;
}

.aa-sqc-stepbar.is-payment::after {
    width:calc((100% - 44px)*2/3)!important;
}

.aa-sqc-stepbar.is-success::after {
    width:calc(100% - 44px)!important;
}

/* صفحة order-pay */
body.aa-v14-order-pay li.payment_method_aa_moyasar_card .payment_box,
body.aa-v14-order-pay li.payment_method_aa_moyasar_applepay .payment_box,
body.aa-v14-order-pay li.payment_method_aa_moyasar_samsungpay .payment_box {
    margin:8px 0 0!important;
    padding:14px!important;
    border:0!important;
    border-radius:20px!important;
    background:#f9fafc!important;
    box-shadow:none!important;
}

body.aa-v14-order-pay li.payment_method_aa_moyasar_card .payment_box::before,
body.aa-v14-order-pay li.payment_method_aa_moyasar_applepay .payment_box::before,
body.aa-v14-order-pay li.payment_method_aa_moyasar_samsungpay .payment_box::before {
    display:none!important;
}


body.aa-v14-order-pay li.payment_method_aa_moyasar_card .aa-payment-image,
body.aa-v14-order-pay li.payment_method_aa_moyasar_applepay .aa-payment-image,
body.aa-v14-order-pay li.payment_method_aa_moyasar_samsungpay .aa-payment-image,
body.aa-v14-order-pay li.payment_method_aa_tamara .aa-payment-image {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px!important;
}

body.aa-v14-order-pay li.payment_method_aa_moyasar_card .aa-payment-image img,
body.aa-v14-order-pay li.payment_method_aa_moyasar_applepay .aa-payment-image img,
body.aa-v14-order-pay li.payment_method_aa_moyasar_samsungpay .aa-payment-image img,
body.aa-v14-order-pay li.payment_method_aa_tamara .aa-payment-image img {
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:14px!important;
    box-shadow:none!important;
}

body.aa-v14-order-pay .aa-moyasar-ui {
    max-width:none;
}

.aa-moyasar-order-success {
    position:fixed;
    inset:0;
    z-index:2147483001;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(15,23,42,.34);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.aa-moyasar-order-success > div {
    width:min(390px,100%);
    padding:28px 20px;
    border-radius:26px;
    background:#fff;
    text-align:center;
}

.aa-moyasar-order-success b {
    display:flex;
    width:58px;
    height:58px;
    align-items:center;
    justify-content:center;
    margin:0 auto 12px;
    border-radius:50%;
    background:#ecfdf3;
    color:#039855;
    font:800 28px/1 Arial,sans-serif;
}

.aa-moyasar-order-success strong {
    color:#1b1e36;
    font-size:17px;
}

.aa-moyasar-order-success p {
    margin:6px 0 0;
    color:#667085;
    font-size:12px;
}

@media(max-width:600px) {
    .aa-sqc-payment-panel {
        padding:11px;
        border-radius:17px;
    }
    .aa-moyasar-field input,
    .aa-moyasar-input-wrap input {
        height:48px!important;
        min-height:48px!important;
        line-height:normal!important;
        font-size:14px!important;
    }
    .aa-moyasar-input-wrap input {
        padding-right:110px!important;
        padding-left:14px!important;
    }
    .aa-moyasar-networks {
        gap:3px;
        right:8px;
        left:auto;
    }
    .aa-moyasar-networks b {
        min-width:25px;
        padding:0 3px;
        font-size:7px;
    }
    .aa-sqc-stepdot {
        min-width:43px!important;
        font-size:10px!important;
    }
    .aa-sqc-success-actions {
        grid-template-columns:1fr;
    }
    /* أزرار خطوة الدفع: مساحة أكبر لنص وسيلة الدفع وسطر واحد دائمًا. */
    #aaSqcSheet .aa-sqc-actions {
        gap:7px;
    }
    #aaSqcSheet .aa-sqc-actions #aaSqcBack {
        width:68px!important;
        min-width:68px!important;
        flex:0 0 68px!important;
        padding-inline:8px!important;
    }
    #aaSqcSheet .aa-sqc-actions #aaSqcNext {
        width:auto!important;
        min-width:0!important;
        flex:1 1 auto!important;
        padding-inline:10px!important;
        white-space:nowrap!important;
        font-size:13px!important;
    }

    /* نص نائب مركزي دون أي إزاحة رأسية إضافية. */
    .aa-moyasar-field input::placeholder,
    .aa-moyasar-input-wrap input::placeholder {
        color:transparent!important;
        opacity:0!important;
    }
    .aa-moyasar-placeholder {
        position:absolute;
        top:50%;
        left:14px;
        right:auto;
        z-index:2;
        display:block;
        transform:translateY(calc(-50% + 2px));
        color:#98a2b3;
        font-family:"Tajawal",Arial,Helvetica,sans-serif;
        font-size:14px;
        font-weight:500;
        line-height:1;
        direction:ltr;
        text-align:left;
        white-space:nowrap;
        pointer-events:none;
        transition:opacity .15s ease;
    }
    .aa-moyasar-placeholder-host > input:focus + .aa-moyasar-placeholder,
    .aa-moyasar-placeholder-host > input:not(:placeholder-shown) + .aa-moyasar-placeholder,
    .aa-moyasar-input-wrap > input:focus + .aa-moyasar-placeholder,
    .aa-moyasar-input-wrap > input:not(:placeholder-shown) + .aa-moyasar-placeholder {
        opacity:0;
    }

    /* v1.2.5: النص المدخل في حقول البطاقة، داخل السلة وorder-pay. */
    [data-aa-card-name],
    [data-aa-card-number],
    [data-aa-card-expiry],
    [data-aa-card-cvc] {
        padding-top:2px!important;
        padding-bottom:0!important;
        line-height:44px!important
    }
}

@media(prefers-reduced-motion:reduce) {
    .aa-sqc-payment-panel,
    .aa-moyasar-new-card.is-entering,
    .aa-moyasar-wait-spinner {
        animation:none!important;
    }
}
/* كسر سطر وصف نجاح الطلب على الجوال فقط — دون تغيير التنسيق. */
.aa-sqc-success-mobile-break {
    display:none;
}

@media (max-width:767px) {
    .aa-sqc-success-mobile-break {
        display:block;
        height:0;
    }
}


/* يبقى النص النائب داخل طبقة الحقل ولا يتجاوز القوائم السفلية في order-pay. */
body.aa-v14-order-pay .aa-moyasar-number-field .aa-moyasar-placeholder {
    z-index:0!important;
}