/* =============================================================
   PRO-CONSULT — تعديلات مخصصة  (Custom fixes)
   ============================================================= */


/* -------------------------------------------------------------
   1) إزالة المسافة الكبيرة على اليسار في وضع الويب
   Remove the huge empty space on the LEFT (desktop / RTL)

   السبب: رابط "تخطي إلى المحتوى" من إضافة Header Footer Elementor
   موضوع على left:-9999px . في صفحة RTL ده بيمد عرض الصفحة
   حوالي 10000 بكسل ناحية الشمال (عرض الصفحة كان 11439px بدل 1440px).
   ------------------------------------------------------------- */
.hfe-skip-link:not(:focus),
a.skip-link:not(:focus),
.screen-reader-text:not(:focus) {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* الرابط يفضل شغال لمستخدمي الكيبورد (accessibility) */
.hfe-skip-link:focus,
a.skip-link:focus,
.screen-reader-text:focus {
    position: fixed !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 22px !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    z-index: 100001 !important;
    background: #ffffff !important;
    color: #04213f !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .25) !important;
}

/* شبكة أمان ضد أي عنصر تاني بيعمل overflow أفقي */
html,
body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}


/* -------------------------------------------------------------
   3) النافبار على سطر واحد
   Keep the navigation menu on a single line
   ------------------------------------------------------------- */
@media (min-width: 1025px) {

    .elementor-nav-menu,
    .hfe-nav-menu {
        flex-wrap: nowrap !important;
    }

    .elementor-nav-menu > li,
    .hfe-nav-menu > li {
        flex: 0 0 auto !important;
    }

    .elementor-nav-menu > li > a.elementor-item,
    .hfe-nav-menu > li > a {
        white-space: nowrap !important;
    }
}

/* في الشاشات من 1025 إلى 1300 القائمة كانت بتنزل سطر تاني،
   فبنصغّر المسافات والخط شوية عشان تفضل سطر واحد */
@media (min-width: 1025px) and (max-width: 1300px) {

    .elementor-nav-menu > li > a.elementor-item,
    .hfe-nav-menu > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 16px !important;
    }
}


/* -------------------------------------------------------------
   4) كروت "تطوير الحلول للمستقبل" تبقى قد بعضها
   Equal-height service cards
   ------------------------------------------------------------- */
/* الأعمدة التلاتة بتبقى Grid وكل صف بنفس الارتفاع،
   والأعمدة أصلاً بتتمدد لنفس الطول -> كل الـ9 كروت يبقوا قد بعض.
   (على الموبايل الكروت بتترص تحت بعض فمش محتاجين الكلام ده) */
@media (min-width: 768px) {

    .elementor-element-1307cef > .elementor-widget-wrap,
    .elementor-element-d439844 > .elementor-widget-wrap,
    .elementor-element-0012c1f > .elementor-widget-wrap {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-rows: 1fr !important;
        align-content: stretch !important;
        row-gap: 25px !important;
    }

    .elementor-element-1307cef > .elementor-widget-wrap > .elementor-widget,
    .elementor-element-d439844 > .elementor-widget-wrap > .elementor-widget,
    .elementor-element-0012c1f > .elementor-widget-wrap > .elementor-widget {
        margin-bottom: 0 !important;
        min-width: 0 !important;
    }
}

.elementor-element-3bbd37a8 .elementor-widget-elementskit-icon-box > .ekit-wid-con {
    width: 100% !important;
    height: 100% !important;
}

.elementor-element-3bbd37a8 .elementskit-infobox {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* النص ياخد المساحة الفاضية عشان زرار "اقراء المزيد" يقف تحت في كل الكروت */
.elementor-element-3bbd37a8 .elementskit-infobox > .box-body {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.elementor-element-3bbd37a8 .elementskit-infobox > .box-body > p,
.elementor-element-3bbd37a8 .elementskit-infobox > .box-body .ekit-infobox-description {
    flex: 1 1 auto !important;
}


/* -------------------------------------------------------------
   5) الفوتر — الأيقونات والكتابة (الأرقام والعنوان) على اليمين
   Footer contact info: icons + text aligned to the RIGHT
   ------------------------------------------------------------- */
/* السبب: محاذاة الودجت متظبطة على "End" — وده في صفحة RTL معناه الشمال.
   بنرجّعها يمين، ولازم كمان نظبط الـ<a> اللي جوّاها (الأرقام والإيميل
   ملفوفين في <a> وبيورّثوا نفس المحاذاة). */
.elementor-element-3d3895c1 .elementor-icon-list-items > .elementor-icon-list-item,
.elementor-element-3d3895c1 .elementor-icon-list-item > a {
    justify-content: flex-start !important;   /* في RTL = ناحية اليمين */
    text-align: right !important;
}

/* الـ<a> تبقى flex عشان الأيقونة تقف على حرف اليمين بالظبط في كل الصفوف */
.elementor-element-3d3895c1 .elementor-icon-list-item > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.elementor-element-3d3895c1 .elementor-icon-list-item .elementor-icon-list-text {
    text-align: right !important;
}

/* الأيقونات تفضل ثابتة على نفس الخط الرأسي على اليمين */
.elementor-element-3d3895c1 .elementor-icon-list-item .elementor-icon-list-icon {
    flex: 0 0 auto !important;
    order: 0 !important;
}