.elementor-3556 .elementor-element.elementor-element-a45a1a7{--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;--justify-content:center;--align-items:center;}#elementor-popup-modal-3556 .dialog-widget-content{background-color:#FFFFFF00;border-radius:18px 18px 18px 18px;}#elementor-popup-modal-3556{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3556 .dialog-message{height:auto;}#elementor-popup-modal-3556 .dialog-close-button{display:flex;}#elementor-popup-modal-3556 .dialog-close-button i{color:var( --e-global-color-fcf570f );}#elementor-popup-modal-3556 .dialog-close-button svg{fill:var( --e-global-color-fcf570f );}@media(max-width:768px){.elementor-3556 .elementor-element.elementor-element-a45a1a7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}#elementor-popup-modal-3556{justify-content:center;align-items:center;}}/* Start custom CSS for shortcode, class: .elementor-element-337b37a */.digits-form_container.digits {
    padding: 0px!important;
    border-radius: 16px;
    width: 460px;
}

.digits_embed-form .digits-form_heading_text,
.digits_embed-form .digits-form_tab-item,
.digits_embed-form .digits-form_input input,
.digits_embed-form .digits-form_button,
.digits_embed-form .dig_login_signup_bar,
.digits_embed-form .digits-form_rememberme div {
    font-family: "kaff-semi bold", sans-serif !important;
    font-size:16px;
    color: black;
}


.digits_site_footer_box{
    display: none!important;
}

/*
 * Custom CSS for Digits Plugin Form - v3 (Final Fix)
 * This version forcefully aligns the country code and phone input.
 */

/* === الهيكل العام للنموذج === */
.digits_embed-form .digits-form_wrapper {
    background-color: #ffffff;
    border-radius: 16px !important;
    padding: 35px 30px !important;
    
    border: none !important;
    
    margin: auto;
}

/* === عنوان النموذج === */
.digits_embed-form .digits-form_heading_text {
    font-family: "kaff-semi bold", Sans-serif!important;
    font-size: 24px !important;
    font-weight: bold !important;
    color: #1a1a1a !important;
    text-align: center !important;
    margin-bottom: 25px !important;
}
.digits_embed-form {
    font-family: "kaff-semi bold", Sans-serif!important;
}
/* === تنسيق التبويبات === */
.digits_embed-form .digits-form_tab-bar {
    display: flex !important;
    background-color: #f0f2f5 !important;
    border-radius: 10px !important;
    padding: 5px !important;
    margin-bottom: 25px !important;
}

.digits_embed-form .digits-form_tab-item {
    flex: 1;
    text-align: center;
    padding: 8px 6px;
    cursor: pointer;
    border-radius: 8px;
    font-weight: 500;
    font-size: 15px;
    font-family: "kaff-semi bold", Sans-serif;
    transition: all 0.3s ease;
    color: #666;
    border-bottom: none !important;
}

.digits_embed-form .digits-form_tab-item.digits-tab_active {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

/* 
 *  ==== الجزء الأهم والمعدل لحل مشكلة محاذاة الهاتف ورمز الدولة ====
 */

/* 1. نجعل الحاوية الرئيسية مرنة (flex) لوضع العناصر جنباً إلى جنب */
.digits_embed-form .digits-mobile_wrapper.digits-form_border {
    display: flex !important;
    flex-direction: row-reverse !important; /* لعرض رمز الدولة يميناً (للعربية) */
    align-items: stretch !important; /* لجعل العناصر بنفس الارتفاع */
    padding: 0 !important; /* إزالة أي padding قد يسبب مشاكل */
}

/* 2. نستهدف حاوية رمز الدولة تحديداً ونجبرها على أن تكون جزءاً من الـ Flex */
.digits_embed-form .digits-mobile_wrapper .digits-form_countrycode {
    display: flex !important; /* هذا السطر مهم جداً ليتغلب على الـ "inline-block" */
    align-items: center;
    flex-shrink: 0; /* لمنع الانكماش */
    border-left: 1px solid #e0e0e0;
    border-right: none;
    padding: 0 12px; 
    /* هوامش داخلية لرمز الدولة */
}

/* 3. نستهدف حاوية رقم الهاتف ونجعلها تملأ باقي المساحة */
.digits_embed-form .digits-mobile_wrapper .digits-form_input:not(.digits-form_countrycode) {
    flex-grow: 1;
}

/* === تنسيق الخط داخل حقول الإدخال === */
.digits_embed-form .digits-form_input input {
    width: 100%;
  
    padding-left: 15px !important;
    
    background: transparent !important;
    font-size: 16px !important;
    color: #333;
    height: 100% !important; /* جعل الحقل يأخذ الارتفاع الكامل */
    box-shadow: none !important;
    outline: none !important;
}

/* === زر "استمرار" === */
.digits_embed-form .digits-form_button {
    width: 100%;
    background: #222529 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    font-size: 16px !important;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 20px !important;
}
.digits_embed-form .digits-form_button:hover {
    background: #3a3f44 !important;
}

/* === باقي التنسيقات === */
.digits_embed-form .digits-form_rememberme {
    text-align: right;
    margin-top: 15px;
    padding: 0 5px;
    font-size: 14px;
    color: #555;
}

.digits_embed-form .dig_login_signup_bar {
    text-align: center;
    margin-top: 25px;
    font-size: 15px;
    color: #555;
}

.digits_embed-form .dig_login_signup_bar a {
    color: #3373FF;
    font-weight: bold;
    text-decoration: none;
}

.digits_embed-form .digits-mobile_wrapper .digits-form_countrycode {
    width: 90px
}
.digits_embed-form .digits-mobile_wrapper .digits-form_input:not(.digits-form_countrycode) {
    padding-left: 90px
}
/* === زر "استمرار" === */
.digits_embed-form .digits-form_button {
    /* ... خصائص أخرى ... */
    background: #ae8352 !important;
     /* <<< هذا السطر الذي ستغيره */
    /* ... خصائص أخرى ... */
}
.digits_embed-form .digits-form_button:hover {
    background: #ae8352 !important;
     /* <<< وهذا السطر أيضاً */
}

.digits-form_button-text {
    font-family: "kaff-semi bold", Sans-serif!important;
    font-size: 16px;
}



.digits-form_input {
  height: 40px
}


.digits-form_input input[type="tel"] {
  height: 40px !important;
  padding: 0 12px !important; /* لتوحيد الحشو يمين ويسار */
  font-size: 16px;
  line-height: 40px; /* لجعل النص عموديًا في المنتصف */
  text-align: right; /* في حال RTL */
  direction: rtl; /* لضمان عرض الرقم من اليمين لليسار */
  border: 1px solid #ccc;
  border-radius: 6px;
}
.input-text.countrycode.digits_countrycode.country_code_flag {
    color: black
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a45a1a7 *//* اجعل محتوى الـ Popup في منتصف الشاشة */
dialog.elementor-popup-modal {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* تأكد أن النموذج لا يتمدد */
.digits-form_wrapper {
  margin: auto;
  max-width: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}/* End custom CSS */
/* Start custom CSS *//* --- أضف هذا الكود --- */
.digits_embed-form {
    display: flex;
    justify-content: center; /* للتوسيط الأفقي */
    align-items: center;     /* للتوسيط الرأسي */
    height: 100%;            /* للتأكد من أن الحاوية تملأ ارتفاع النافذة المنبثقة */
}/* End custom CSS */