.elementor-18079 .elementor-element.elementor-element-467feec{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-18079 .elementor-element.elementor-element-acb946f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18079 .elementor-element.elementor-element-1881105{text-align:center;}.elementor-18079 .elementor-element.elementor-element-1881105 .elementor-heading-title{color:#0F2041;}.elementor-18079 .elementor-element.elementor-element-adaf035 img{border-radius:10px 10px 10px 10px;}.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-icon{width:14px;}.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-icon i{font-size:14px;}.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-18079 .elementor-element.elementor-element-aa0acb7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}@media(min-width:768px){.elementor-18079 .elementor-element.elementor-element-acb946f{--width:75%;}.elementor-18079 .elementor-element.elementor-element-aa0acb7{--width:42%;}}/* Start custom CSS for post-info, class: .elementor-element-f75f3b9 *//* ===================================================
   تنسيق معلومات المقال (كبسولات Post Info) بستايل الهوية الفاتح
   =================================================== */

/* الحاوية الرئيسية للقائمة لتوسيط العناصر وضبط المسافات */
.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-items {
    display: flex !important;
    justify-content: center !important; /* توسيط الكبسولات */
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* تنسيق العنصر الواحد (الكبسولة) */
.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-item {
    background: #ffffff !important; /* كبسولة بيضاء نقية تتناسب مع الخلفية الفاتحة */
    padding: 8px 20px !important;
    border-radius: 50px !important; /* شكل بيضاوي ناعم */
    border: 1px solid #f0f0f0 !important; /* إطار رمادي خفيف جداً */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important; /* شادو خفيف جداً يبرز الكبسولة */
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.3s ease !important;
}

/* تأثير مرور الماوس على الكبسولة (تتفاعل وتطفو للأعلى وتقلِب كحلي) */
.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-item:hover {
    background: #0F2041 !important; /* الكبسولة تقلب كحلي فخم */
    border-color: #0F2041 !important; 
    transform: translateY(-3px) !important; /* طفو خفيف يعطي إحساس بالحيوية */
    box-shadow: 0 6px 15px rgba(15, 32, 65, 0.15) !important; /* توهج كحلي خفيف تحت الكبسولة */
}

/* تنسيق الأيقونة */
.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-icon i,
.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-icon svg {
    color: rgb(243,180,130) !important; /* لون الأيقونة برتقالي الهوية */
    font-size: 36px !important; /* الحجم الأصلي الواضح */
    margin-left: 2px !important; /* مسافة بين الأيقونة والنص (خاصة باللغة العربية) */
    transition: color 0.3s ease !important;
}

/* تنسيق النص (اسم الكاتب، التاريخ، إلخ) */
.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-text, 
.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-text a {
    color: #0F2041 !important; /* لون النص كحلي واضح للعين */
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'Alexandria', sans-serif !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* لون النص عند مرور الماوس */
.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-item:hover .elementor-icon-list-text,
.elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-item:hover .elementor-icon-list-text a {
    color: #ffffff !important; /* يقلب أبيض عشان يبان بوضوح فوق الخلفية الكحلي */
}

/* تجاوب المسافات مع شاشات الجوال */
@media (max-width: 767px) {
    .elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-item {
        padding: 6px 16px !important;
    }
    .elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-text, 
    .elementor-18079 .elementor-element.elementor-element-f75f3b9 .elementor-icon-list-text a {
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-6085bc2 */.elementor-18079 .elementor-element.elementor-element-6085bc2, 
.elementor-18079 .elementor-element.elementor-element-6085bc2 p {
    color: #444444 !important; /* لون رمادي داكن لراحة العين في القراءة الطويلة */
    font-size: 17px !important; /* حجم متناسق مع أبعاد خط ألكسندريا */
    font-weight: 400 !important;
    line-height: 1.9 !important; /* مسافة بين السطور تمنع تداخل الكلام */
    margin-bottom: 28px !important; /* مسافة مريحة بين كل فقرة والتالية */
    text-align: justify !important; /* ضبط محاذاة النص من الجانبين */
}

/* 2. تنسيق العناوين الجانبية الرئيسية (H2) داخل المقال */
.elementor-18079 .elementor-element.elementor-element-6085bc2 h2 {
    color: #0F2041 !important; /* اللون الكحلي الخاص بهويتك */
    font-size: 24px !important;
    font-weight: 700 !important; /* خط عريض للعنوان الرئيسي */
    margin-bottom: 20px !important;
    padding-right: 15px !important;
    border-right: 3px solid rgb(243,180,130) !important; /* خط برتقالي رأسي مميز على اليمين */
    border-radius: 5px;
}

/* 3. تنسيق العناوين الفرعية الأصغر (H3, H4) */
.elementor-18079 .elementor-element.elementor-element-6085bc2 h3, 
.elementor-18079 .elementor-element.elementor-element-6085bc2 h4 {
    color: #0F2041 !important; /* كحلي الهوية */
    font-size: 21px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

/* 4. تنسيق الكلمات المميزة المكتوبة بخط عريض (Bold) */
.elementor-18079 .elementor-element.elementor-element-6085bc2 strong,
.elementor-18079 .elementor-element.elementor-element-6085bc2 b {
    color: #0F2041 !important;
    font-weight: 800 !important;
}

/* 5. تنسيق القوائم والنقاط (Lists) */
.elementor-18079 .elementor-element.elementor-element-6085bc2 ul, 
.elementor-18079 .elementor-element.elementor-element-6085bc2 ol {

    padding-right: 25px !important;
}

.elementor-18079 .elementor-element.elementor-element-6085bc2 li {
    color: #444444 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    margin-bottom: 12px !important;

}

/* 6. تنسيق الاقتباسات (Blockquote) */
.elementor-18079 .elementor-element.elementor-element-6085bc2 blockquote {
    background: #f6f8f9 !important; /* خلفية رمادي فاتح جداً مريحة للعين */
    border-right: 4px solid rgb(243,180,130) !important; /* إطار برتقالي للهوية */
    padding: 20px 25px !important;
    margin: 30px 0 !important;
    border-radius: 4px !important;
}

.elementor-18079 .elementor-element.elementor-element-6085bc2 blockquote p {
    color: #0F2041 !important; /* الكلام جوه الاقتباس يبرز بالكحلي */
    font-weight: 500 !important;
    margin-bottom: 0 !important;
}
/* 7. تنسيق الروابط الداخلية وسط الكلام (باستثناء الأزرار) */
.elementor-18079 .elementor-element.elementor-element-6085bc2 p a:not(.elementor-button):not(.button),
.elementor-18079 .elementor-element.elementor-element-6085bc2 li a:not(.elementor-button):not(.button) {
    color: rgb(243,180,130) !important; 
    text-decoration: underline !important;
    text-decoration-color: rgba(243, 180, 130, 0.4) !important; 
    text-underline-offset: 5px !important; 
    font-weight: 700 !important; 
    transition: all 0.3s ease !important;
}

/* تأثير الهوفر للروابط النصية */
.elementor-18079 .elementor-element.elementor-element-6085bc2 p a:not(.elementor-button):not(.button):hover,
.elementor-18079 .elementor-element.elementor-element-6085bc2 li a:not(.elementor-button):not(.button):hover {
    color: #0F2041 !important; 
    text-decoration-color: #0F2041 !important;
    background-color: rgba(15, 32, 65, 0.05) !important; 
}

/* تنظيف الأزرار من أي خطوط أو تشوهات تابعة للروابط */
.elementor-18079 .elementor-element.elementor-element-6085bc2 a.elementor-button,
.elementor-18079 .elementor-element.elementor-element-6085bc2 a.button,
.elementor-18079 .elementor-element.elementor-element-6085bc2 a.cta-button {
    text-decoration: none !important;
    color: #ffffff !important;
}

/* ===================================================
   تجاوب الخط مع شاشات الجوال (Mobile Typography)
   =================================================== */
@media (max-width: 767px) {
    .elementor-18079 .elementor-element.elementor-element-6085bc2, 
    .elementor-18079 .elementor-element.elementor-element-6085bc2 p {
        font-size: 15px !important; /* تصغير متناسق على الجوال لخط ألكسندريا */
        line-height: 1.8 !important;
    }
    
    .elementor-18079 .elementor-element.elementor-element-6085bc2 h2 {
        font-size: 20px !important;
        margin-top: 35px !important;
    }
    
    .elementor-18079 .elementor-element.elementor-element-6085bc2 h3 {
        font-size: 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acb946f *//* 1. كسر قيود العرض المفروضة من قالب أسترا على الصفحة بالكامل */
.ast-narrow-container .site-content .ast-container, 
html body.ast-narrow-container .is-layout-constrained > :not(.alignfull) {
    max-width: 1500px !important;
    margin: 0 auto !important;
}

/* 2. إجبار حاوية الإلمنتور الرئيسية على الفرش للـ 1500px */
.elementor-18079 .elementor-element.elementor-element-acb946f, 
.elementor-18079 .elementor-element.elementor-element-acb946f.elementor-element,
.elementor-18079 .elementor-element.elementor-element-acb946f > .e-con-inner {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ===================================================
   تنسيق وإبراز حاوية المقالة (ستايل فاتح يتطابق مع متجرك)
   =================================================== */

.elementor-18079 .elementor-element.elementor-element-acb946f {
    background-color: #ffffff !important; /* خلفية بيضاء نقية تتناسب مع الموقع */
    border: 1px solid #f0f0f0 !important; /* إطار رمادي فاتح جداً وخفيف يحدد المقالة بشياكة */
    border-radius: 16px !important; /* زوايا منحنية ناعمة واحترافية للمقالة */
    
    /* تأثير ظل ناعم جداً ومريح للعين خلف المقالة لإبرازها (بدل الظل الأسود الثقيل) */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04) !important; 
    
    /* ضبط الهوامش الداخلية عشان الكلام يتنفس جوه الكارت (تم الحفاظ عليها) */
    padding-top: 20px !important;
    padding-bottom: 50px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    margin-top: 10px;
    margin-bottom: 60px !important; /* مسافة مريحة بين المقالة والفوتر تحت */
    box-sizing: border-box !important;
}

/* حركة انسيابية مريحة للعين لما الماوس يمر فوق المقالة */
.elementor-18079 .elementor-element.elementor-element-acb946f img, 
.elementor-18079 .elementor-element.elementor-element-acb946f h1, 
.elementor-18079 .elementor-element.elementor-element-acb946f {
    transition: all 0.4s ease-in-out !important;
}

/* يضيء الإطار بنسبة بسيطة باللون الكحلي الخاص بيك عند مرور الماوس لمنح شعور بالتفاعل */
.elementor-18079 .elementor-element.elementor-element-acb946f:hover {
    border-color: rgba(15, 32, 65, 0.2) !important; /* إطار كحلي شفاف */
    box-shadow: 0 12px 40px rgba(15, 32, 65, 0.08) !important; /* شادو يميل للكحلي الفاتح لربطه بالهوية */
}

/* ===================================================
   تجاوب الحاوية مع شاشات الجوال (Mobile Container)
   =================================================== */
@media (max-width: 767px) {
    .elementor-18079 .elementor-element.elementor-element-acb946f {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
        padding-left: 20px !important; /* تقليل الهوامش على الجوال عشان نوفر مساحة للشاشة الصغيرة */
        padding-right: 20px !important;
        border-radius: 0px !important; /* إلغاء الانحناء على الجوال لتفرش الحاوية لآخر حدود الشاشة كشكل جمالي أفضل */
        border-left: none !important;  /* إخفاء الإطارات الجانبية على الجوال لمنع التشتيت */
        border-right: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8658216 *//* ===================================================
   تنسيقات قائمة أحدث المقالات (السايد بار) بستايل الهوية الفاتح
   =================================================== */

.custom-sidebar-wrapper {
    background-color: #ffffff !important; /* خلفية بيضاء لتتناسب مع الموقع */
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); /* ظل ناعم جداً ومريح للعين */
    border: 1px solid #f0f0f0; /* إطار رمادي فاتح للدمج بنعومة */
    margin-bottom: 24px;
    direction: rtl;
    box-sizing: border-box;
}

.sidebar-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #0F2041; /* نص كحلي الهوية ناصع الوضوح */
    border-bottom: 2px solid rgb(243,180,130); /* خط سفلي برتقالي فخم */
    padding-bottom: 10px;
    display: inline-block;
}

.custom-latest-posts {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-latest-posts li {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    align-items: center;
    border-bottom: 1px solid #f0f0f0; /* خط فاصل رمادي فاتح غير مزعج للعين */
    padding-bottom: 20px;
}

.custom-latest-posts li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* تثبيت أبعاد حاوية الصورة ومنع انكماشها */
.post-thumb {
    width: 75px;        /* العرض الثابت الذي تريده */
    height: 75px;       /* الارتفاع الثابت لتكون مربعة تماماً */
    flex-shrink: 0;     /* خاصية جوهرية تمنع النص الطويل من ضغط حجم الصورة */
    border-radius: 8px;
    overflow: hidden;   /* لقص الزوائد بدقة بعد تدوير الزوايا */
    background: #f6f8f9; /* خلفية رمادي فاتح تظهر أثناء تحميل الصورة */
}

/* ضبط الصورة الداخلية لتملأ الحاوية بدون تشويه */
.post-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;  /* تقوم بقص الصورة (Crop) ذكياً من المنتصف لتناسب الأبعاد الجديدة دون مط أو تشويه */
    object-position: center;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* تأثير التكبير الناعم عند تمرير الماوس */
.post-thumb:hover img {
    transform: scale(1.08);
}

.post-info {
    display: flex;
    flex-direction: column;
}

.post-info .post-title {
    font-size: 14px;
    font-weight: 600;
    color: #0F2041; /* كحلي الهوية عشان يبرز على الخلفية البيضاء */
    text-decoration: none;
    line-height: 1.6;
    margin-bottom: 6px;
    transition: color 0.3s ease;
}

.post-info .post-title:hover {
    color: rgb(243,180,130); /* يتحول للبرتقالي عند مرور الماوس */
}

.post-info .post-date {
    font-size: 12px;
    color: #888888; /* لون رمادي خفيف للتاريخ لعمل تسلسل هرمي بصري */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3d1c3fa *//* ===================================================
   القواعد العامة لصناديق السايد بار - الهوية الفاتحة
   =================================================== */
.custom-sidebar-box {
    background-color: #ffffff !important; /* خلفية بيضاء */
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); /* ظل خفيف جداً يبرز البطاقة بنعومة */
    border: 1px solid #f0f0f0; /* إطار رمادي فاتح جداً */
    box-sizing: border-box;
    direction: rtl;
}

/* --- 1. تنسيقات بطاقة كاتب المقال --- */
.author-box {
    text-align: center;
}
.author-avatar-wrapper {
    width: 84px;
    height: 84px;
    margin: 0 auto 16px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgb(243,180,130); /* إطار برتقالي للهوية حول الصورة */
}
.author-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.author-name {
    font-size: 16px;
    font-weight: 700;
    color: #0F2041; /* كحلي الهوية للعناوين */
    margin: 0 0 8px 0;
}
.author-bio {
    font-size: 13px;
    color: #555555; /* رمادي مريح للعين في القراءة */
    line-height: 1.6;
    margin: 0 0 16px 0;
}
.author-link {
    font-size: 13px;
    color: rgb(243,180,130); /* الرابط باللون البرتقالي */
    text-decoration: none;
    font-weight: 600;
    transition: opacity 0.2s ease;
}
.author-link:hover {
    opacity: 0.8;
}

/* --- 2. تنسيقات بطاقة الـ CTA الفاخرة --- */
.cta-box {
    border: 1px solid rgb(243,180,130); /* تحديد الصندوق بالبرتقالي لجعله بارزاً ومختلفاً */
    color: #0F2041;
    text-align: center;
}
.cta-title {
    font-size: 18px;
    font-weight: 700;
    color: rgb(243,180,130); /* العنوان بالبرتقالي للفت الانتباه */
    margin: 0 0 12px 0;
    line-height: 1.4;
}
.cta-desc {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    margin: 0 0 20px 0;
}
.cta-button {
    display: inline-block;
    background: #0F2041; /* لون الزر الكحلي الفخم مطابق لزر إضافة للسلة */
    color: #ffffff !important; /* النص داخل الزر أبيض لتباين ممتاز */
    padding: 12px 28px;
    border-radius: 6px; 
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.cta-button:hover {
    background: rgb(243,180,130); /* يقلب برتقالي عند مرور الماوس لتشجيع العميل على الضغط */
    color: #ffffff !important;
}

/* --- 3. تنسيقات جدول المحتويات الذكي (TOC) --- */
.toc-box {
    position: -webkit-sticky;
    position: sticky;
    top: 140px; /* مع مراعاة مساحة الهيدر */
    z-index: 99;
}
.toc-title {
    font-size: 16px;
    font-weight: 700;
    color: #0F2041; /* كحلي الهوية */
    margin: 0 0 16px 0;
    border-right: 3px solid rgb(243,180,130); /* خط برتقالي جانبي للهوية */
    padding-right: 10px;
}
.toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.toc-item {
    margin-bottom: 12px;
}
.toc-item:last-child {
    margin-bottom: 0;
}
.toc-item a {
    font-size: 13px;
    color: #888888; /* لون باهت للروابط غير النشطة */
    text-decoration: none;
    line-height: 1.5;
    transition: color 0.2s ease;
}
.toc-item a:hover {
    color: rgb(243,180,130); /* إضاءة بالبرتقالي عند الوقوف على الرابط */
}
.toc-item.h3 {
    padding-right: 16px;
}/* End custom CSS */