.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-3697 .elementor-element.elementor-element-30a3583{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-checkout-etheme_page.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-checkout-etheme_page .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-woocommerce-checkout-etheme_page .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-woocommerce-checkout-etheme_page.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-woocommerce-checkout-etheme_page:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-woocommerce-checkout-etheme_page.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-checkout-etheme_page .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-3697 .elementor-element.elementor-element-e369679{--cols:2;}.elementor-3697 .elementor-element.elementor-element-e369679 .order-review{background-color:#212225;}.elementor-3697 .elementor-element.elementor-element-e369679 .step-title{font-family:"Almarai", Sans-serif;font-size:25px;font-weight:600;}.elementor-3697 .elementor-element.elementor-element-e369679 .woocommerce-billing-fields label, .elementor-3697 .elementor-element.elementor-element-e369679 .woocommerce-shipping-fields label{color:var( --e-global-color-text );font-family:"Almarai", Sans-serif;font-size:17px;font-weight:600;}.elementor-3697 .elementor-element.elementor-element-e369679 .woocommerce-input-wrapper input, .elementor-3697 .elementor-element.elementor-element-e369679 .woocommerce-input-wrapper textarea, .elementor-3697 .elementor-element.elementor-element-e369679 .woocommerce-input-wrapper select, .elementor-3697 .elementor-element.elementor-element-e369679 .woocommerce-input-wrapper .select2.select2-container--default .select2-selection--single{border-radius:14px 14px 14px 14px;}.elementor-3697 .elementor-element.elementor-element-e369679 .woocommerce-checkout-review-order-table{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );margin-bottom:15px;}.elementor-3697 .elementor-element.elementor-element-e369679 .cart-collaterals, .elementor-3697 .elementor-element.elementor-element-e369679 .order-review{border-radius:10px 10px 10px 10px;padding:40px 40px 40px 40px;}.elementor-3697 .elementor-element.elementor-element-e369679 #payment .payment_methods label{color:var( --e-global-color-text );font-family:"Almarai", Sans-serif;font-size:23px;font-weight:600;}.elementor-3697 .elementor-element.elementor-element-e369679 .payment_box{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3697 .elementor-element.elementor-element-e369679 #place_order{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:#FFFFFF;color:#FFFFFF;--loader-side-color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-3697 .elementor-element.elementor-element-e369679 #place_order:hover, .elementor-3697 .elementor-element.elementor-element-e369679 #place_order:focus{color:var( --e-global-color-primary );--loader-side-color:var( --e-global-color-primary );background-color:#FFFFFF;}.elementor-3697 .elementor-element.elementor-element-e369679 #place_order:hover svg, .elementor-3697 .elementor-element.elementor-element-e369679 #place_order:focus svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-3697 .elementor-element.elementor-element-30a3583{--content-width:1660px;}}/* Start custom CSS for woocommerce-checkout-etheme_page, class: .elementor-element-e369679 *//* =========================================================
   ELPROF — ORDER RECEIVED / THANK YOU PAGE
   UNIFIED PREMIUM DESIGN
========================================================= */

body.woocommerce-order-received{

    --ep-bg:#181818;
    --ep-card:#202124;
    --ep-card-2:#18191c;

    --ep-border:#303136;
    --ep-border-soft:#28292d;

    --ep-primary:#e10600;
    --ep-primary-soft:rgba(225,6,0,.10);

    --ep-text:#ffffff;
    --ep-text-soft:#b7b8bd;
    --ep-muted:#7f8188;

    --ep-radius:16px;

}


/* =========================================================
   MAIN PAGE
========================================================= */

body.woocommerce-order-received .site-content,
body.woocommerce-order-received .content-page,
body.woocommerce-order-received .woocommerce{
    color:var(--ep-text);
}

body.woocommerce-order-received .woocommerce{
    width:100%;
    max-width:1180px;
    margin:0 auto;
}


/* =========================================================
   SUCCESS MESSAGE
========================================================= */

body.woocommerce-order-received
.woocommerce-thankyou-order-received{
    max-width:850px;
    margin:25px auto 10px;
    text-align:center;
    color:var(--ep-text);
    font-size:24px;
    line-height:1.5;
    font-weight:800;
}

body.woocommerce-order-received
.woocommerce-thankyou-order-received::before{
    content:"✓";
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:34px;
    height:34px;

    margin-left:9px;

    border-radius:50%;
    background:rgba(46,204,113,.12);
    border:1px solid rgba(46,204,113,.32);

    font-size:18px;
    color:#2ecc71;
}


/* =========================================================
   ORDER OVERVIEW
========================================================= */

body.woocommerce-order-received
ul.woocommerce-order-overview{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr));

    max-width:1050px;
    margin:28px auto 40px !important;

    padding:0 !important;

    background:var(--ep-card);
    border:1px solid var(--ep-border);

    border-radius:var(--ep-radius);
    overflow:hidden;

    box-shadow:0 14px 40px rgba(0,0,0,.18);
}


body.woocommerce-order-received
ul.woocommerce-order-overview li{
    width:auto !important;
    float:none !important;

    margin:0 !important;
    padding:18px 14px !important;

    border:0 !important;
    border-left:1px solid var(--ep-border-soft) !important;

    text-align:center;
    color:var(--ep-muted);

    font-size:11px;
    line-height:1.5;
}


body.woocommerce-order-received
ul.woocommerce-order-overview li:last-child{
    border-left:0 !important;
}


body.woocommerce-order-received
ul.woocommerce-order-overview li strong{
    display:block;

    margin-top:5px;

    color:var(--ep-text);
    font-size:13px;
    line-height:1.5;
    font-weight:700;
}


/* =========================================================
   ALL SECTION TITLES
========================================================= */

body.woocommerce-order-received
.woocommerce-order-details > h2,

body.woocommerce-order-received
.woocommerce-customer-details > h2,

body.woocommerce-order-received
.ep-order-payment-heading h2{
    position:relative;

    margin:0 0 20px !important;

    color:var(--ep-text);

    font-size:24px !important;
    line-height:1.4;

    font-weight:800;

    text-align:center;
}


body.woocommerce-order-received
.woocommerce-order-details > h2::after,

body.woocommerce-order-received
.woocommerce-customer-details > h2::after{

    content:"";

    display:block;

    width:38px;
    height:3px;

    margin:10px auto 0;

    background:var(--ep-primary);

    border-radius:10px;
}


/* =========================================================
   PAYMENT SECTION
========================================================= */

body.woocommerce-order-received
.ep-order-payment-info{

    width:100%;
    max-width:850px;

    margin:35px auto 45px;

    padding:0;

    direction:rtl;
}


body.woocommerce-order-received
.ep-order-payment-heading{
    margin-bottom:18px;
    text-align:center;
}


body.woocommerce-order-received
.ep-order-payment-heading h2{
    margin-bottom:5px !important;
}


body.woocommerce-order-received
.ep-order-payment-heading p{
    margin:0;

    color:var(--ep-muted);
    font-size:13px;
}


/* =========================================================
   PAYMENT CARD
========================================================= */

body.woocommerce-order-received
.ep-payment-description{

    width:100%;

    padding:25px;

    background:var(--ep-card);

    border:1px solid var(--ep-border);

    border-radius:18px;

    box-shadow:0 14px 38px rgba(0,0,0,.22);

    overflow:hidden;
}


/* HEADER */

body.woocommerce-order-received
.ep-payment-header{
    margin-bottom:20px;
}


body.woocommerce-order-received
.ep-payment-badge{

    display:inline-flex;

    padding:5px 11px;

    color:#ff4d48;

    background:var(--ep-primary-soft);

    border:1px solid rgba(225,6,0,.28);

    border-radius:50px;

    font-size:11px;
    font-weight:700;
}


body.woocommerce-order-received
.ep-payment-title{

    margin:10px 0 6px !important;

    color:var(--ep-text);

    font-size:21px !important;
    font-weight:800;
}


body.woocommerce-order-received
.ep-payment-intro{

    margin:0;

    color:var(--ep-text-soft);

    font-size:13px;
    line-height:1.8;
}


/* =========================================================
   PAYMENT DETAILS
========================================================= */

body.woocommerce-order-received
.ep-payment-details{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:12px;

    margin:20px 0;
}


body.woocommerce-order-received
.ep-payment-detail{

    display:flex;
    flex-direction:column;

    gap:6px;

    padding:15px;

    background:var(--ep-card-2);

    border:1px solid var(--ep-border);

    border-radius:12px;
}


body.woocommerce-order-received
.ep-payment-detail-label{

    color:var(--ep-muted);

    font-size:11px;
}


body.woocommerce-order-received
.ep-payment-detail-value{

    color:var(--ep-text);

    font-size:16px;

    font-weight:800;
}


body.woocommerce-order-received
.ep-payment-phone{

    direction:ltr;

    font-size:19px;

    letter-spacing:.7px;
}


body.woocommerce-order-received
.ep-payment-name-en{

    color:var(--ep-muted);

    font-size:10px;
}


/* =========================================================
   PAYMENT ALERT
========================================================= */

body.woocommerce-order-received
.ep-payment-alert{

    margin:18px 0;

    padding:13px 15px;

    background:rgba(225,6,0,.07);

    border:1px solid rgba(225,6,0,.25);

    border-radius:11px;
}


body.woocommerce-order-received
.ep-payment-alert strong{

    display:block;

    margin-bottom:5px;

    color:#ff4b45;

    font-size:13px;
}


body.woocommerce-order-received
.ep-payment-alert p{

    margin:0;

    color:#ddd;

    font-size:12px;

    line-height:1.8;
}


/* =========================================================
   PAYMENT VIDEO
========================================================= */

body.woocommerce-order-received
.ep-payment-video{

    margin:23px 0;

    text-align:center;
}


body.woocommerce-order-received
.ep-payment-video-header{

    margin-bottom:12px;
}


body.woocommerce-order-received
.ep-payment-video-header strong{

    display:block;

    color:var(--ep-text);

    font-size:15px;

    font-weight:800;
}


body.woocommerce-order-received
.ep-payment-video-header span{

    display:block;

    margin-top:4px;

    color:var(--ep-muted);

    font-size:11px;
}


body.woocommerce-order-received
.ep-payment-video-frame{

    width:100%;

    max-width:600px;

    margin:0 auto;

    overflow:hidden;

    background:#000;

    border:1px solid var(--ep-border);

    border-radius:14px;

    box-shadow:0 8px 25px rgba(0,0,0,.25);
}


body.woocommerce-order-received
.ep-payment-video-frame video{

    display:block;

    width:100%;
    height:auto;

    margin:0;

    background:#000;

    object-fit:contain;
}


/* Horizontal Videos */

body.woocommerce-order-received
.ep-payment-mobily .ep-payment-video-frame video,

body.woocommerce-order-received
.ep-payment-taptap .ep-payment-video-frame video{

    aspect-ratio:16 / 9;
}


/* BARQ Shorts */

body.woocommerce-order-received
.ep-payment-barq .ep-payment-video-frame{

    max-width:300px;
}


body.woocommerce-order-received
.ep-payment-barq .ep-payment-video-frame video{

    aspect-ratio:9 / 16;

    max-height:540px;
}


/* =========================================================
   PAYMENT STEPS
========================================================= */

body.woocommerce-order-received
.ep-payment-steps{

    margin-top:20px;

    padding:17px;

    background:var(--ep-card-2);

    border:1px solid var(--ep-border-soft);

    border-radius:12px;
}


body.woocommerce-order-received
.ep-payment-steps h4{

    margin:0 0 10px !important;

    color:var(--ep-text);

    font-size:15px !important;

    font-weight:800;
}


body.woocommerce-order-received
.ep-payment-steps ol{

    margin:0;

    padding-right:22px;
}


body.woocommerce-order-received
.ep-payment-steps li{

    margin-bottom:3px;

    color:var(--ep-text-soft);

    font-size:12px;

    line-height:1.9;
}


/* FOOTER */

body.woocommerce-order-received
.ep-payment-footer{

    margin-top:14px;

    padding:12px 15px;

    background:#151619;

    border:1px solid #242529;

    border-radius:10px;

    color:#96989e;

    text-align:center;

    font-size:11px;
}


/* =========================================================
   ORDER DETAILS
========================================================= */

body.woocommerce-order-received
.woocommerce-order-details{

    width:100%;
    max-width:950px;

    margin:45px auto 35px !important;
}


body.woocommerce-order-received
.woocommerce-table--order-details{

    overflow:hidden;

    margin:0 !important;

    background:var(--ep-card);

    border:1px solid var(--ep-border) !important;

    border-radius:var(--ep-radius);

    border-collapse:separate !important;
    border-spacing:0;

    box-shadow:0 12px 35px rgba(0,0,0,.13);
}


body.woocommerce-order-received
.woocommerce-table--order-details th{

    padding:14px 15px !important;

    background:#1b1c1f;

    border-color:var(--ep-border) !important;

    color:var(--ep-text);

    font-size:12px;

    font-weight:700;
}


body.woocommerce-order-received
.woocommerce-table--order-details td{

    padding:14px 15px !important;

    border-color:var(--ep-border) !important;

    color:var(--ep-text-soft);

    font-size:12px;

    vertical-align:middle;
}


body.woocommerce-order-received
.woocommerce-table--order-details tbody tr:hover td{

    background:#212226;
}


body.woocommerce-order-received
.woocommerce-table--order-details tfoot th,

body.woocommerce-order-received
.woocommerce-table--order-details tfoot td{

    background:#1a1b1e;

    font-weight:700;
}


body.woocommerce-order-received
.woocommerce-table--order-details
.product-name a{

    color:var(--ep-text);

    font-weight:700;
}


body.woocommerce-order-received
.woocommerce-table--order-details
.product-name a:hover{

    color:#ff3933;
}


/* PRODUCT THUMBNAILS */

body.woocommerce-order-received
.woocommerce-table--order-details img{

    border-radius:8px;

    border:1px solid var(--ep-border);
}


/* =========================================================
   CUSTOMER / BILLING DETAILS
========================================================= */

body.woocommerce-order-received
.woocommerce-customer-details{

    width:100%;
    max-width:950px;

    margin:35px auto 50px !important;
}


body.woocommerce-order-received
.woocommerce-customer-details address{

    margin:0 !important;

    padding:20px !important;

    background:var(--ep-card);

    border:1px solid var(--ep-border) !important;

    border-radius:var(--ep-radius) !important;

    color:var(--ep-text-soft);

    font-size:13px;

    line-height:1.9;

    box-shadow:0 12px 35px rgba(0,0,0,.12);
}


body.woocommerce-order-received
.woocommerce-customer-details address p{

    margin:5px 0;

    color:var(--ep-text-soft);
}


/* =========================================================
   LINKS
========================================================= */

body.woocommerce-order-received
.woocommerce a{

    transition:.25s ease;
}


/* =========================================================
   SPACING
========================================================= */

body.woocommerce-order-received
.woocommerce-order{

    padding-bottom:30px;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    body.woocommerce-order-received
    .woocommerce{
        padding:0 12px;
    }


    body.woocommerce-order-received
    .woocommerce-thankyou-order-received{

        font-size:20px;

        margin-top:18px;
    }


    body.woocommerce-order-received
    ul.woocommerce-order-overview{

        grid-template-columns:1fr 1fr;

        border-radius:13px;
    }


    body.woocommerce-order-received
    ul.woocommerce-order-overview li{

        border-bottom:1px solid var(--ep-border-soft) !important;

        padding:14px 10px !important;
    }


    body.woocommerce-order-received
    .ep-order-payment-info{

        margin:25px auto 35px;
    }


    body.woocommerce-order-received
    .ep-payment-description{

        padding:16px;

        border-radius:14px;
    }


    body.woocommerce-order-received
    .ep-payment-details{

        grid-template-columns:1fr;
    }


    body.woocommerce-order-received
    .ep-payment-title{

        font-size:18px !important;
    }


    body.woocommerce-order-received
    .ep-payment-video-frame{

        max-width:100%;
    }


    body.woocommerce-order-received
    .ep-payment-barq .ep-payment-video-frame{

        max-width:260px;
    }


    body.woocommerce-order-received
    .woocommerce-order-details,

    body.woocommerce-order-received
    .woocommerce-customer-details{

        margin-top:30px !important;
    }


    body.woocommerce-order-received
    .woocommerce-table--order-details th,

    body.woocommerce-order-received
    .woocommerce-table--order-details td{

        padding:11px 9px !important;

        font-size:11px;
    }

}

/* =========================================================
   ELPROF — TYPOGRAPHY SCALE FIX
========================================================= */

/* العنوان الرئيسي */
body.woocommerce-order-received
.woocommerce-thankyou-order-received{
    font-size:30px !important;
    line-height:1.5 !important;
}


/* بيانات الطلب العلوية */
body.woocommerce-order-received
ul.woocommerce-order-overview li{
    font-size:13px !important;
}

body.woocommerce-order-received
ul.woocommerce-order-overview li strong{
    font-size:15px !important;
}


/* عناوين الأقسام */
body.woocommerce-order-received
.woocommerce-order-details > h2,

body.woocommerce-order-received
.woocommerce-customer-details > h2,

body.woocommerce-order-received
.ep-order-payment-heading h2{
    font-size:28px !important;
}


/* الوصف تحت بيانات إتمام التحويل */
body.woocommerce-order-received
.ep-order-payment-heading p{
    font-size:15px !important;
}


/* عنوان طريقة الدفع */
body.woocommerce-order-received
.ep-payment-title{
    font-size:24px !important;
}


/* وصف وسيلة الدفع */
body.woocommerce-order-received
.ep-payment-intro{
    font-size:15px !important;
}


/* البادج */
body.woocommerce-order-received
.ep-payment-badge{
    font-size:13px !important;
}


/* عنوان بيانات التحويل */
body.woocommerce-order-received
.ep-payment-detail-label{
    font-size:13px !important;
}


/* قيمة رقم التحويل والاسم */
body.woocommerce-order-received
.ep-payment-detail-value{
    font-size:18px !important;
}

body.woocommerce-order-received
.ep-payment-phone{
    font-size:22px !important;
}


/* الاسم الإنجليزي */
body.woocommerce-order-received
.ep-payment-name-en{
    font-size:12px !important;
}


/* التنبيه */
body.woocommerce-order-received
.ep-payment-alert strong{
    font-size:15px !important;
}

body.woocommerce-order-received
.ep-payment-alert p{
    font-size:14px !important;
}


/* عنوان الفيديو */
body.woocommerce-order-received
.ep-payment-video-header strong{
    font-size:17px !important;
}

body.woocommerce-order-received
.ep-payment-video-header span{
    font-size:13px !important;
}


/* خطوات التحويل */
body.woocommerce-order-received
.ep-payment-steps h4{
    font-size:17px !important;
}

body.woocommerce-order-received
.ep-payment-steps li{
    font-size:14px !important;
    line-height:2 !important;
}


/* النص السفلي */
body.woocommerce-order-received
.ep-payment-footer{
    font-size:13px !important;
}


/* جدول الطلب */
body.woocommerce-order-received
.woocommerce-table--order-details th{
    font-size:14px !important;
}

body.woocommerce-order-received
.woocommerce-table--order-details td{
    font-size:14px !important;
}


/* عنوان وبيانات الفاتورة */
body.woocommerce-order-received
.woocommerce-customer-details address{
    font-size:14px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    body.woocommerce-order-received
    .woocommerce-thankyou-order-received{
        font-size:24px !important;
    }

    body.woocommerce-order-received
    .woocommerce-order-details > h2,

    body.woocommerce-order-received
    .woocommerce-customer-details > h2,

    body.woocommerce-order-received
    .ep-order-payment-heading h2{
        font-size:22px !important;
    }

    body.woocommerce-order-received
    .ep-payment-title{
        font-size:20px !important;
    }

    body.woocommerce-order-received
    .ep-payment-intro{
        font-size:14px !important;
    }

    body.woocommerce-order-received
    .ep-payment-detail-value{
        font-size:16px !important;
    }

    body.woocommerce-order-received
    .ep-payment-phone{
        font-size:19px !important;
    }

    body.woocommerce-order-received
    .ep-payment-steps li{
        font-size:13px !important;
    }

}

/* =========================================================
   ELPROF CHECKOUT PAYMENT METHODS
   PREMIUM PAYMENT CARDS
========================================================= */

#payment.woocommerce-checkout-payment{

    --ep-pay-bg:#18191c;
    --ep-pay-card:#202124;
    --ep-pay-card-hover:#242529;

    --ep-pay-border:#303136;
    --ep-pay-border-active:#e10600;

    --ep-pay-primary:#e10600;
    --ep-pay-primary-soft:rgba(225,6,0,.10);

    --ep-pay-text:#fff;
    --ep-pay-soft:#b5b7bc;
    --ep-pay-muted:#777a82;

    background:transparent !important;
}


/* =========================================================
   PAYMENT LIST
========================================================= */

#payment .wc_payment_methods{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}


/* كل وسيلة */

#payment .wc_payment_method{

    position:relative;

    margin:0 0 10px !important;
    padding:0 !important;

    list-style:none !important;

    background:transparent !important;

    border:0 !important;
}


/* =========================================================
   GROUP TITLES
========================================================= */


/* الدفع الإلكتروني */

#payment
.payment_method_ppcp-card-button-gateway::before{

    content:"الدفع الإلكتروني";

    display:block;

    margin:5px 0 12px;

    color:#fff;

    font-size:18px;
    font-weight:800;

    text-align:right;
}


/* وسائل عالمية */

#payment
.payment_method_custom_payment::before{

    content:"وسائل تحويل عالمية";

    display:block;

    margin:24px 0 12px;

    padding-top:4px;

    color:#fff;

    font-size:18px;
    font-weight:800;

    text-align:right;
}


/* سطر توضيحي للعالمي */

#payment
.payment_method_custom_payment::after{

    content:"متاحة للتحويل إلى محفظة Vodafone Cash من خارج مصر";

    display:block;

    position:absolute;

    top:30px;
    right:0;

    color:var(--ep-pay-muted);

    font-size:11px;

    pointer-events:none;
}


/* محلي */

#payment
.payment_method_custom_d0266d114ec89d4::before{

    content:"وسائل تحويل محلية";

    display:block;

    margin:30px 0 12px;

    color:#fff;

    font-size:18px;
    font-weight:800;

    text-align:right;
}


/* مصر فقط */

#payment
.payment_method_custom_d0266d114ec89d4::after{

    content:"مصر فقط";

    position:absolute;

    top:28px;
    left:0;

    display:inline-flex;

    padding:4px 9px;

    background:var(--ep-pay-primary-soft);

    border:1px solid rgba(225,6,0,.30);

    border-radius:50px;

    color:#ff4b45;

    font-size:10px;
    font-weight:700;
}


/* التحويل البنكي */

#payment
.payment_method_bacs::before{

    content:"التحويل البنكي";

    display:block;

    margin:30px 0 12px;

    color:#fff;

    font-size:18px;
    font-weight:800;

    text-align:right;
}


/* =========================================================
   HIDE DEFAULT RADIO
========================================================= */

#payment
.wc_payment_method > input.input-radio{

    position:absolute !important;

    opacity:0 !important;

    pointer-events:none;

}


/* =========================================================
   PAYMENT CARD / LABEL
========================================================= */

#payment
.wc_payment_method > label{

    position:relative;

    display:flex !important;

    align-items:center;
    justify-content:flex-start;

    gap:13px;

    width:100%;

    min-height:64px;

    margin:0 !important;
    padding:13px 16px !important;

    background:var(--ep-pay-card);

    border:1px solid var(--ep-pay-border);

    border-radius:13px;

    color:var(--ep-pay-text) !important;

    font-size:15px !important;
    font-weight:700 !important;

    cursor:pointer;

    transition:
        border-color .22s ease,
        background .22s ease,
        transform .22s ease,
        box-shadow .22s ease;
}


#payment
.wc_payment_method > label:hover{

    background:var(--ep-pay-card-hover);

    border-color:#44464d;

    transform:translateY(-1px);

}


/* =========================================================
   CUSTOM RADIO INDICATOR
========================================================= */

#payment
.wc_payment_method > label::after{

    content:"";

    width:17px;
    height:17px;

    margin-right:auto;

    flex:0 0 17px;

    border:2px solid #666a72;

    border-radius:50%;

    background:transparent;

    box-shadow:inset 0 0 0 4px var(--ep-pay-card);

    transition:.2s ease;
}


/* ACTIVE CARD */

#payment
.wc_payment_method > input.input-radio:checked + label{

    background:
        linear-gradient(
            135deg,
            rgba(225,6,0,.08),
            rgba(32,33,36,1) 45%
        );

    border-color:var(--ep-pay-border-active);

    box-shadow:
        0 0 0 1px rgba(225,6,0,.12),
        0 8px 22px rgba(0,0,0,.18);
}


#payment
.wc_payment_method > input.input-radio:checked + label::after{

    border-color:var(--ep-pay-primary);

    background:var(--ep-pay-primary);

    box-shadow:
        inset 0 0 0 4px var(--ep-pay-card),
        0 0 0 3px rgba(225,6,0,.10);
}


/* =========================================================
   PAYMENT ICONS
========================================================= */

#payment
.customized_payment_icon{

    order:-1;

    width:auto !important;
    max-width:72px !important;

    height:30px !important;

    margin:0 !important;

    padding:0 !important;

    object-fit:contain;

    border:0 !important;

    box-shadow:none !important;
}


/* Mobily */

#payment
.payment_method_custom_payment
.customized_payment_icon{
    max-width:76px !important;
}


/* BARQ */

#payment
.payment_method_custom_4dd3c9c62bccb25
.customized_payment_icon{
    max-width:62px !important;
}


/* TapTap */

#payment
.payment_method_custom_f753311eeb43838
.customized_payment_icon{
    max-width:70px !important;
}


/* Vodafone */

#payment
.payment_method_custom_d0266d114ec89d4
.customized_payment_icon{
    max-width:55px !important;
}


/* InstaPay */

#payment
.payment_method_custom_821a2604500d9a6
.customized_payment_icon{
    max-width:58px !important;
}


/* =========================================================
   PAYMENT DESCRIPTION BOX
========================================================= */

#payment
.payment_box{

    margin:8px 0 14px !important;

    padding:0 !important;

    background:transparent !important;

    border:0 !important;

    color:inherit !important;
}


#payment
.payment_box::before{
    display:none !important;
}


/* إزالة fieldset الافتراضي */

#payment
.payment_box fieldset{

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
}


/* =========================================================
   DESCRIPTION DESIGN INSIDE CHECKOUT
========================================================= */

#payment
.ep-payment-description{

    margin-top:8px;

    padding:17px;

    background:#17181b;

    border:1px solid #2e3035;

    border-radius:12px;

    box-shadow:none;
}


/* إخفاء العنوان المكرر داخل الوصف في checkout */

#payment
.ep-payment-header .ep-payment-title{

    font-size:18px !important;

    margin-top:7px !important;
}


/* بيانات التحويل */

#payment
.ep-payment-details{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:9px;

    margin:15px 0;
}


#payment
.ep-payment-detail{

    padding:12px;

    background:#121316;

    border:1px solid #2b2c31;

    border-radius:10px;
}


/* =========================================================
   VIDEO INSIDE CHECKOUT
========================================================= */

#payment
.ep-payment-video-frame{

    max-width:460px;

    margin:0 auto;
}


#payment
.ep-payment-video-frame video{

    display:block;

    width:100%;
    height:auto;

    border-radius:11px;
}


/* برق عمودي */

#payment
.ep-payment-barq
.ep-payment-video-frame{

    max-width:260px;
}


/* =========================================================
   PAYPAL / CARD TEXT ALIGNMENT
========================================================= */

#payment
.payment_method_ppcp-card-button-gateway > label,

#payment
.payment_method_ppcp-gateway > label,

#payment
.payment_method_bacs > label{

    min-height:60px;
}


/* =========================================================
   SPACE BEFORE PLACE ORDER
========================================================= */

#payment
.form-row.place-order{

    margin-top:22px !important;

    padding-top:20px !important;

    border-top:1px solid #2b2c30;
}


/* =========================================================
   PLACE ORDER BUTTON
========================================================= */

#payment
#place_order{

    width:100%;

    min-height:52px;

    border:0;

    border-radius:11px;

    background:#e10600 !important;

    color:#fff !important;

    font-size:16px !important;

    font-weight:800 !important;

    transition:.2s ease;
}


#payment
#place_order:hover{

    transform:translateY(-1px);

    background:#ff2018 !important;

    box-shadow:0 9px 25px rgba(225,6,0,.22);
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    #payment
    .payment_method_ppcp-card-button-gateway::before,

    #payment
    .payment_method_custom_payment::before,

    #payment
    .payment_method_custom_d0266d114ec89d4::before,

    #payment
    .payment_method_bacs::before{

        font-size:16px;
    }


    #payment
    .wc_payment_method > label{

        min-height:58px;

        padding:11px 12px !important;

        font-size:14px !important;

        border-radius:11px;
    }


    #payment
    .customized_payment_icon{

        max-width:58px !important;

        height:26px !important;
    }


    #payment
    .ep-payment-details{

        grid-template-columns:1fr;
    }


    #payment
    .ep-payment-description{

        padding:13px;
    }


    #payment
    .payment_method_custom_payment::after{

        position:static;

        margin:-8px 0 10px;

        font-size:10px;
    }


    #payment
    .payment_method_custom_d0266d114ec89d4::after{

        top:27px;
    }

}

/* =========================================================
   DEFAULT GATEWAYS ICONS
   Card / PayPal / Bank Transfer
========================================================= */

/* لوجو إضافي للوسائل اللي معندهاش صورة من الإضافة */
#payment .payment_method_ppcp-card-button-gateway > label::before,
#payment .payment_method_ppcp-gateway > label::before,
#payment .payment_method_bacs > label::before{
    content:"";
    display:inline-block;
    width:42px;
    height:26px;
    flex:0 0 42px;
    order:-1;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    border:0;
    box-shadow:none;
}


/* بطاقات الدفع */
#payment .payment_method_ppcp-card-button-gateway > label::before{
    background-image:url("https://elprof10.com/wp-content/uploads/2026/08/pngegg.png");
    width:46px;
    height:26px;
    flex-basis:46px;
}


/* PayPal */
#payment .payment_method_ppcp-gateway > label::before{
    background-image:url("https://elprof10.com/wp-content/uploads/2026/08/%E2%80%94Pngtree%E2%80%94paypal-logo-icon_3593258.png");
    width:54px;
    height:26px;
    flex-basis:54px;
}


/* التحويل البنكي */
#payment .payment_method_bacs > label::before{
    background-image:url("https://elprof10.com/wp-content/uploads/2026/08/bank-transfer-icon-1.png");
    width:34px;
    height:26px;
    flex-basis:34px;
}


/* توحيد مظهر كل اللوجوهات */
#payment .customized_payment_icon,
#payment .payment_method_ppcp-card-button-gateway > label::before,
#payment .payment_method_ppcp-gateway > label::before,
#payment .payment_method_bacs > label::before{
    opacity:1;
    filter:none;
}


/* موبايل */
@media(max-width:767px){

    #payment .payment_method_ppcp-card-button-gateway > label::before,
    #payment .payment_method_ppcp-gateway > label::before,
    #payment .payment_method_bacs > label::before{
        height:22px;
    }

    #payment .payment_method_ppcp-card-button-gateway > label::before{
        width:40px;
        flex-basis:40px;
    }

    #payment .payment_method_ppcp-gateway > label::before{
        width:46px;
        flex-basis:46px;
    }

    #payment .payment_method_bacs > label::before{
        width:30px;
        flex-basis:30px;
    }

}

/* =========================================================
   ELPROF — PAYMENT STEP 3 QUICK SUPPORT
   Final Version
========================================================= */


/* =========================================================
   SUPPORT STEP CARD
========================================================= */

.ep-payment-steps ol li.ep-step-support{

    position:relative;

    margin-top:18px !important;
    margin-bottom:18px !important;

    padding:20px 20px 20px 20px !important;

    background:
        linear-gradient(
            135deg,
            rgba(225,6,0,.11) 0%,
            rgba(225,6,0,.045) 50%,
            rgba(255,255,255,.015) 100%
        ) !important;

    border:
        1px solid
        rgba(225,6,0,.30) !important;

    border-radius:16px !important;

    color:#fff !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 10px 30px rgba(0,0,0,.14) !important;

    overflow:hidden;
}


/* رقم الخطوة */
.ep-payment-steps ol li.ep-step-support::marker{

    color:#ff3029;

    font-weight:900;
}


/* Glow */
.ep-payment-steps ol li.ep-step-support::after{

    content:"";

    position:absolute;

    top:-90px;
    right:-80px;

    width:210px;
    height:210px;

    border-radius:50%;

    background:
        rgba(225,6,0,.12);

    filter:blur(55px);

    pointer-events:none;

    z-index:0;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.ep-step-support-content{

    position:relative;
    z-index:2;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:22px;

    width:100%;
}


/* Text area */

.ep-step-support-main{

    display:flex;

    flex-direction:column;

    gap:15px;

    flex:1 1 auto;

    min-width:0;
}


/* =========================================================
   MAIN STEP TEXT
========================================================= */

.ep-step-support-heading{

    color:#e9ebef !important;

    font-size:14px;

    font-weight:500;

    line-height:1.9;

    text-align:right;
}


.ep-step-support-heading strong{

    color:#fff !important;

    font-weight:800 !important;
}


/* =========================================================
   NEED HELP ROW
========================================================= */

.ep-step-support-help{

    display:flex;

    align-items:center;

    gap:11px;

    width:fit-content;
    max-width:100%;
}


/* Chat Icon */

.ep-step-support-icon{

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    flex:0 0 40px;

    width:40px;
    height:40px;

    background:
        rgba(225,6,0,.14);

    border:
        1px solid
        rgba(225,6,0,.30);

    border-radius:11px;

    color:#ff3932;

    box-shadow:
        0 0 18px rgba(225,6,0,.08);
}


.ep-step-support-icon svg{

    display:block;

    width:20px;
    height:20px;

    stroke:currentColor;
}


/* Help text */

.ep-step-support-help-text{

    display:flex;

    flex-direction:column;

    gap:3px;

    text-align:right;
}


.ep-step-support-help-text strong{

    display:block;

    color:#fff !important;

    font-size:13px;

    font-weight:800 !important;

    line-height:1.5;
}


.ep-step-support-help-text span{

    display:block;

    color:#999ea8 !important;

    font-size:11px;

    font-weight:400;

    line-height:1.7;
}


/* =========================================================
   QUICK SUPPORT BUTTON
========================================================= */

body button.ep-open-support-chat,
body .ep-payment-description button.ep-open-support-chat,
body .ep-order-payment-info button.ep-open-support-chat{

    -webkit-appearance:none !important;
    appearance:none !important;

    position:relative !important;
    z-index:5 !important;

    display:inline-flex !important;

    flex-direction:row !important;

    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    flex:0 0 auto !important;

    width:auto !important;

    min-width:205px !important;

    height:48px !important;
    min-height:48px !important;

    margin:0 !important;

    padding:0 20px !important;

    background:
        linear-gradient(
            135deg,
            #ff3028 0%,
            #e10600 58%,
            #c90000 100%
        ) !important;

    background-color:#e10600 !important;

    border:
        1px solid
        rgba(255,255,255,.13) !important;

    border-radius:12px !important;

    outline:none !important;

    color:#fff !important;

    -webkit-text-fill-color:#fff !important;

    font-family:inherit !important;

    font-size:13px !important;

    font-weight:800 !important;

    line-height:1 !important;

    white-space:nowrap !important;

    text-decoration:none !important;

    cursor:pointer !important;

    opacity:1 !important;
    visibility:visible !important;

    box-shadow:
        0 9px 25px rgba(225,6,0,.30),
        inset 0 1px 0 rgba(255,255,255,.10) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}


/* Button Text */

body button.ep-open-support-chat span{

    display:inline-block !important;

    margin:0 !important;
    padding:0 !important;

    color:#fff !important;

    -webkit-text-fill-color:#fff !important;

    font-size:13px !important;

    font-weight:800 !important;

    line-height:1 !important;
}


/* Button Arrow */

body button.ep-open-support-chat svg{

    display:block !important;

    flex:0 0 18px !important;

    width:18px !important;
    height:18px !important;

    margin:0 !important;

    color:#fff !important;

    stroke:#fff !important;

    transition:
        transform .2s ease !important;
}


/* Hover */

body button.ep-open-support-chat:hover{

    background:
        linear-gradient(
            135deg,
            #ff4039 0%,
            #f00d06 58%,
            #d50000 100%
        ) !important;

    border-color:
        rgba(255,255,255,.20) !important;

    color:#fff !important;

    transform:
        translateY(-2px) !important;

    box-shadow:
        0 13px 31px rgba(225,6,0,.40),
        inset 0 1px 0 rgba(255,255,255,.13) !important;
}


body button.ep-open-support-chat:hover svg{

    transform:
        translateX(-3px) !important;
}


/* Click */

body button.ep-open-support-chat:active{

    transform:
        translateY(0) scale(.98) !important;
}


/* Keyboard Focus */

body button.ep-open-support-chat:focus,
body button.ep-open-support-chat:focus-visible{

    outline:none !important;

    box-shadow:
        0 0 0 3px rgba(225,6,0,.17),
        0 10px 28px rgba(225,6,0,.30) !important;
}


/* =========================================================
   DESKTOP — SMALL WIDTH SAFETY
========================================================= */

@media(max-width:900px){

    .ep-step-support-content{

        flex-direction:column;

        align-items:stretch;

        gap:17px;
    }


    body button.ep-open-support-chat,
    body .ep-payment-description button.ep-open-support-chat,
    body .ep-order-payment-info button.ep-open-support-chat{

        width:100% !important;

        min-width:100% !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .ep-payment-steps ol li.ep-step-support{

        margin-top:15px !important;

        padding:16px !important;

        border-radius:14px !important;
    }


    .ep-step-support-content{

        flex-direction:column;

        align-items:stretch;

        gap:16px;
    }


    .ep-step-support-main{

        gap:13px;
    }


    .ep-step-support-heading{

        font-size:13px;

        line-height:1.85;
    }


    .ep-step-support-help{

        align-items:flex-start;

        width:100%;
    }


    .ep-step-support-icon{

        flex-basis:38px;

        width:38px;
        height:38px;
    }


    .ep-step-support-help-text strong{

        font-size:12px;
    }


    .ep-step-support-help-text span{

        font-size:11px;
    }


    body button.ep-open-support-chat,
    body .ep-payment-description button.ep-open-support-chat,
    body .ep-order-payment-info button.ep-open-support-chat{

        width:100% !important;

        min-width:100% !important;

        height:48px !important;

        min-height:48px !important;

        padding:
            0 15px !important;

        font-size:
            13px !important;
    }

}/* End custom CSS */