/* Article Enhancer Lite - أنماط كاملة ومحدثة (RTL مدعوم) */

/* 1. إخفاء القسم البرتقالي المزعج (تم تحديثه لإخفاء العناصر في الصورة 1) */
.call-button, .whatsapp-button, .cta-call, .cta-whats,
div.call, div.whats, div[class*="call"], div[class*="whats"],
div[style*="border-color: orange"], div[style*="border: 1px solid #ffa500"],
div[style*="border-color:#ffa500"], p.call, p.whats,
span.call, span.whats, a.call, a.whats,
.button-call, .button-whats, .call-now, .whatsapp-now,
[class*="callnow"], [class*="whatsappbutton"],
.wp-block-buttons.is-content-justification-center /* إخفاء حاويات الأزرار الافتراضية */ {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. أيقونات الاتصال والواتساب – لون ثابت غير أبيض */
.ael-contact-final {
    text-align: center;
    margin: 35px 0 50px;
    padding: 20px 0;
    background: transparent !important;
}

.ael-contact-final a {
    display: inline-block !important;
    width: 70px !important;
    height: 70px !important;
    line-height: 70px !important;
    margin: 0 20px !important;
    font-size: 2.4em !important;
    color: white !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}

.ael-contact-final a i {
    color: white !important;
    line-height: inherit !important;
}

.ael-btn-call { background-color: #e74c3c !important; }
.ael-btn-call:hover { background-color: #c0392b !important; transform: scale(1.1); }
.ael-btn-whatsapp { background-color: #25D366 !important; }
.ael-btn-whatsapp:hover { background-color: #128C7E !important; transform: scale(1.1); }

/* 3. إطار العناوين (H1-H6) - برواز وتعديل لون النص */
.ael-heading-frame {
    padding: 14px 24px;
    background: linear-gradient(to bottom, #fffdf5, #fff3e0);
    /* برواز احترافي ذهبي */
    box-shadow: inset 0 0 0 3px #d4af37, 0 0 0 6px #ffffff, 0 0 0 10px #b8860b, 0 4px 15px rgba(0,0,0,0.12);
    border-radius: 10px;
    margin: 30px 0 18px;
    text-align: center;
    /* يتم التحكم باللون من الإعدادات عبر PHP ولكن هنا نضع افتراضي قوي */
    color: #2c3e50; 
    font-weight: bold;
    border: none !important;
}

/* 4. الأسئلة الشائعة - تلوين السؤال فقط بالأحمر */
.ael-faq-question-only {
    color: #e74c3c !important;
    font-weight: bold !important;
    border-bottom: 2px dashed #e74c3c;
    padding-bottom: 2px;
}

/* 5. جدول المحتويات - تحسين الترتيب والبراويز */
.ael-toc-wrapper {
    margin: 25px 0 35px;
}

.ael-toc {
    background: #fdfdfd;
    border: 3px solid #3498db;
    padding: 0; /* تم التصفير لاستخدام العناوين كبراويز */
    border-radius: 12px;
    direction: rtl;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.ael-toc summary {
    font-size: 1.3em;
    color: #fff;
    background: #3498db;
    padding: 15px 20px;
    cursor: pointer;
    text-align: right;
    border-radius: 8px 8px 0 0;
    list-style: none;
}

.ael-toc ol {
    counter-reset: item;
    padding: 20px 40px 20px 20px !important;
    margin: 0;
}

.ael-toc li.ael-toc-item {
    margin: 8px 0;
    padding: 10px 15px;
    list-style: none;
    background: #f1f7fa;
    border: 1px solid #d6eaf8;
    border-radius: 8px; /* برواز لكل عنوان */
    display: block;
    position: relative;
}

.ael-toc li.ael-toc-item::before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #e74c3c;
    font-weight: bold;
    margin-left: 8px;
}

.ael-toc a {
    color: #2c3e50;
    text-decoration: none;
    font-weight: 500;
}

.ael-toc a:hover { color: #e74c3c; }

/* 6. إطار الصور الاحترافي المطور (نقطة 7) */
.ael-pro-image-frame {
    border: 4px double #d4af37; /* برواز مزدوج ذهبي */
    padding: 12px;
    background: #ffffff;
    border-radius: 15px;
    margin: 30px auto;
    max-width: 95%;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.ael-pro-image-frame img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.ael-pro-image-frame figcaption {
    margin-top: 12px;
    font-size: 1em;
    color: #444;
    font-weight: bold;
    background: #fdf5e6;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 20px;
}

/* 7. رموز القوائم ✔️ - دعم تعدد الرموز */
.ael-custom-list {
    list-style: none;
    padding-right: 0;
}

.ael-custom-list li {
    position: relative;
    padding-right: 35px;
    margin: 12px 0;
}

.ael-custom-list li::before {
    content: "✔️"; /* الرمز الافتراضي */
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.2em;
}

/* فئات إضافية يمكنك استخدامها يدوياً لتغيير الرموز داخل نفس المقال */
.ael-list-star li::before { content: "⭐" !important; }
.ael-list-arrow li::before { content: "⬅️" !important; }
.ael-list-check li::before { content: "✅" !important; }

/* 8. تقييم النجوم المحسن */
.ael-rating-box {
    text-align: center;
    font-size: 2.2em;
    color: #f1c40f;
    margin: 40px 0;
    padding: 25px;
    background: linear-gradient(135deg, #fff9e6 0%, #fff 100%);
    border-radius: 15px;
    border: 2px solid #f1c40f33;
    box-shadow: 0 4px 15px rgba(241, 196, 15, 0.1);
}

.ael-rating-box span {
    font-size: 0.5em;
    color: #555;
    display: block;
    margin-top: 10px;
    font-weight: normal;
}

/* 9. الفقرة الأولى - ضمان عدم تلوينها بالأحمر */
.entry-content p:first-of-type {
    color: inherit !important;
}

/* 10. قائمة الخدمات الجانبية */
.ael-services-list { list-style: none; padding: 0; margin: 0; }
.ael-services-list li { padding: 10px 0; border-bottom: 1px dashed #ddd; }
.ael-services-list a { color: #2980b9; text-decoration: none; font-weight: 500; }
.ael-services-list a:hover { color: #e74c3c; }

/* Responsive */
@media (max-width: 768px) {
    .ael-contact-final a { width: 55px !important; height: 55px !important; line-height: 55px !important; font-size: 1.8em !important; }
    .ael-toc summary { font-size: 1.1em; }
    .ael-heading-frame { padding: 10px 15px; font-size: 1.2em; }
}