:root {
    --content-max: 1360px;
    --touch-min: 44px;
    --primary-builder: #2563eb;
    --primary-builder-dark: #1d4ed8;
}

*, *::before, *::after {
    box-sizing: border-box;
}

/* --- نسخة الحاسوب (PC / Desktop) --- */
.container, .site-container, main > section > .inner, header .inner, footer .inner {
    max-width: var(--content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(16px, 3vw, 32px);
    padding-right: clamp(16px, 3vw, 32px);
    width: 100%;
}

section {
    padding-top: clamp(40px, 6vw, 80px);
    padding-bottom: clamp(40px, 6vw, 80px);
}

/* زر الهامبورغر (مخفي افتراضياً على الحاسوب) */
.iklaa-hamburger-btn {
    display: none;
    align-items: center;
    justify-content: center;
    min-width: var(--touch-min);
    min-height: var(--touch-min);
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 22px;
    cursor: pointer;
    color: #0f172a;
    transition: all 0.2s ease;
    z-index: 1002;
}

.iklaa-hamburger-btn:hover {
    background: #e2e8f0;
}

/* --- نسخة التابلت (Tablet: 769px إلى 1024px) --- */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    header, .site-header, .navbar {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 12px 20px !important;
    }

    nav ul, .nav-links, .main-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px 16px !important;
        justify-content: center !important;
    }

    /* شبكة الـ Hero والبرامج والمستجدات على عمودين */
    .hero, .hero-section, .hero-grid,
    .programs-grid, .needs-grid, .news-grid, .cards-grid, .grid-3, .grid-4 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
        align-items: stretch !important;
    }

    /* شبكة الشركاء على 4 أعمدة متوازنة */
    .partners-grid, .logos-grid, .partners-list {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 16px !important;
        align-items: center !important;
    }
}

/* --- نسخة الهاتف (Mobile: أقل من 768px) --- */
@media screen and (max-width: 768px) {
    header, .site-header, .navbar {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 10px 16px !important;
        position: relative !important;
        gap: 10px !important;
    }

    .iklaa-hamburger-btn {
        display: inline-flex !important;
    }

    /* القائمة المنسدلة التفاعلية للهاتف */
    nav, .main-nav, .nav-menu, .header-nav {
        display: none;
        width: 100% !important;
        order: 99;
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 14px !important;
        margin-top: 8px !important;
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
    }

    nav.is-open, .main-nav.is-open, .nav-menu.is-open, .header-nav.is-open {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        animation: iklaaSlideDown 0.25s ease forwards;
    }

    nav ul, .main-nav ul, .nav-links {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 6px !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    nav a, .main-nav a, .nav-links a, .btn, button, .cta-btn {
        min-height: var(--touch-min) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 10px 16px !important;
    }

    /* الواجهة الترويجية (Hero Section) عمودية متناسقة */
    .hero, .hero-section, .hero-container, .hero-grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        text-align: start !important;
        gap: 24px !important;
        padding: 28px 16px !important;
    }

    .hero h1, .hero-title, h1 {
        font-size: clamp(1.45rem, 5.5vw, 2.15rem) !important;
        line-height: 1.35 !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }

    .hero p, .hero-subtitle {
        font-size: clamp(0.95rem, 3.8vw, 1.1rem) !important;
        line-height: 1.65 !important;
    }

    .hero img, .hero-image img, .hero-media img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 10 !important;
        object-fit: cover !important;
        border-radius: 12px !important;
    }

    /* تحويل الشبكات المعقدة إلى عمود واحد مريح */
    .programs-grid, .needs-grid, .news-grid, .cards-grid,
    .grid, .grid-2, .grid-3, .grid-4, .row-cards {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    /* توزيع شعارات الشركاء في شبكة ثنائية متناسقة */
    .partners-grid, .logos-grid, .partners-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        align-items: center !important;
    }
}

/* --- الشاشات فائقة الصغر (أقل من 380px) --- */
@media screen and (max-width: 380px) {
    header, .site-header {
        padding: 8px 10px !important;
        gap: 6px !important;
    }

    .logo img, .site-logo img, header img[alt*="logo" i] {
        max-width: 105px !important;
        height: auto !important;
    }

    .lang-switcher, .language-selector, .lang-btns {
        display: flex !important;
        gap: 4px !important;
        transform: scale(0.9);
        transform-origin: center;
    }

    .hero h1, .hero-title, h1 {
        font-size: clamp(1.25rem, 6vw, 1.6rem) !important;
    }
}

@keyframes iklaaSlideDown {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}


body.iklaa-builder-active [data-iklaa-editable="true"] {
    position: relative;
    transition: outline 0.12s ease, box-shadow 0.12s ease;
}

body.iklaa-builder-active [data-iklaa-editable="true"]:hover {
    outline: 1px dashed rgba(37, 99, 235, 0.55) !important;
    outline-offset: 2px;
    cursor: pointer;
}

body.iklaa-builder-active .iklaa-selected-element {
    outline: 2px solid var(--primary-builder) !important;
    outline-offset: 2px;
    z-index: 50;
}

/* طبقة المقابض (8 مقابض تحجيم + مقبض التحريك العلوي) */
.iklaa-Resize-Overlay {
    position: absolute;
    pointer-events: none;
    border: 2px solid var(--primary-builder);
    z-index: 99980;
    box-sizing: border-box;
    display: none;
}

.iklaa-Resize-Overlay.active {
    display: block;
}

/* المقابض الـ 8 */
.iklaa-rh {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border: 2px solid var(--primary-builder);
    border-radius: 50%;
    pointer-events: auto;
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    transition: transform 0.15s ease, background 0.15s ease;
}

.iklaa-rh:hover {
    background: var(--primary-builder);
    transform: scale(1.25);
}

.iklaa-rh-nw { top: -7px; left: -7px; cursor: nwse-resize; }
.iklaa-rh-n  { top: -7px; left: calc(50% - 6px); cursor: ns-resize; }
.iklaa-rh-ne { top: -7px; right: -7px; cursor: nesw-resize; }
.iklaa-rh-e  { top: calc(50% - 6px); right: -7px; cursor: ew-resize; }
.iklaa-rh-se { bottom: -7px; right: -7px; cursor: nwse-resize; }
.iklaa-rh-s  { bottom: -7px; left: calc(50% - 6px); cursor: ns-resize; }
.iklaa-rh-sw { bottom: -7px; left: -7px; cursor: nesw-resize; }
.iklaa-rh-w  { top: calc(50% - 6px); left: -7px; cursor: ew-resize; }

/* مقبض سحب وتحريك البلوك (✥ تحريك) */
.iklaa-drag-handle {
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary-builder);
    color: #ffffff;
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 6px;
    cursor: grab;
    pointer-events: auto;
    white-space: nowrap;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.35);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    user-select: none;
}

.iklaa-drag-handle:active {
    cursor: grabbing;
    background: var(--primary-builder-dark);
}

/* شارة الأبعاد الحية (Live Tooltip) */
.iklaa-live-tooltip {
    position: fixed;
    background: #0f172a;
    color: #f8fafc;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-family: monospace;
    pointer-events: none;
    z-index: 100005;
    display: none;
    box-shadow: 0 6px 16px rgba(0,0,0,0.3);
    border: 1px solid #334155;
}

/* لوحة التحكم المباشرة العائمة (🎨 Style Panel) */
.iklaa-style-panel {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 330px;
    max-width: calc(100vw - 24px);
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.22);
    z-index: 100000;
    font-family: system-ui, -apple-system, sans-serif;
    color: #0f172a;
    direction: rtl;
    overflow: hidden;
}

.iklaa-sp-header {
    background: #0f172a;
    color: #ffffff;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 700;
    cursor: move;
}

.iklaa-sp-body {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.iklaa-device-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    background: #f1f5f9;
    padding: 4px;
    border-radius: 8px;
}

.iklaa-device-tab {
    border: none;
    background: transparent;
    padding: 6px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    color: #475569;
    transition: all 0.15s;
}

.iklaa-device-tab.active {
    background: #ffffff;
    color: var(--primary-builder);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.iklaa-sp-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.iklaa-sp-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.iklaa-sp-field label {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
}

.iklaa-sp-field input {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 13px;
    direction: ltr;
    text-align: center;
}

.iklaa-sp-actions {
    display: flex;
    gap: 8px;
    margin-top: 4px;
}

.iklaa-btn-reset {
    flex: 1;
    background: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fecaca;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.iklaa-btn-reset:hover {
    background: #fecaca;
}

.iklaa-btn-toggle {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #0f172a;
    color: #ffffff;
    border: none;
    padding: 10px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    z-index: 100001;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.3);
}

/* محاكاة عرض الشاشات داخل المحرر */
body.iklaa-preview-tablet {
    max-width: 820px !important;
    margin: 0 auto !important;
    border-left: 2px dashed #94a3b8;
    border-right: 2px dashed #94a3b8;
}

body.iklaa-preview-mobile {
    max-width: 390px !important;
    margin: 0 auto !important;
    border-left: 2px dashed #94a3b8;
    border-right: 2px dashed #94a3b8;
}

/* [IKLAA FIX] Menu Mobile Z-Index & Single Hamburger */
nav, .main-nav, .nav-menu, .header-nav {
    z-index: 999999 !important;
    position: relative !important;
}
.hdrwrap, .site-header, header {
    z-index: 99998 !important;
    position: relative !important;
}



/* إزالة أيقونات اللغات العائمة نهائياً */
.floating-lang, .floating-languages, .float-lang, [class*='floating-lang'], [id*='floating-lang'] {
    display: none !important;
}

/* ضبط الهيدر وقائمة الهاتف لكي تظهر في المقدمة وتكون هي الأولى الظاهرة تماماً */
@media screen and (max-width: 768px) {
    .hdrwrap, .site-header, header, .hdr {
        position: relative !important;
        z-index: 99998 !important;
    }
    
    nav, .main-nav, .nav-menu, .header-nav {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999999 !important;
        background: #ffffff !important;
        box-shadow: 0 20px 40px rgba(11, 47, 99, 0.22) !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 0 0 16px 16px !important;
        padding: 16px !important;
    }
}

/* تنسيق بلوك المستجدات في سطر واحد متناسق */
.newsgrid {
    display: grid !important;
    grid-template-columns: 280px repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
}
.agenda, .news {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
}
@media screen and (max-width: 1024px) {
    .newsgrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media screen and (max-width: 768px) {
    .newsgrid { grid-template-columns: 1fr !important; }
}



/* إزالة أيقونات اللغات العائمة نهائياً */
.floating-lang, .floating-languages, .float-lang, [class*='floating-lang'], [id*='floating-lang'] {
    display: none !important;
}

/* ضبط قائمة الهاتف لتظهر في المقدمة وفوق البلوكات تماماً */
@media screen and (max-width: 768px) {
    .hdrwrap, .site-header, header, .hdr {
        position: relative !important;
        z-index: 99998 !important;
    }
    
    nav, .main-nav, .nav-menu, .header-nav {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999999 !important;
        background: #ffffff !important;
        box-shadow: 0 20px 40px rgba(11, 47, 99, 0.25) !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 0 0 16px 16px !important;
        padding: 16px !important;
    }
    
    nav.is-open, .main-nav.is-open, .nav-menu.is-open, .header-nav.is-open {
        display: flex !important;
        flex-direction: column !important;
    }
}



/* إزالة بلوك اللغات العائم وزر الهامبورغر المكرر المحددين في الصور */
#iklaa-global-lang, 
button.iklaa-hamburger-btn:not(:first-of-type),
.iklaa-hamburger-btn ~ .iklaa-hamburger-btn {
    display: none !important;
}

/* جعل قائمة الهاتف تظهر في المقدمة المطلقة فوق البلوكات الموالية تماماً */
@media screen and (max-width: 768px) {
    .hdrwrap, .site-header, header, .hdr {
        position: relative !important;
        z-index: 99998 !important;
    }
    
    nav, .main-nav, .nav-menu, .header-nav {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999999 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 50px rgba(11, 47, 99, 0.28) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 0 0 16px 16px !important;
        padding: 16px !important;
        display: none;
    }
    
    nav.is-open, .main-nav.is-open, .nav-menu.is-open, .header-nav.is-open {
        display: flex !important;
        flex-direction: column !important;
    }
}



/* إخفاء أي زر هابمورغر إضافي أو مكرر غير الزر الأصلي button#navToggle */
.iklaa-hamburger-btn:not(#navToggle), 
button.hamburger-btn:not(#navToggle) {
    display: none !important;
}

/* ضمان ظهور القائمة في المقدمة وفوق البلوكات تماماً */
@media screen and (max-width: 768px) {
    .hdrwrap, .site-header, header, .hdr {
        position: relative !important;
        z-index: 99998 !important;
    }
    
    nav, .main-nav, .nav-menu, .header-nav, .nav {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999999 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 50px rgba(11, 47, 99, 0.3) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 0 0 16px 16px !important;
        padding: 16px !important;
        display: none;
    }
    
    nav.is-open, .main-nav.is-open, .nav-menu.is-open, .header-nav.is-open, .nav.is-open, .nav.open {
        display: flex !important;
        flex-direction: column !important;
    }
}



/* السماح بالرؤية الكاملة وعدم قص العناصر فوق الهيدر */
.hdrwrap, .site-header, header, .hdr, .bar {
    overflow: visible !important;
    position: relative !important;
    z-index: 99999 !important;
}

/* جعل قائمة الهاتف تطفو في المقدمة المطلقة فوق جميع البلوكات والمحتويات */
@media screen and (max-width: 768px) {
    nav#mainNav, .main-nav, .nav-menu, .header-nav, .nav {
        position: fixed !important;
        top: 75px !important;
        left: 16px !important;
        right: 16px !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 14px !important;
        padding: 20px !important;
        display: none !important;
    }
    
    nav#mainNav.is-open, nav#mainNav.open, 
    .main-nav.is-open, .main-nav.open, 
    .nav-menu.is-open, .nav-menu.open, 
    .nav.is-open, .nav.open {
        display: flex !important;
        flex-direction: column !important;
    }
}



@media screen and (max-width: 768px) {
    .hdrwrap, .site-header, header { overflow: visible !important; }
}



@media screen and (max-width: 768px) {
    /* إلغاء أي إخفاء للمحتوى في الهيدر */
    .hdrwrap, .site-header, header, .hdr, .bar {
        overflow: visible !important;
        position: relative !important;
        z-index: 50 !important;
    }

    /* تحويل المينو إلى طبقة عائمة ثابتة في الأعلى تغطي الشاشة بالكامل فوق البلوكات */
    nav#mainNav, .main-nav, .nav-menu, .header-nav, .nav {
        position: fixed !important;
        top: 70px !important;
        left: 12px !important;
        right: 12px !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45) !important;
        border: 2px solid #cbd5e1 !important;
        border-radius: 14px !important;
        padding: 22px !important;
    }

    /* عندما تكون القائمة مغلقة نخفيها تماماً وعندما تفتح تظهر كعمود متكامل */
    nav#mainNav:not(.is-open):not(.open),
    .main-nav:not(.is-open):not(.open),
    .nav-menu:not(.is-open):not(.open),
    .nav:not(.is-open):not(.open) {
        display: none !important;
    }

    nav#mainNav.is-open, nav#mainNav.open,
    .main-nav.is-open, .main-nav.open,
    .nav-menu.is-open, .nav-menu.open,
    .nav.is-open, .nav.open {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
}



/* إزالة اللغات العائمة المكررة نهائياً */
.floating-lang, .floating-languages, .float-lang, [class*='floating-lang'], [id*='floating-lang'] {
    display: none !important;
}

/* إصلاح قائمة الهاتف لتكون في المقدمة وتحتوي على خلفية صلبة لتغطية ما تحتها */
@media screen and (max-width: 768px) {
    .hdrwrap, .site-header, header, .hdr {
        position: relative !important;
        z-index: 99998 !important;
    }
    
    nav, .main-nav, .nav-menu, .header-nav {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999999 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 50px rgba(11, 47, 99, 0.3) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 0 0 16px 16px !important;
        padding: 18px !important;
        display: none;
    }
    
    nav.is-open, .main-nav.is-open, .nav-menu.is-open, .header-nav.is-open {
        display: flex !important;
        flex-direction: column !important;
    }
}

/* تنسيق وصور بلوك المستجدات (News) لتظهر بشكل منتظم وصحيح */
.newsgrid {
    display: grid !important;
    grid-template-columns: 280px repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
}

.agenda, .news {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
}

.news-media, .news img, .news .dynamic-media {
    display: block !important;
    width: 100% !important;
    height: 210px !important;
    object-fit: cover !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media screen and (max-width: 1024px) {
    .newsgrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media screen and (max-width: 768px) {
    .newsgrid { grid-template-columns: 1fr !important; }
}



@media screen and (max-width: 768px) {
    nav#mainNav.is-open, nav#mainNav.open, 
    .main-nav.is-open, .main-nav.open, 
    .nav-menu.is-open, .nav-menu.open, 
    .nav.is-open, .nav.open {
        position: fixed !important;
        top: 75px !important;
        left: 14px !important;
        right: 14px !important;
        max-height: calc(85vh - 90px) !important;
        overflow-y: auto !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 24px 20px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    /* تكبير مساحة العناصر داخل القائمة لسهولة النقر والظهور */
    nav#mainNav a, .main-nav a, .nav-menu a, .nav a {
        padding: 12px 16px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }
}



@media screen and (max-width: 430px) {
    nav#mainNav.is-open, nav#mainNav.open, 
    .main-nav.is-open, .main-nav.open, 
    .nav-menu.is-open, .nav-menu.is-open, 
    .header-nav.is-open, .header-nav.open, 
    .nav.is-open, .nav.open {
        position: fixed !important;
        top: 70px !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        max-width: calc(100vw - 20px) !important;
        max-height: 75vh !important;
        overflow-y: auto !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 12px !important;
        padding: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    nav#mainNav a, .main-nav a, .nav-menu a, .nav a {
        padding: 10px 14px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }
}



@media screen and (max-width: 768px) {
    /* جعل الهيدر حاوية نسبية لضبط مكان القائمة بداخلها */
    .hdrwrap, .site-header, header, .hdr {
        position: relative !important;
        overflow: visible !important;
        z-index: 99998 !important;
    }

    /* ضبط مكان وحجم القائمة لتفتح بشكل منسق ومحدد تماماً */
    nav#mainNav, .main-nav, .nav-menu, .header-nav, .nav {
        position: absolute !important;
        top: 100% !important;
        inset-inline-end: 12px !important;
        width: 260px !important;
        max-width: calc(100vw - 24px) !important;
        max-height: 70vh !important;
        overflow-y: auto !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 12px !important;
        padding: 14px !important;
        display: none !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    /* إظهار القائمة عند النقر */
    nav#mainNav.is-open, nav#mainNav.open, 
    .main-nav.is-open, .main-nav.open, 
    .nav-menu.is-open, .nav-menu.open, 
    .header-nav.is-open, .header-nav.open, 
    .nav.is-open, .nav.open {
        display: flex !important;
    }

    /* تنسيق روابط القائمة بداخلها لتكون مرتبة */
    nav#mainNav a, .main-nav a, .nav-menu a, .nav a {
        padding: 10px 12px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }
}



/* removed */ {
    display: none;
}

@media screen and (max-width: 768px) {
    /* إخفاء المينو القديمة والزر القديم لكي لا يحدث أي تداخل */
    nav#mainNav, .main-nav, .nav-menu, .header-nav, .nav, .iklaa-hamburger-btn, #navToggle, .hamburger-btn {
        display: none !important;
    }

    /* إظهار حاوية المينو الجديدة في الهيدر */
    /* removed */ {
        display: flex !important;
        align-items: center;
        margin-inline-start: auto;
        position: relative;
    }

    /* زر الهامبورغر الجديد */
    .iklaa-new-toggle {
        background: #ffffff;
        border: 1px solid #cbd5e1;
        border-radius: 10px;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        cursor: pointer;
        color: #0f172a;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

    /* القائمة المنسدلة الجديدة التي تفتح كطبقة عائمة مستقلة */
    .iklaa-new-dropdown {
        position: fixed !important;
        top: 75px !important;
        left: 16px !important;
        right: 16px !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 20px !important;
        display: none;
        flex-direction: column;
        gap: 12px;
    }

    .iklaa-new-dropdown.show {
        display: flex !important;
    }

    .iklaa-new-dropdown a {
        padding: 12px 16px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        text-decoration: none !important;
        border-bottom: none !important;
        transition: background 0.2s;
    }

    .iklaa-new-dropdown a:hover {
        background: #e2e8f0 !important;
        color: #15965b !important;
    }
}



/* إخفاء القوائم القديمة المكررة لعدم التداخل */
nav#mainNav:not(/* removed */), 
.iklaa-hamburger-btn:not(.iklaa-modern-toggle),
#navToggle:not(.iklaa-modern-toggle) {
    display: none !important;
}

/* تنسيق الهيدر الحديث */
header, .site-header, .hdrwrap, .hdr {
    position: relative !important;
    z-index: 99998 !important;
    background: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}

/* القائمة العلوية للشاشات الكبيرة */
/* removed */ {
    display: flex;
    align-items: center;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* removed */ a {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    text-decoration: none;
    transition: color 0.2s;
}

/* removed */ a:hover, /* removed */ a.active {
    color: #15965b;
}

/* زر الهامبورغر للشاشات الصغيرة */
.iklaa-modern-toggle {
    display: none;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    color: #0f172a;
}

/* إعدادات المينو المتجاوبة للهواتف والشاشات الصغيرة */
@media screen and (max-width: 768px) {
    .iklaa-modern-toggle {
        display: flex !important;
    }

    /* removed */ {
        position: fixed !important;
        top: 75px !important;
        left: 16px !important;
        right: 16px !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 20px !important;
        display: none !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    /* removed */.open {
        display: flex !important;
    }

    /* removed */ a {
        padding: 12px 16px !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        font-size: 15px !important;
    }
}



@media screen and (max-width: 768px) {
    /* إخفاء القائمة القديمة أو المكررة افتراضياً تماماً */
    nav#mainNav:not(/* removed */), 
    .main-nav:not(/* removed */), 
    .nav-menu:not(/* removed */),
    /* removed */ {
        display: none !important;
        position: fixed !important;
        top: 75px !important;
        left: 16px !important;
        right: 16px !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 20px !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    /* إظهار القائمة فقط عند إضافة كلاس الفتح open أو is-open */
    /* removed */.open, 
    /* removed */.is-open,
    nav#mainNav.open, 
    nav#mainNav.is-open,
    .main-nav.open, 
    .main-nav.is-open {
        display: flex !important;
    }

    /* تنسيق الروابط داخل القائمة المنسدلة */
    /* removed */ a, nav#mainNav a, .main-nav a {
        display: block !important;
        padding: 12px 16px !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        text-decoration: none !important;
    }
}



/* حذف بلوك اللغات الموضح في الصورة نهائياً */
#iklaa-global-lang {
    display: none !important;
}

@media screen and (max-width: 768px) {
    /* حاوية زر القائمة المنسدلة */
    /* removed */ {
        position: relative;
        display: flex;
        align-items: center;
        margin-inline-start: auto;
    }

    /* زر الهامبورغر الحديث */
    .iklaa-dropdown-toggle {
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 10px !important;
        width: 42px !important;
        height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        cursor: pointer !important;
        color: #0f172a !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    }

    /* القائمة المنسدلة مخفية افتراضياً وتظهر كطبقة عائمة فوق البلوكات عند الفتح */
    .iklaa-dropdown-content {
        position: fixed !important;
        top: 75px !important;
        left: 16px !important;
        right: 16px !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 20px !important;
        display: none !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    /* حالة فتح القائمة */
    .iklaa-dropdown-content.show {
        display: flex !important;
    }

    /* تنسيق روابط القائمة */
    .iklaa-dropdown-content a {
        display: block !important;
        padding: 12px 16px !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        text-decoration: none !important;
        transition: background 0.2s;
    }

    .iklaa-dropdown-content a:hover {
        background: #e2e8f0 !important;
        color: #15965b !important;
    }
}



button.iklaa-dropdown-toggle,
button.iklaa-modern-toggle,
button.iklaa-new-toggle,
/* removed */,
/* removed */ {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}



ul/* removed */ {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}



.newsgrid, .news-grid, .blog-grid, .posts-grid, .news-item, .article-card {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
}

/* التأكد من ظهور الصور والعناوين داخل بلوك الأخبار */
.newsgrid img, .news-grid img, .news-item img, .article-card img {
    display: block !important;
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}

.newsgrid *, .news-grid *, .news-item *, .article-card * {
    visibility: visible !important;
    opacity: 1 !important;
}



section[id*='news'], .news, .newsgrid, .news-grid, .posts, .article, .blog, [class*='news'], [id*='news'] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

section[id*='news'] *, .news *, .newsgrid *, .news-grid *, .posts *, .article *, .blog * {
    visibility: visible !important;
    opacity: 1 !important;
}



@media screen and (max-width: 768px) {
    /* ضمان ظهور الهيدر ووضعيته الصحيحة */
    .hdrwrap, .site-header, header, .hdr {
        position: relative !important;
        overflow: visible !important;
        z-index: 50 !important;
    }

    /* تنسيق القائمة المنسدلة العائمة للموبايل */
    nav#mainNav.is-open, nav#mainNav.open, 
    .main-nav.is-open, .main-nav.open, 
    .nav-menu.is-open, .nav-menu.open, 
    .nav.is-open, .nav.open {
        position: fixed !important;
        top: 75px !important;
        left: 14px !important;
        right: 14px !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 22px 18px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    /* الروابط داخل القائمة */
    nav#mainNav a, .main-nav a, .nav-menu a, .nav a {
        padding: 12px 16px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        text-decoration: none !important;
    }
}



@media screen and (max-width: 768px) {
    /* إخفاء بلوك اللغات المكرر المزعج الذي ظهر في الصورة */
    #iklaa-global-lang, 
    .floating-lang, 
    .floating-languages, 
    div[id*='lang']:not(header div[id*='lang']) {
        display: none !important;
    }

    /* ضمان إظهار زر الهامبورغر للشاشات الصغيرة */
    .iklaa-modern-toggle, .hamburger-btn, #navToggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* إخفاء القائمة افتراضياً لكي تكون منسدلة وليست مفرودة */
    nav#mainNav:not(.open):not(.is-open), 
    .main-nav:not(.open):not(.is-open), 
    /* removed */:not(.open):not(.is-open) {
        display: none !important;
    }

    /* إظهار القائمة بشكل عائم وفي المقدمة المطلقة عند فتحها */
    nav#mainNav.open, nav#mainNav.is-open,
    .main-nav.open, .main-nav.is-open,
    /* removed */.open, /* removed */.is-open {
        position: fixed !important;
        top: 75px !important;
        left: 16px !important;
        right: 16px !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    /* تنسيق روابط القائمة بداخلها */
    nav#mainNav.open a, nav#mainNav.is-open a,
    .main-nav.open a, .main-nav.is-open a,
    /* removed */.open a, /* removed */.is-open a {
        display: block !important;
        padding: 12px 16px !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        text-decoration: none !important;
    }
}



/* حذف بلوك اللغات الموضح في الصورة نهائياً */
#iklaa-global-lang {
    display: none !important;
}

@media screen and (max-width: 768px) {
    /* حاوية زر القائمة المنسدلة */
    /* removed */ {
        position: relative;
        display: flex;
        align-items: center;
        margin-inline-start: auto;
    }

    /* زر الهامبورغر الحديث */
    .iklaa-dropdown-toggle {
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 10px !important;
        width: 42px !important;
        height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        cursor: pointer !important;
        color: #0f172a !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    }

    /* القائمة المنسدلة مخفية افتراضياً وتظهر كطبقة عائمة فوق البلوكات عند الفتح */
    .iklaa-dropdown-content {
        position: fixed !important;
        top: 75px !important;
        left: 16px !important;
        right: 16px !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 20px !important;
        display: none !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    /* حالة فتح القائمة */
    .iklaa-dropdown-content.show {
        display: flex !important;
    }

    /* تنسيق روابط القائمة */
    .iklaa-dropdown-content a {
        display: block !important;
        padding: 12px 16px !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        text-decoration: none !important;
        transition: background 0.2s;
    }

    .iklaa-dropdown-content a:hover {
        background: #e2e8f0 !important;
        color: #15965b !important;
    }
}



.newsgrid, .news-grid, .blog-grid, .posts-grid, .news-item, .article-card {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
}

/* التأكد من ظهور الصور والعناوين داخل بلوك الأخبار */
.newsgrid img, .news-grid img, .news-item img, .article-card img {
    display: block !important;
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}

.newsgrid *, .news-grid *, .news-item *, .article-card * {
    visibility: visible !important;
    opacity: 1 !important;
}



@media screen and (max-width: 768px) {
    /* جعل الهيدر حاوية نسبية لضبط مكان القائمة بداخلها */
    .hdrwrap, .site-header, header, .hdr {
        position: relative !important;
        overflow: visible !important;
        z-index: 99998 !important;
    }

    /* ضبط مكان وحجم القائمة لتفتح بشكل منسق ومحدد تماماً */
    nav#mainNav, .main-nav, .nav-menu, .header-nav, .nav {
        position: absolute !important;
        top: 100% !important;
        inset-inline-end: 12px !important;
        width: 260px !important;
        max-width: calc(100vw - 24px) !important;
        max-height: 70vh !important;
        overflow-y: auto !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 12px !important;
        padding: 14px !important;
        display: none !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    /* إظهار القائمة عند النقر */
    nav#mainNav.is-open, nav#mainNav.open, 
    .main-nav.is-open, .main-nav.open, 
    .nav-menu.is-open, .nav-menu.open, 
    .header-nav.is-open, .header-nav.open, 
    .nav.is-open, .nav.open {
        display: flex !important;
    }

    /* تنسيق روابط القائمة بداخلها لتكون مرتبة */
    nav#mainNav a, .main-nav a, .nav-menu a, .nav a {
        padding: 10px 12px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }
}



section#news, .news-section, .newsgrid, .news-grid, .posts-grid, .blog-grid, .news-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* تنسيق شبكة المقالات لتبدو مرتبة وجميلة */
.newsgrid, .news-grid, .posts-grid, .blog-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 24px !important;
    margin-top: 20px !important;
}

/* إظهار محتوى المقالات والصور والعناوين بداخل البلوك */
.newsgrid *, .news-grid *, .posts-grid *, .blog-grid *, .news-item * {
    visibility: visible !important;
    opacity: 1 !important;
}

.newsgrid img, .news-grid img, .news-item img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
}



/* إظهار حاوية المستجدات والشبكة الخاصة بالمقالات */
section#news, .news-section, .newsgrid, .news-grid, .posts-grid, .blog-grid, .elementor-posts-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* تنسيق العرض شبكياً لضمان ظهور المقالات بجانب بعضها */
.newsgrid, .news-grid, .posts-grid, .blog-grid, .elementor-posts-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
}

/* إظهار كل عنصر ومقال داخلي بالكامل */
.newsgrid article, .news-grid article, .posts-grid article, .blog-grid article, 
.news-item, .post-item, .elementor-post {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

/* ضمان ظهور صور المقالات الثلاث بوضوح */
.newsgrid img, .news-grid img, .posts-grid img, .blog-grid img, 
.news-item img, .elementor-post__thumbnail img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 190px !important;
    object-fit: cover !important;
}

/* ضمان ظهور العناوين والنصوص داخل المقالات */
.newsgrid h3, .newsgrid h4, .news-grid h3, .news-grid h4, 
.posts-grid h3, .blog-grid h3, .elementor-post__title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #1e293b !important;
    font-size: 18px !important;
    font-weight: bold !important;
    padding: 15px 15px 5px 15px !important;
}



#homeBlocks, .news-section, .newsgrid, .news-grid, .posts-grid {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ضمان ظهور شبكة المقالات بشكل صحيح وعرضها بصورها وعناوينها */
.newsgrid, .news-grid, .posts-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 24px !important;
}

.newsgrid article, .news-grid article, .posts-grid article, .news-item {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1px solid #e6edf3 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.newsgrid img, .news-grid img, .posts-grid img, .news-item img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block !important;
}

.newsgrid h3, .newsgrid h4, .news-grid h3, .news-grid h4, .news-item h3 {
    padding: 16px 16px 8px 16px !important;
    font-size: 18px !important;
    color: #123b70 !important;
    margin: 0 !important;
}



#homeBlocks, .news-section, .newsgrid, .news-grid, .posts-grid {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ضمان ظهور شبكة المقالات بشكل صحيح وعرضها بصورها وعناوينها */
.newsgrid, .news-grid, .posts-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 24px !important;
}

.newsgrid article, .news-grid article, .posts-grid article, .news-item {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1px solid #e6edf3 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.newsgrid img, .news-grid img, .posts-grid img, .news-item img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block !important;
}

.newsgrid h3, .newsgrid h4, .news-grid h3, .news-grid h4, .news-item h3 {
    padding: 16px 16px 8px 16px !important;
    font-size: 18px !important;
    color: #123b70 !important;
    margin: 0 !important;
}



#homeBlocks, .news-section, .newsgrid, .news-grid, .posts-grid {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ضمان ظهور شبكة المقالات بشكل صحيح وعرضها بصورها وعناوينها */
.newsgrid, .news-grid, .posts-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 24px !important;
}

.newsgrid article, .news-grid article, .posts-grid article, .news-item {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1px solid #e6edf3 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.newsgrid img, .news-grid img, .posts-grid img, .news-item img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block !important;
}

.newsgrid h3, .newsgrid h4, .news-grid h3, .news-grid h4, .news-item h3 {
    padding: 16px 16px 8px 16px !important;
    font-size: 18px !important;
    color: #123b70 !important;
    margin: 0 !important;
}



ul/* removed */ {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}



button.iklaa-dropdown-toggle,
button.iklaa-modern-toggle,
button.iklaa-new-toggle,
/* removed */,
/* removed */ {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}



/* حذف بلوك اللغات الموضح في الصورة نهائياً */
#iklaa-global-lang {
    display: none !important;
}

@media screen and (max-width: 768px) {
    /* حاوية زر القائمة المنسدلة */
    /* removed */ {
        position: relative;
        display: flex;
        align-items: center;
        margin-inline-start: auto;
    }

    /* زر الهامبورغر الحديث */
    .iklaa-dropdown-toggle {
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 10px !important;
        width: 42px !important;
        height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        cursor: pointer !important;
        color: #0f172a !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    }

    /* القائمة المنسدلة مخفية افتراضياً وتظهر كطبقة عائمة فوق البلوكات عند الفتح */
    .iklaa-dropdown-content {
        position: fixed !important;
        top: 75px !important;
        left: 16px !important;
        right: 16px !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 20px !important;
        display: none !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    /* حالة فتح القائمة */
    .iklaa-dropdown-content.show {
        display: flex !important;
    }

    /* تنسيق روابط القائمة */
    .iklaa-dropdown-content a {
        display: block !important;
        padding: 12px 16px !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        text-decoration: none !important;
        transition: background 0.2s;
    }

    .iklaa-dropdown-content a:hover {
        background: #e2e8f0 !important;
        color: #15965b !important;
    }
}



/* حذف بلوك اللغات الموضح في الصورة نهائياً */
#iklaa-global-lang {
    display: none !important;
}

@media screen and (max-width: 768px) {
    /* حاوية زر القائمة المنسدلة */
    /* removed */ {
        position: relative;
        display: flex;
        align-items: center;
        margin-inline-start: auto;
    }

    /* زر الهامبورغر الحديث */
    .iklaa-dropdown-toggle {
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 10px !important;
        width: 42px !important;
        height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        cursor: pointer !important;
        color: #0f172a !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    }

    /* القائمة المنسدلة مخفية افتراضياً وتظهر كطبقة عائمة فوق البلوكات عند الفتح */
    .iklaa-dropdown-content {
        position: fixed !important;
        top: 75px !important;
        left: 16px !important;
        right: 16px !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 20px !important;
        display: none !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    /* حالة فتح القائمة */
    .iklaa-dropdown-content.show {
        display: flex !important;
    }

    /* تنسيق روابط القائمة */
    .iklaa-dropdown-content a {
        display: block !important;
        padding: 12px 16px !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        text-decoration: none !important;
        transition: background 0.2s;
    }

    .iklaa-dropdown-content a:hover {
        background: #e2e8f0 !important;
        color: #15965b !important;
    }
}



@media screen and (max-width: 768px) {
    /* ضمان ظهور الهيدر ووضعيته الصحيحة */
    .hdrwrap, .site-header, header, .hdr {
        position: relative !important;
        overflow: visible !important;
        z-index: 50 !important;
    }

    /* تنسيق القائمة المنسدلة العائمة للموبايل */
    nav#mainNav.is-open, nav#mainNav.open, 
    .main-nav.is-open, .main-nav.open, 
    .nav-menu.is-open, .nav-menu.open, 
    .nav.is-open, .nav.open {
        position: fixed !important;
        top: 75px !important;
        left: 14px !important;
        right: 14px !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 22px 18px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    /* الروابط داخل القائمة */
    nav#mainNav a, .main-nav a, .nav-menu a, .nav a {
        padding: 12px 16px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        text-decoration: none !important;
    }
}



@media screen and (max-width: 768px) {
    /* ضمان ظهور الهيدر ووضعيته الصحيحة */
    .hdrwrap, .site-header, header, .hdr {
        position: relative !important;
        overflow: visible !important;
        z-index: 50 !important;
    }

    /* تنسيق القائمة المنسدلة العائمة للموبايل */
    nav#mainNav.is-open, nav#mainNav.open, 
    .main-nav.is-open, .main-nav.open, 
    .nav-menu.is-open, .nav-menu.open, 
    .nav.is-open, .nav.open {
        position: fixed !important;
        top: 75px !important;
        left: 14px !important;
        right: 14px !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 22px 18px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    /* الروابط داخل القائمة */
    nav#mainNav a, .main-nav a, .nav-menu a, .nav a {
        padding: 12px 16px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        text-decoration: none !important;
    }
}



@media screen and (max-width: 768px) {
    /* ضمان ظهور الهيدر ووضعيته الصحيحة */
    .hdrwrap, .site-header, header, .hdr {
        position: relative !important;
        overflow: visible !important;
        z-index: 50 !important;
    }

    /* تنسيق القائمة المنسدلة العائمة للموبايل */
    nav#mainNav.is-open, nav#mainNav.open, 
    .main-nav.is-open, .main-nav.open, 
    .nav-menu.is-open, .nav-menu.open, 
    .nav.is-open, .nav.open {
        position: fixed !important;
        top: 75px !important;
        left: 14px !important;
        right: 14px !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 22px 18px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    /* الروابط داخل القائمة */
    nav#mainNav a, .main-nav a, .nav-menu a, .nav a {
        padding: 12px 16px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        text-decoration: none !important;
    }
}



/* حذف بلوك اللغات الموضح في الصورة نهائياً */
#iklaa-global-lang {
    display: none !important;
}

@media screen and (max-width: 768px) {
    /* حاوية زر القائمة المنسدلة */
    .iklaa-dropdown-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        margin-inline-start: auto;
    }

    /* زر الهامبورغر الحديث */
    .iklaa-dropdown-toggle {
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 10px !important;
        width: 42px !important;
        height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        cursor: pointer !important;
        color: #0f172a !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    }

    /* القائمة المنسدلة مخفية افتراضياً وتظهر كطبقة عائمة فوق البلوكات عند الفتح */
    .iklaa-dropdown-content {
        position: fixed !important;
        top: 75px !important;
        left: 16px !important;
        right: 16px !important;
        z-index: 2147483647 !important;
        background: #ffffff !important;
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 16px !important;
        padding: 20px !important;
        display: none !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    /* حالة فتح القائمة */
    .iklaa-dropdown-content.show {
        display: flex !important;
    }

    /* تنسيق روابط القائمة */
    .iklaa-dropdown-content a {
        display: block !important;
        padding: 12px 16px !important;
        background: #f8fafc !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        text-decoration: none !important;
        transition: background 0.2s;
    }

    .iklaa-dropdown-content a:hover {
        background: #e2e8f0 !important;
        color: #15965b !important;
    }
}


/* ==========================================================
   IKLAA REMOVE LANG & CLEAN DROPDOWN MENU
   ========================================================== */
/* حذف بلوك اللغات الموضح في الصورة نهائياً */
#iklaa-global-lang {
    display: none !important;
}

@media screen and (max-width: 768px) {
    /* حاوية زر القائمة المنسدلة */
    .iklaa-dropdown-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        margin-inline-start: auto;
    }

    /*
    }
}


/* ==========================================================
   IKLAA REMOVE LANG & CLEAN DROPDOWN MENU
   ========================================================== */
/* حذف بلوك اللغات الموضح في الصورة نهائياً */
#iklaa-global-lang {
    display: none !important;
}

@media screen and (max-width: 768px) {
    /* حاوية زر القائمة المنسدلة */
    .iklaa-dropdown-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        margin-inline-start: auto;
    }

    /*
    }
}


/* ==========================================================
   IKLAA REMOVE LANG & CLEAN DROPDOWN MENU
   ========================================================== */
/* حذف بلوك اللغات الموضح في الصورة نهائياً */
#iklaa-global-lang {
    display: none !important;
}

@media screen and (max-width: 768px) {
    /* حاوية زر القائمة المنسدلة */
    .iklaa-dropdown-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        margin-inline-start: auto;
    }

    /*
    }
}


/* ==========================================================
   IKLAA REMOVE LANG & CLEAN DROPDOWN MENU
   ========================================================== */
/* حذف بلوك اللغات الموضح في الصورة نهائياً */
#iklaa-global-lang {
    display: none !important;
}

@media screen and (max-width: 768px) {
    /* حاوية زر القائمة المنسدلة */
    .iklaa-dropdown-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        margin-inline-start: auto;
    }

    /*
    }
}