.elementor-6006 .elementor-element.elementor-element-8054cc8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6006 .elementor-element.elementor-element-f6e09a3 > .elementor-widget-container{margin:0px 0px -1px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-f6e09a3 *//*
  ملف CSS الموحد لـ Elementor (V17 - Toggle Button Color Fix)
  يحتوي هذا الملف على جميع الأنماط الأساسية + درع الحماية + قواعد فرض الوضع الليلي
*/

/* 1. الخطوط والمتغيرات الأساسية */
body {
    font-family: 'Almarai', 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
    transition: font-family 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    background-color: #f9fafb;
}

:root {
    --brand-teal: #14b8a6;
    --whatsapp-green: #25D366;
    --linkedin-blue: #0A66C2;
    --x-black: #111827;
    --google-meet-green: #e05930; 
    --call-icon-blue: #445b6c; 
}

/* 2. الأنماط المساعدة (Utilities) */
.bg-brand-teal { background-color: var(--brand-teal); }
.text-brand-teal { color: var(--brand-teal); }
.border-brand-teal { border-color: var(--brand-teal); }
.bg-brand-gradient { background-color: var(--brand-teal); }
.shadow-card { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); }
.shadow-card-hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }

/* 3. أنماط المكونات (Components) */
/* Accordion */
.accordion-content {
    max-height: 0; 
    overflow: hidden; 
    transition: max-height 0.8s ease-in-out; 
}

/* Projects */
#mm-profile-wrapper .project-key-concept {
    display: flex;
    align-items: flex-start;
}
#mm-profile-wrapper .project-icon {
    /* color: var(--brand-teal) !important; (Moved to Teal Force section) */
    margin-top: 0.15rem;
    flex-shrink: 0;
    font-size: 24px !important; 
}

/* 4. أنماط الاتجاه (RTL/LTR) */
#mm-profile-wrapper[dir="rtl"] .project-icon {
    margin-left: 0.5rem;
    margin-right: 0;
}
#mm-profile-wrapper[dir="rtl"] .list-disc { 
    padding-right: 1.5rem !important; 
    padding-left: 0 !important; 
    /* text-align: right; (Handled by global shield) */
}
#mm-profile-wrapper[dir="ltr"] .project-icon {
    margin-right: 0.5rem;
    margin-left: 0;
}
#mm-profile-wrapper[dir="ltr"] .list-disc { 
    padding-left: 1.5rem !important; 
    padding-right: 0 !important; 
    /* text-align: left; (Handled by global shield) */
}
#mm-profile-wrapper .accordion-content ul .ml-5 { 
     margin-left: 0 !important; 
     margin-right: 0 !important;
}
#mm-profile-wrapper[dir="rtl"] .accordion-content ul .ml-5 { 
    padding-right: 1.25rem !important; 
    padding-left: 0 !important; 
}
#mm-profile-wrapper[dir="ltr"] .accordion-content ul .ml-5 { 
    padding-left: 1.25rem !important; 
    padding-right: 0 !important; 
}

/* Contact Icons */
#mm-profile-wrapper .contact-icon-fa {
    width: 2.5rem !important;  height: 2.5rem !important;  font-size: 2.5rem !important;
    line-height: 1 !important; display: flex !important; align-items: center !important;
    justify-content: center !important;
}

/* Icon Margins */
#mm-profile-wrapper .flex > .material-symbols-outlined:first-child:not(.accordion-icon) {
    margin: 0;
}
#mm-profile-wrapper[dir="rtl"] .flex > .material-symbols-outlined:first-child:not(.accordion-icon) {
    margin-left: 0.75rem !important;
}
#mm-profile-wrapper[dir="ltr"] .flex > .material-symbols-outlined:first-child:not(.accordion-icon) {
    margin-right: 0.75rem !important;
}

/* Skills Card Alignment */
#mm-profile-wrapper #skills .skill-card { 
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
#mm-profile-wrapper[dir="rtl"] #skills .skill-card { 
    flex-direction: row;
    justify-content: flex-start;
    /* text-align: right; (Handled by global shield) */
}
#mm-profile-wrapper[dir="ltr"] #skills .skill-card { 
    flex-direction: row;
    justify-content: flex-start;
    /* text-align: left; (Handled by global shield) */
}
#mm-profile-wrapper #skills .skill-card span { 
    margin: 0 !important; 
}


/* --- START: ELEMENTOR GLOBAL STYLE SHIELD (V3) --- */
/* يمنع Elementor من فرض أنماطه (مثل ألوان الروابط)
*/

/* 1. فرض محاذاة النص (RTL/LTR) - V3 (Explicit) */
#mm-profile-wrapper[dir="rtl"] {
    text-align: right !important;
}
#mm-profile-wrapper[dir="ltr"] {
    text-align: left !important;
}
/* Force all children to inherit this alignment */
#mm-profile-wrapper * {
    text-align: inherit !important;
}
/* Re-apply specific alignments for lists (overrides browser defaults) */
#mm-profile-wrapper[dir="rtl"] ul,
#mm-profile-wrapper[dir="rtl"] li {
    text-align: right !important;
}
#mm-profile-wrapper[dir="ltr"] ul,
#mm-profile-wrapper[dir="ltr"] li {
    text-align: left !important;
}


/* 2. تصفير أنماط الروابط (لإلغاء اللون الوردي أو الأزرق من Elementor) */
#mm-profile-wrapper a,
#mm-profile-wrapper a:hover,
#mm-profile-wrapper a:focus,
#mm-profile-wrapper a:visited {
    color: inherit !important; 
    text-decoration: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important; /* Added */
    outline: none !important; /* Added */
}

/* 3. تصفير شامل لـ "كل" الأزرار (Inspired by user snippet) */
#mm-profile-wrapper button,
#mm-profile-wrapper button.accordion-toggle {
    background-color: transparent !important; /* Changed to transparent */
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important; /* Added */
    margin: 0 !important; /* Added */
    font-family: inherit !important; /* Added */
}

/* 4. إعادة تطبيق أنماط الأزرار والروابط الخاصة بنا (وضع مضيء) */
/* --- Buttons --- */
#mm-profile-wrapper a.bg-brand-gradient {
    background-color: var(--brand-teal) !important;
    color: white !important;
    padding: 0.75rem 2rem !important; /* Re-apply padding */
}
html:not(.dark) #mm-profile-wrapper a.bg-gray-900 {
    background-color: #111827 !important;
    color: white !important;
    padding: 0.75rem 2rem !important; /* Re-apply padding */
}
#mm-profile-wrapper #theme-toggle,
#mm-profile-wrapper #lang-toggle {
    padding: 0.5rem !important; /* Re-apply padding */
    border: 2px solid var(--brand-teal) !important; /* Re-apply border */
}
#mm-profile-wrapper #lang-toggle {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* --- Accordion Toggles --- */
html:not(.dark) #mm-profile-wrapper #experience .accordion-toggle {
    background-color: #ffffff !important; /* Re-apply light bg */
    padding: 1.25rem !important; /* Re-apply padding */
}
html:not(.dark) #mm-profile-wrapper #experience .accordion-toggle:hover {
    background-color: #f9fafb !important; /* (bg-gray-50) */
}
#mm-profile-wrapper .accordion-toggle[data-i18n-direction] {
    padding: 1rem 1.5rem !important; /* Re-apply padding */
}

/* --- Contact Cards --- */
html:not(.dark) #mm-profile-wrapper #contact a { 
    background-color: white !important; 
    color: inherit !important; 
    padding: 1.5rem !important; /* Re-apply padding */
    border: 2px solid #f4f2ee !important; /* Re-apply border */
}
html:not(.dark) #mm-profile-wrapper #contact a h3 { 
    color: #111827 !important; 
} 
html:not(.dark) #mm-profile-wrapper #contact a p { 
    color: #4b5563 !important; 
} 

/* 5. إزالة أي outlines مزعجة عند الضغط (Inspired by user snippet) */
#mm-profile-wrapper *:focus,
#mm-profile-wrapper *:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important; /* Aggressive reset */
}

/* 6. إعادة تطبيق الحدود الأساسية التي تم إلغاؤها */
html:not(.dark) #mm-profile-wrapper #experience .border.rounded-2xl {
    border-color: #e5e7eb !important; /* Re-apply light border */
}
html:not(.dark) #mm-profile-wrapper .border-b-2.border-gray-200 {
    border-bottom-color: #e5e7eb !important; /* Re-apply light border */
}

/* --- END: ELEMENTOR GLOBAL STYLE SHIELD --- */


/* --- START: Dark Mode FORCE Overrides (for Elementor) --- */
/* قواعد لفرض ألوان الوضع الليلي ومنع Elementor من إلغائها
*/

/* 1. فرض الخلفيات والألوان العامة للوضع الليلي */
html.dark body,
html.dark #mm-profile-wrapper {
    background-color: #111827 !important; /* dark:bg-gray-900 */
    color: #d1d5db !important; /* dark:text-gray-300 */
}
html.dark #mm-profile-wrapper h1,
html.dark #mm-profile-wrapper h2,
html.dark #mm-profile-wrapper h3,
html.dark #mm-profile-wrapper h4,
html.dark #mm-profile-wrapper strong {
    color: #f9fafb !important; /* dark:text-gray-100 */
}

/* (V16): إصلاح العناوين الداكنة داخل قسم "الخبرات" (أكثر قوة) */
html.dark #mm-profile-wrapper #experience .accordion-content strong,
html.dark #mm-profile-wrapper #experience .accordion-content b,
html.dark #mm-profile-wrapper #experience .accordion-content .text-gray-900,
html.dark #mm-profile-wrapper #experience .accordion-content .text-gray-800,
html.dark #mm-profile-wrapper #experience .accordion-content .text-gray-700 {
    color: #f9fafb !important; /* فرض اللون الأبيض */
}

html.dark #mm-profile-wrapper p,
html.dark #mm-profile-wrapper li {
    color: #d1d5db !important; /* dark:text-gray-300 */
}
/* (V15): إصلاح لون النص الداكن في بطاقات المهارات */
html.dark #mm-profile-wrapper #skills .skill-card span.text-gray-700 {
    color: #f9fafb !important; /* dark:text-gray-100 (أبيض) */
}
html.dark #mm-profile-wrapper p.text-gray-600,
html.dark #mm-profile-wrapper span.text-gray-600,
html.dark #mm-profile-wrapper p.text-gray-500 {
    color: #9ca3af !important; /* dark:text-gray-400 */
}
/* 2. فرض خلفيات البطاقات والأقسام (V12 - تمت إضافة Core Strengths) */
html.dark #mm-profile-wrapper section[id^="academic"],
html.dark #mm-profile-wrapper article.bg-white,
html.dark #mm-profile-wrapper .skill-card.bg-white,
html.dark #mm-profile-wrapper #patents li.bg-white,
html.dark #mm-profile-wrapper #awards .bg-white,
html.dark #mm-profile-wrapper #value-offer .bg-white,
html.dark #mm-profile-wrapper #experience .accordion-toggle,
html.dark #mm-profile-wrapper #work .accordion-toggle,
html.dark #mm-profile-wrapper #strengths .bg-white { /* <-- هذا السطر يُصلح بطاقات "نقاط القوة" */
    background-color: #1f2937 !important; /* dark:bg-gray-800 */
    /* تم حذف الحشو (padding) من هذه المجموعة لأنه مختلف لكل عنصر */
}

/* 2b. إعادة تطبيق الحشو (Padding) بشكل منفصل للوضع الليلي (V7) */
html.dark #mm-profile-wrapper #experience .accordion-toggle {
    padding: 1.25rem !important; /* الحشو الخاص ببطاقات الخبرات */
}
html.dark #mm-profile-wrapper #strengths .bg-white { /* <-- هذا السطر يُصلح حجم "نقاط القوة" */
    padding: 1.5rem !important; /* حشو بطاقات نقاط القوة (المستمدة من p-6) */
}
html.dark #mm-profile-wrapper .accordion-toggle[data-i18n-direction] {
    padding: 1rem 1.5rem !important; /* الحشو الخاص ببطاقات المشاريع */
}

/* 3. فرض ألوان الحدود (V13 - إصلاح الخط الأبيض بشكل دقيق) */
html.dark #mm-profile-wrapper .border-b-2.border-gray-200,
/* html.dark #mm-profile-wrapper .border-t, <-- تم الحذف لأنه كان عاماً جداً ويسبب أخطاء */
html.dark #mm-profile-wrapper .border,
html.dark #mm-profile-wrapper .border-2.border-\[\#f4f2ee\],
html.dark #mm-profile-wrapper #experience .border.rounded-2xl {
    border-color: #374151 !important; /* dark:border-gray-700 */
}
/* (V14): استهداف الخطوط البيضاء + إصلاح خلفيات المحتوى الفاتحة */
html.dark #mm-profile-wrapper #work article > div.border-t, /* الخط الفاصل في بطاقة المشاريع */
html.dark #mm-profile-wrapper #experience .accordion-content.border-t { /* المحتوى المفتوح في بطاقة الخبرات */
    border-color: #374151 !important; /* dark:border-gray-700 */
    background-color: #1f2937 !important; /* <--- تمت الإضافة: لفرض الخلفية الداكنة */
}

html.dark #mm-profile-wrapper .skill-card.border-gray-100 {
    border-color: #4b5563 !important; /* dark:border-gray-600 */
}
/* Re-apply border for toggle buttons in dark mode */
html.dark #mm-profile-wrapper #theme-toggle,
html.dark #mm-profile-wrapper #lang-toggle {
    border: 2px solid var(--brand-teal) !important;
}
/* Re-apply border for contact cards in dark mode */
html.dark #mm-profile-wrapper #contact a {
    border: 2px solid #374151 !important; /* dark:border-gray-700 */
}


/* 4. فرض ألوان الأزرار (V17 - Toggle Button Color Fix) */
html.dark #mm-profile-wrapper a.bg-gray-900 {
    background-color: #e5e7eb !important; /* dark:bg-gray-200 */
    color: #111827 !important; /* dark:text-gray-900 */
}
html.dark #mm-profile-wrapper #theme-toggle,
html.dark #mm-profile-wrapper #lang-toggle {
    background-color: #e5e7eb !important; /* dark:bg-gray-200 (نفس لون زر Get in Touch) */
    color: #111827 !important; /* dark:text-gray-900 (نفس لون زر Get in Touch) */
}

/* 5. فرض ألوان الاهتمامات وبطاقات التواصل */
html.dark #mm-profile-wrapper #interests span.bg-gray-200 {
    background-color: #374151 !important; /* dark:bg-gray-700 */
    color: #d1d5db !important; /* dark:text-gray-300 */
}
html.dark #mm-profile-wrapper #contact a {
    background-color: #1f2937 !important; /* dark:bg-gray-800 */
}
html.dark #mm-profile-wrapper #contact a h3 {
    color: #f9fafb !important; /* dark:text-gray-100 */
}
html.dark #mm-profile-wrapper #contact a p {
    color: #9ca3af !important; /* dark:text-gray-400 */
}
/* --- END: Dark Mode FORCE Overrides --- */


/* --- START: GLOBAL TEAL FORCE (V5 - Typo Fix + Specificity) --- */
/*
    يجب أن تأتي هذه القواعد في النهاية
    لفرض اللون الأخضر (Teal) على جميع الأيقونات والأسهم
    في كلا الوضعين (المضيء والليلي)
*/

/* 1. فرض العناوين الخضراء */
html #mm-profile-wrapper h1.text-brand-teal,
html #mm-profile-wrapper h3.text-brand-teal,
html.dark #mm-profile-wrapper h1.text-brand-teal,
html.dark #mm-profile-wrapper h3.text-brand-teal {
     color: var(--brand-teal) !important;
}

/* 2. فرض أيقونات العناوين الرئيسية للأقسام */
html #mm-profile-wrapper #home h3 .material-symbols-outlined,
html #mm-profile-wrapper #academic .flex .material-symbols-outlined,
html #mm-profile-wrapper #value-offer .flex .material-symbols-outlined,
html #mm-profile-wrapper #experience > .flex .material-symbols-outlined,
html #mm-profile-wrapper #strengths > .flex .material-symbols-outlined,
html #mm-profile-wrapper #skills > .flex .material-symbols-outlined,
html #mm-profile-wrapper #work > .flex .material-symbols-outlined,
html #mm-profile-wrapper #patents > .flex .material-symbols-outlined,
html #mm-profile-wrapper #awards > .flex .material-symbols-outlined,
html #mm-profile-wrapper #interests > .flex .material-symbols-outlined,
html #mm-profile-wrapper #contact > .flex .material-symbols-outlined {
    color: var(--brand-teal) !important;
}

/* 3. فرض أيقونات وأسهم الأكورديون (V8 - Accordion Icon Circle Fix) */
html #mm-profile-wrapper .accordion-toggle, /* العناوين */
html #mm-profile-wrapper #experience .accordion-toggle .material-symbols-outlined { /* أيقونات الخبرة */
    color: var(--brand-teal) !important; 
}

/* 3b. Reset accordion icon SPAN to remove any circles/backgrounds (V11 Fix) */
html #mm-profile-wrapper .accordion-icon,
html #mm-profile-wrapper .accordion-icon::before,
html #mm-profile-wrapper .accordion-icon::after,
html #mm-profile-wrapper .accordion-icon .material-symbols-outlined,
html #mm-profile-wrapper .accordion-icon .material-symbols-outlined::before,
html #mm-profile-wrapper .accordion-icon .material-symbols-outlined::after { 
    color: var(--brand-teal) !important; /* الأسهم */
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important; 
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important; 
    width: auto !important; 
    font-size: 1.5rem !important; /* Re-apply icon size */
    line-height: 1 !important;
    /* Reset any potential content added by Elementor */
    content: none !important; 
}

/* (V14): قاعدة "تدمير" مخصصة لإزالة الدائرة في قسم "المشاريع" فقط */
html #mm-profile-wrapper #work .accordion-icon,
html #mm-profile-wrapper #work .accordion-icon *,
html #mm-profile-wrapper #work .accordion-icon *::before,
html #mm-profile-wrapper #work .accordion-icon *::after {
    color: var(--brand-teal) !important; /* الأسهم */
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important; 
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important; 
    width: auto !important; 
    font-size: 1.5rem !important; /* Re-apply icon size */
    line-height: 1 !important;
    content: none !important; 
}


/* 3c. Force "Project Link" text color (V14 Fix) */
html #mm-profile-wrapper #work .accordion-toggle span[data-i18n="project_link"],
html.dark #mm-profile-wrapper #work .accordion-toggle span[data-i18n="project_link"] { /* <-- تمت إضافة نسخة .dark */
    color: var(--brand-teal) !important;
}

/* 4. فرض أيقونات البطاقات الداخلية (V7 - Typo Fix) */
html #mm-profile-wrapper #strengths h3 .material-symbols-outlined, /* أيقونات نقاط القوة */
html #mm-profile-wrapper #skills .flex .material-symbols-outlined, /* أيقونات المهارات - FIXED TYPO */
html #mm-profile-wrapper #patents li .material-symbols-outlined, /* أيقونات براءات الاختراع */
html #mm-profile-wrapper .project-icon, /* أيقونات المشاريع (Concept, etc) */
html #mm-profile-wrapper #contact a .material-symbols-outlined, /* أيقونات التواصل */
html #mm-profile-wrapper #contact a svg,
html #mm-profile-wrapper #contact a .fab {
    color: var(--brand-teal) !important;
}
/* --- END: GLOBAL TEAL FORCE (V5) --- *//* End custom CSS */