.elementor-1990 .elementor-element.elementor-element-82a7b33{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:-263px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1990 .elementor-element.elementor-element-60b6680{text-align:center;}.elementor-1990 .elementor-element.elementor-element-60b6680 .elementor-heading-title{font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-1990 .elementor-element.elementor-element-24a309c{--display:flex;}.elementor-1990 .elementor-element.elementor-element-f95b574{text-align:start;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1990 .elementor-element.elementor-element-82a7b33{--content-width:1600px;--margin-top:-195px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for metform, class: .elementor-element-987d7ee *//* 🖤 كود التنسيق الفخم لفورم التسجيل الجديد 🚀 */

/* 1. حاوية الفورم بالكامل (البوكس الخلفي) */
.elementor-widget-metform {
    background: #0b0b0b !important; /* أسود عميق جداً */
    padding: 35px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
}

/* 2. تنسيق حقول الإدخال (الاسم، رقم الموبايل، وكلمة السر) مع ضبط الاتجاه عربي */
.elementor-widget-metform .mf-input, 
.elementor-widget-metform input[type="text"],
.elementor-widget-metform input[type="number"], 
.elementor-widget-metform input[type="password"] {
    background-color: #161616 !important; /* رمادي داكن مريح للعين */
    border: 1px solid #2a2a2a !important; /* إطار هادي */
    border-radius: 12px !important; /* حواف ناعمة دائرية */
    color: #ffffff !important; /* كتابة بيضاء صريحة */
    padding: 16px 20px !important;
    font-size: 15px !important;
    text-align: right !important; /* يمين */
    direction: rtl !important; /* من اليمين لليسار */
    transition: all 0.3s ease-in-out !important; /* سرعة الأنيميشن */
}

/* 3. الأنيميشن الفسفوري الساحر عند الضغط (Focus) */
.elementor-widget-metform .mf-input:focus,
.elementor-widget-metform input[type="text"]:focus,
.elementor-widget-metform input[type="number"]:focus,
.elementor-widget-metform input[type="password"]:focus {
    border-color: #D4FF00 !important; /* ينور فسفوري */
    box-shadow: 0 0 15px rgba(212, 255, 0, 0.15) !important; /* توهج فسفوري خفيف */
    background-color: #1c1c1c !important;
    transform: translateY(-2px) !important; /* الحقل يرتفع تكة بسيطة لفوق بنعومة */
}

/* 4. تنسيق أسماء الخانات (Labels) */
.elementor-widget-metform .mf-input-label,
.elementor-widget-metform label {
    color: #a0a0a0 !important; /* لون رمادي هادي للعنوان */
    font-size: 14px !important;
    margin-bottom: 8px !important;
    display: block !important;
    font-weight: 500 !important;
    text-align: right !important;
    direction: rtl !important;
}

/* 5. تنسيق زرار إنشاء الحساب */
.elementor-widget-metform .mf-btn-wraper button,
.elementor-widget-metform .mf-btn {
    background-color: #D4FF00 !important; /* لون زرار فسفوري صريح */
    color: #000000 !important; /* كتابة سوداء قوية جواه */
    border-radius: 12px !important;
    padding: 16px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    width: 100% !important; /* واخد عرض الفورم كله */
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 4px 12px rgba(212, 255, 0, 0.1) !important;
}

/* 6. حركة الزرار لما الماوس ييجي عليه (Hover) */
.elementor-widget-metform .mf-btn-wraper button:hover,
.elementor-widget-metform .mf-btn:hover {
    background-color: #ffffff !important; /* يقلب أبيض فخم */
    color: #000000 !important;
    transform: translateY(-3px) !important; /* يرتفع لفوق بنعومة */
    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.15) !important; /* توهج أبيض */
}

















/* ✨ تصميم رسالة النجاح الفسفورية (فورم التسجيل) */

/* 1. إخفاء الحاوية البيضاء الخارجية بالكامل */
.elementor-widget-metform .mf-main-response-wrap,
.elementor-widget-metform .mf-response-msg-wrap {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. تصميم البوكس نفسه */
.elementor-widget-metform .mf-response-msg {
    background-color: #101200 !important; /* خلفية داكنة جداً */
    border: 1px solid #D4FF00 !important; /* إطار فسفوري */
    border-radius: 12px !important;
    padding: 14px !important;
    text-align: center !important;
    direction: rtl !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 15px rgba(212, 255, 0, 0.1) !important;
    margin-bottom: 15px !important;
}

/* 3. إجبار النص على اللون الفسفوري (عشان ميبقاش أسود) */
.elementor-widget-metform .mf-response-msg,
.elementor-widget-metform .mf-response-msg p,
.elementor-widget-metform .mf-response-msg span {
    color: #D4FF00 !important; /* الخط فسفوري */
    font-weight: bold !important;
    font-size: 15px !important;
    margin: 0 !important;
}

/* 4. تلوين علامة الصح (Icon) بالفسفوري */
.elementor-widget-metform .mf-main-response-wrap svg,
.elementor-widget-metform .mf-main-response-wrap svg path {
    fill: #D4FF00 !important;
    color: #D4FF00 !important;
    width: 24px !important;
    height: 24px !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}/* End custom CSS */