.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5273 .elementor-element.elementor-element-f9c5348{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-5273 .elementor-element.elementor-element-7e70d5d .elementor-button{font-family:"DM Serif Text", Sans-serif;font-weight:500;}:root{--page-title-display:none;}/* Start custom CSS for button, class: .elementor-element-7e70d5d *//* ==================================================
   تنسيق الزر الأساسي (أبيض مع حدود زرقاء)
   ================================================== */
.elementor-5273 .elementor-element.elementor-element-7e70d5d .elementor-button {
    /* 1. الخلفية والنص */
    background-color: #ffffff !important;
    color: #0b527d !important;

    /* 2. الحدود */
    border: 1px solid #0b527d !important;
    border-radius: 50px !important;

    /* 3. الخط */
    font-family: sans-serif; /* يفضل تغييره لاسم خطك العربي إذا وجد */
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;

    /* 4. الأبعاد */
    padding: 10px 30px !important;
    box-shadow: none !important;
    
    /* منع التفاف النص (للكمبيوتر فقط) */
    white-space: nowrap;

    /* حركة ناعمة */
    transition: all 0.3s ease !important;
    
    /* توسيط المحتوى داخل الزر */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ==================================================
   تأثير عند مرور الماوس (Hover)
   ================================================== */
.elementor-5273 .elementor-element.elementor-element-7e70d5d .elementor-button:hover {
    /* قلب الألوان */
    background-color: #0b527d !important;
    color: #ffffff !important;
    border-color: #0b527d !important;
    /* رفع الزر قليلاً لإعطاء شعور بالتفاعل */
    transform: translateY(-2px);
}

/* ==================================================
   توسيط الزر في الحاوية
   ================================================== */
.elementor-5273 .elementor-element.elementor-element-7e70d5d .elementor-widget-container {
    text-align: center;
}

/* ==================================================
   🔥 إصلاح مشاكل الموبايل (Mobile Responsive) 🔥
   ================================================== */
@media (max-width: 767px) {
    .elementor-5273 .elementor-element.elementor-element-7e70d5d .elementor-button {
        /* السماح للنص بالنزول لسطر ثاني في الموبايل */
        white-space: normal !important;
        
        /* تقليل الحواف الجانبية قليلاً لتوفير مساحة */
        padding: 10px 20px !important;
        
        /* ضمان عدم تجاوز عرض الشاشة */
        max-width: 90%; 
        width: auto;
        
        /* ضبط تباعد الأسطر في حال انكسر النص */
        line-height: 1.4;
    }
}/* End custom CSS */