/*Force all pages full width */
body,
#content,
.container,
.inside-article {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/*
 * FIX: إزالة الفراغ الأبيض أسفل الفوتر (Margin Bottom) 
 * (الأسطر التي حلت مشكلة الفراغ في الأسفل)
 */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}

/* ------------------------------------------------------------- */
/* ⭐ التعديلات الجديدة لتثبيت الفوتر (Sticky Footer Fix) ⭐ */
/* ------------------------------------------------------------- */

/* 1. تطبيق Flexbox على الجسم لتمكين الترتيب العمودي */
body {
    display: flex;             /* 👈 جديد/مُعدَّل */
    flex-direction: column;    /* 👈 جديد/مُعدَّل */
    min-height: 100vh;         /* 👈 جديد/مُعدَّل: يضمن ارتفاع الجسم بالكامل على الأقل بارتفاع الشاشة */
}

/* 2. جعل عنصر المحتوى ينمو ليأخذ المساحة المتبقية */
/* هنا نستخدم المحددات التي لا تؤثر على شريط التنقل */
.site-content, 
#content {
    flex-grow: 1;              /* 👈 جديد/مُعدَّل: ينمو ليأخذ المساحة الفارغة المتبقية */
}

/* 3. العنصر الخارجي للفوتر: ضمان عدم الانكماش ودفعه للأسفل */
/* -------------------------------------------------------------------------- */
/* ⭐ تنسيقات الفوتر (Osool Footer) ⭐ */
/* -------------------------------------------------------------------------- */

/* التنسيقات العامة للفوتر */
.site-footer {
    background-color: #1a1a1a;
    color: #ffffff;
    padding: 40px 0 20px;
}
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px !important;
}

/* تنسيق القسم العلوي (الشعار والزر) */
.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
}
.footer-logo img {
    max-width: 100px;
    height: auto;
}
.footer-contact-btn {
    background-color: #22764c;
    color: #ffffff;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
    transition: background-color 0.3s;
}
.footer-contact-btn:hover {
    background-color: #6ecb3b; /* تأثير بسيط عند التمرير */
}

/* تنسيق قسم معلومات الاتصال */
.footer-info {
    margin-bottom: 30px;
    line-height: 1.8;
    font-size: 14px;
}
.footer-info p {
    margin: 5px 0;
}

/* تنسيق القسم القانوني */
.footer-legal {
    border-top: 1px solid #444;
    padding-top: 20px;
    font-size: 12px;
    line-height: 1.8;
    color: #cccccc;
}
.footer-legal p {
    margin-bottom: 15px;
}
.footer-legal p:last-child {
    margin-bottom: 0;
}


/* ------------------------------------------------------------- */
/* ⭐ إصلاحات عامة وتثبيت الفوتر (Sticky Footer Fix) ⭐ */
/* ------------------------------------------------------------- */

/* Force all pages full width */
body,
#content,
.container,
.inside-article {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* FIX: إزالة الفراغ الأبيض أسفل الفوتر (Margin Bottom) */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}

/* 1. تطبيق Flexbox على الجسم لتمكين الترتيب العمودي */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* 2. جعل عنصر المحتوى ينمو ليأخذ المساحة المتبقية */
.site-content, 
#content {
    flex-grow: 1;
}

/* 3. العنصر الخارجي للفوتر: ضمان عدم الانكماش ودفعه للأسفل */
.site-footer {
    flex-shrink: 0;
    margin-top: auto;
    
    /* **الأسطر المسؤولة عن العرض الكامل** */
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;

    /* **الأسطر المسؤولة عن إزالة الفراغ السفلي** */
    margin-bottom: 0 !important;
    padding-bottom: 90px !important;
    
}

/* ------------------------------------------------------------- */
/* ⭐ Mobile Responsive Fixes (max-width: 600px) ⭐*/
/* ------------------------------------------------------------- */
@media (max-width: 600px) {

    .site-footer .footer-container {
        padding: 0 25px !important; 
    }


    .site-footer .footer-top {
        display: flex; 
        flex-direction: row; 
        justify-content: space-between; 
        align-items: center !important; 
        text-align: left; 
    }

 
    .site-footer .footer-logo img {
        max-width: 80px !important;  
        margin-bottom: 0; 
    }
    
   
    .site-footer .footer-contact-btn {
        width: auto; 
        text-align: center;
        padding: 12px 25px !important; 
    }
    
  
    .site-footer .footer-info {
        text-align: center;
    }
    
    
    .site-footer .footer-legal {
        font-size: 11px;
    }
}




/*responsive register and login */
@media (max-width: 480px) {
    
  .elementor-element-69765ce7,
  .elementor-element.elementor-element-69765ce7.elementor-widget {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    align-self: stretch !important;
  }
  

  .elementor-element-69765ce7 .elementor-widget-container,
  .elementor-element-69765ce7 .um-form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0px 20px !important;
  }

  .e-con-inner, .e-con {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }


  .elementor-1105 .elementor-element.elementor-element-69765ce7 {
    justify-content: flex-start !important;
  }
}






















/* *************************** Header title ***************** */
/* تغيير نوع الخط للـ Site Title */
.site-title a,
.main-title a,
.site-branding .site-title a {
    font-family: 'Comic Sans MS', cursive, sans-serif !important;
}



/* لون باقي الكلمة */
.site-title a,
.main-title a {
    color: #22764c !important;
}