/*
 Theme Name:   Astra Child
 Template:     astra
 Version:      1.0.0
*/

/* ضع هنا كل كود الـ CSS الذي أعطيتك إياه سابقاً لتنظيف قسم (تخصيص) */

/* الحاوية الرئيسية الداكنة */
.ai-hub-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    background: #050a0f; 
    padding: 50px 20px;
    direction: rtl;
}

/* البطاقة الزجاجية الطولية (نفس التصميم السابق) */
.ai-futuristic-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(65, 71, 148, 0.3); /* استخدام الأزرق الملكي #414794 */
    border-radius: 20px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: 0.4s;
    backdrop-filter: blur(10px);
}

/* الخط العلوي الذهبي */
.ai-futuristic-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 4px;
    background: #c88b43; /* استخدام الذهبي النحاسي #c88b43 */
}

/* تأثير التحويم - التوهج بالأزرق الملكي */
.ai-futuristic-card:hover {
    border-color: #414794;
    box-shadow: 0 0 30px rgba(65, 71, 148, 0.4); 
    transform: translateY(-10px);
}

/* الدائرة المضيئة للأيقونة */
.ai-icon-circle {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    border: 2px solid #c88b43; /* إطار ذهبي نحاسي */
    border-radius: 50%;
    padding: 10px;
    box-shadow: inset 0 0 20px rgba(200, 139, 67, 0.2);
}

/* عناوين المبادرة */
.ai-title { 
    color: #ffffff; 
    font-size: 1.4rem; 
    margin-bottom: 15px; 
}

/* النصوص الوصفية */
.ai-desc { 
    color: #a0a0a0; 
    font-size: 0.9rem; 
    line-height: 1.6; 
}

/* منطقة شريط التقدم */
.ai-progress-zone { 
    margin-top: 25px; 
}

.progress-text { 
    color: #c88b43; /* نص ذهبي */
    font-weight: bold; 
    margin-bottom: 10px; 
}

.progress-bar-bg { 
    background: rgba(255,255,255,0.1); 
    height: 6px; 
    border-radius: 10px; 
}

/* شريط التقدم بتدرج ألوان الشعار */
.progress-bar-fill { 
    background: linear-gradient(90deg, #414794 0%, #c88b43 100%); 
    height: 100%; 
    border-radius: 10px; 
    box-shadow: 0 0 10px rgba(65, 71, 148, 0.6);
}


/* ============================================================
   إيقاف تفعيل كافة التنسيقات (Disabled Styles)
   لإعادة التفعيل: قم بإزالة علامة البداية والنهاية للتعليق
============================================================

/* 1. جعل حاوية المنيو تمتد بعرض الشاشة الكامل */
/* .main-navigation {
    background: #414794 !important; 
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    height:50px;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
    border-top: 1px solid rgba(200, 139, 67, 0.3);
    border-bottom: 2px solid #c88b43;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-navigation::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(200, 139, 67, 0.2), rgba(255,255,255,0.1), transparent);
    animation: full-scan 4s infinite linear;
}

.main-navigation::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c88b43, #ffffff, #c88b43, transparent);
    box-shadow: 0 0 15px #c88b43;
    animation: data-stream 6s infinite linear;
}

@keyframes full-scan {
    0% { left: -100%; }
    100% { left: 100%; }
}

@keyframes data-stream {
    0% { left: -100%; }
    100% { left: 100%; }
}

.main-header-menu {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 1200px;
    margin: 0 auto !important;
}

.main-header-menu .menu-link, 
.main-navigation ul li a {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 18px 30px !important;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.main-header-menu .menu-item:hover > a {
    background: rgba(255, 255, 255, 0.05);
    color: #c88b43 !important;
    text-shadow: 0 0 8px rgba(200, 139, 67, 0.8);
}

.site-logo-img img {
    background: transparent !important;
    max-width: 180px !important;
    margin-bottom: 10px;
}

.ast-header-button-1 .ast-custom-button {
    background: #c88b43 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 18px 35px !important;
    height: 100%;
}

.ai-program-title {
    color: #414794 !important;
    font-family: 'Amiri', serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    display: block !important;
    margin-top: 5px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    letter-spacing: -0.5px;
    text-shadow: 0.5px 0.5px 0px rgba(0,0,0,0.1);
}

.ai-program-title-container {
    margin-top: -5px !important;
    padding-bottom: 10px;
}

.site-branding {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.ai-program-thuluth {
    display: block !important;
    color: #414794 !important;
    font-family: 'Aref Ruqaa', serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    text-align: center !important;
    line-height: 1.8 !important;
    margin-top: 5px !important;
    text-shadow: 1px 1px 2px rgba(65, 71, 148, 0.2);
    -webkit-font-smoothing: antialiased;
}

.ai-tabs-wrapper {
    direction: rtl;
    font-family: 'Cairo', sans-serif;
    margin: 40px 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    overflow: hidden;
}

.ai-tabs-nav {
    display: flex;
    background: #414794;
    border-bottom: 3px solid #c88b43;
}

.ai-tab-item {
    flex: 1;
    padding: 20px 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border-left: 1px solid rgba(255,255,255,0.1);
    opacity: 0.6;
    filter: grayscale(100%);
}

.ai-tab-item:hover, .ai-tab-item.active {
    opacity: 1;
    filter: grayscale(0);
}

.ai-tab-item.active {
    background: rgba(200, 139, 67, 0.2);
    box-shadow: inset 0 -5px 0 #c88b43;
}

.ai-content-pane {
    padding: 40px;
    background: #fdfdfd;
}

.ai-btn {
    display: inline-block;
    padding: 12px 30px;
    background: #414794;
    color: #fff !important;
    border-radius: 5px;
}

.site-branding, .ast-site-identity {
    max-width: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.site-logo-img img, 
.custom-logo-link img {
    max-width: 600px !important;
    width: 600px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}
*/

/* نهاية التعليق - الأكواد أعلاه غير مفعلة الآن */



/* ============================================================
   الحاوية الرئيسية الداكنة (AI Hub)
============================================================ */
.ai-hub-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    background: #050a0f; 
    padding: 50px 20px;
    direction: rtl;
}

.ai-futuristic-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(65, 71, 148, 0.3);
    border-radius: 20px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: 0.4s;
    backdrop-filter: blur(10px);
}

.ai-futuristic-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 4px;
    background: #c88b43;
}

.ai-futuristic-card:hover {
    border-color: #414794;
    box-shadow: 0 0 30px rgba(65, 71, 148, 0.4); 
    transform: translateY(-10px);
}

.ai-icon-circle {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    border: 2px solid #c88b43;
    border-radius: 50%;
    padding: 10px;
    box-shadow: inset 0 0 20px rgba(200, 139, 67, 0.2);
}

.ai-title { color: #ffffff; font-size: 1.4rem; margin-bottom: 15px; }
.ai-desc { color: #a0a0a0; font-size: 0.9rem; line-height: 1.6; }

.ai-progress-zone { margin-top: 25px; }
.progress-text { color: #c88b43; font-weight: bold; margin-bottom: 10px; }
.progress-bar-bg { background: rgba(255,255,255,0.1); height: 6px; border-radius: 10px; }
.progress-bar-fill { 
    background: linear-gradient(90deg, #414794 0%, #c88b43 100%); 
    height: 100%; border-radius: 10px; 
    box-shadow: 0 0 10px rgba(65, 71, 148, 0.6);
}

/* ============================================================
   تنسيقات نظام الـ Tabs (تحديث الشعارات)
============================================================ */
.ai-tabs-wrapper {
    direction: rtl;
    margin: 40px 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    overflow: hidden;
}

.ai-tabs-nav {
    display: flex;
    background: #414794;
    border-bottom: 3px solid #c88b43;
}

/* تحديث: حجم الشعارات متوسط ومنطقي */
.ai-tab-logo-box {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 60px !important; 
    margin-bottom: 8px !important;
}

.ai-tab-logo-box img {
    max-height: 70px !important; 
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.ai-tab-item {
    flex: 1;
    padding: 20px 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border-left: 1px solid rgba(255,255,255,0.1);
    opacity: 0.6;
    filter: grayscale(100%);
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.ai-tab-item.active {
    background: rgba(200, 139, 67, 0.2);
    box-shadow: inset 0 -5px 0 #c88b43;
    opacity: 1;
    filter: grayscale(0);
}

.ai-tab-title { display: block; color: #fff; font-weight: bold; font-size: 14px; }
.ai-content-pane { padding: 40px; background: #fdfdfd; }
.ai-btn { display: inline-block; padding: 12px 30px; background: #414794; color: #fff !important; border-radius: 5px; }

/* ============================================================
   تنسيقات الهوية والشعار (Branding)
============================================================ */
.ai-program-title {
    color: #414794 !important;
    font-family: 'Amiri', serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    display: block !important;
    margin-top: 5px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    letter-spacing: -0.5px;
    text-shadow: 0.5px 0.5px 0px rgba(0,0,0,0.1);
}

.site-branding, .ast-site-identity, .ast-logo-title-inline .site-logo-img {
    max-width: none !important;
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.site-logo-img img, .custom-logo-link img {
/*     max-width: 600px !important; */
/*     width: 600px !important; */
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

/* ============================================================
   الأكواد المعطلة (DISABLED SECTION)
============================================================ */
/* .main-navigation {
    background: #414794 !important;
    width: 100vw !important;
    position: relative;
    left: 50%; right: 50%; height:50px;
    margin-left: -50vw !important; margin-right: -50vw !important;
    padding: 0 !important;
    border-top: 1px solid rgba(200, 139, 67, 0.3);
    border-bottom: 2px solid #c88b43;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    overflow: hidden;
    display: flex; justify-content: center; align-items: center;
}

.main-navigation::after {
    content: ''; position: absolute; top: 0; left: -100%; width: 40%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(200, 139, 67, 0.2), rgba(255,255,255,0.1), transparent);
    animation: full-scan 4s infinite linear;
}
*/


/* حاوية الأخبار */
.news-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    padding: 20px 0;
    direction: rtl;
}

/* بطاقة الخبر */
.news-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    border: 1px solid rgba(65, 71, 148, 0.05);
}

.news-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(65, 71, 148, 0.15);
}

/* صورة الخبر */
.news-image {
    height: 220px;
    background-size: cover;
    background-position: center;
    position: relative;
}

/* التاريخ فوق الصورة */
.news-date {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: #c88b43; /* لون ذهبي من ألوان شعارك */
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: bold;
}

/* محتوى الخبر */
.news-content {
    padding: 25px;
}

.news-title {
    font-size: 1.3rem;
    color: #414794; /* لون أزرق من ألوان شعارك */
    margin-bottom: 15px;
    font-weight: bold;
    line-height: 1.4;
}

.news-excerpt {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* زر إقرأ المزيد */
.news-readmore {
    display: inline-block;
    color: #414794;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9rem;
    border-bottom: 2px solid #c88b43;
    transition: all 0.3s ease;
}

.news-readmore:hover {
    color: #c88b43;
    padding-right: 10px;
}

/* تنسيق صفحة الخبر المفرد */
.single-news .site-content {
    max-width: 100%; /* جعل المحتوى في المنتصف وأقل عرضاً لراحة العين */
    /*margin: 40px auto;*/
    background: #fff;
    padding: 0;
    border-radius: 20px;
    box-shadow: 0 10px 50px rgba(0,0,0,0.05);
    overflow: hidden;
}

/* صورة الخبر الرئيسية في الأعلى */
.single-news .entry-thumbnail {
    margin: 0;
    line-height: 0;
}

.single-news .entry-thumbnail img {
    width: 100%;
    height: 500px; /* ارتفاع ثابت متناسق */
    object-fit: cover; /* لضمان عدم تمطط الصورة */
    border-radius: 20px 20px 0 0;
}

/* عنوان الخبر والمحتوى */
.single-news .entry-header {
    padding: 40px 40px 10px 40px;
    text-align: right;
}

.single-news .entry-title {
    font-size: 2.5rem;
    color: #414794; /* لون شعارك الأزرق */
    font-weight: 800;
    margin-bottom: 20px;
}

.single-news .entry-meta {
    border-right: 4px solid #c88b43; /* لمسة ذهبية بجانب التاريخ */
    padding-right: 15px;
    color: #888;
    margin-bottom: 30px;
}

.single-news .entry-content {
    padding: 0 40px 40px 40px;
    line-height: 1.8;
    font-size: 1.15rem;
    color: #444;
}

/* تنسيق الصور داخل المحتوى إن وجدت */
.single-news .entry-content img {
    border-radius: 10px;
    margin: 20px 0;
}

/* استجابة الشاشات الصغيرة */
@media (max-width: 768px) {
    .single-news .entry-title { font-size: 1.8rem; }
    .single-news .entry-thumbnail img { height: 300px; }
    .single-news .entry-content, .single-news .entry-header { padding: 20px; }
}


/* تنسيق حاوية الصورة المضافة يدوياً */
.news-single-image-container {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 15px;
    overflow: hidden;
    line-height: 0;
}

.news-single-image-container img {
    width: 100% !important;
    height: auto !important;
    max-height: 500px;
    object-fit: cover;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* في حال كان Astra يخفي العنوان الافتراضي، هذا الكود سيظهره */
.single-news .entry-title {
    display: block !important;
    margin-top: 20px;
}

/* توسيع عرض صفحة الخبر المفرد */
.single-news .site-content .ast-container {
    max-width: 100% !important; /* إلغاء التحديد الافتراضي للعرض */
    padding: 0 50px; /* إضافة مساحة جانبية بسيطة فقط */
}

/* جعل حاوية الخبر تأخذ مساحة أكبر */
.single-news #primary {
    width: 100% !important;
    max-width: 1200px; /* يمكنك زيادة هذا الرقم لزيادة العرض أكثر */
    margin: 0 auto;
    float: none;
}

/* تعديل عرض الصورة لتملأ الحاوية الجديدة */
.news-single-image-container img {
    width: 100% !important;
    max-height: 600px; /* زيادة ارتفاع الصورة بما يتناسب مع العرض الجديد */
    object-fit: cover;
}

/* تحسين شكل النصوص بعد التوسيع */
.single-news .entry-content {
    font-size: 1.25rem; /* تكبير الخط قليلاً ليتناسب مع العرض الكبير */
    line-height: 1.9;
    text-align: justify; /* توزيع النص بشكل متساوي */
}

/* إخفاء الصورة البارزة تماماً عند الدخول لصفحة الخبر */
.single-news .ast-featured-post-section, 
.single-news .post-thumb img {
    display: none !important;
}

h1, h2, h3, h4, h5, h6, .entry-content :where(h1,h2,h3,h4,h5,h6) {
    color: var(--ast-global-color-2);
    color: #414794;
}


/* تنسيق العنوان */
h2.special-title {
    text-align: center !important;
    position: relative !important;
    padding-bottom: 60px !important;
    margin-bottom: 20px !important;
    font-size: 2.5rem !important;
}

/* رسم الخطين (يمين ويسار) مع ترك فراغ في المنتصف */
h2.special-title::before {
    content: "" !important;
    position: absolute !important;
    bottom: 25px !important; /* ارتفاع الخط */
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 350px !important; /* الطول الإجمالي للزخرفة */
    height: 2px !important;
    
    /* هذا التدرج يرسم خطاً على اليمين وخطاً على اليسار ويترك 60px فارغة في المنتصف */
    background: linear-gradient(to right, 
        transparent 0%, 
        #c88b43 15%, 
        #c88b43 42%, 
        transparent 42%, 
        transparent 58%, 
        #c88b43 58%, 
        #c88b43 85%, 
        transparent 100%
    ) !important;
    z-index: 1 !important;
}

/* وضع الشعار في منطقة الفراغ */
h2.special-title::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0px !important; /* ليتوسط الفراغ تماماً */
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 55px !important; /* حجم الشعار - يجب أن يكون أصغر قليلاً من الفراغ */
    height: 50px !important;
    
    background-image: url('https://otr.com.ly/Laip/wp-content/uploads/2026/02/logo-gold-e1770233135160-removebg-preview.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* لا نحتاج للون خلفية هنا */
    z-index: 2 !important;
}

html body .footer-widget-area .menu-item.menufooter a {
    color: #e38b6e !important;
}


/* الحاوية الرئيسية للقسم */
.faq-section-container {
    display: flex;
    gap: 40px;
    padding: 50px 0;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.faq-rtl { direction: rtl; }
.faq-ltr { direction: ltr; }

/* --- كرت الصورة الجانبي --- */
.faq-sidebar-card {
    flex: 1;
    position: relative;
    border-radius: 30px;
    height: 550px; /* ارتفاع ثابت للديسك توب */
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 40px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}

.faq-bg-image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    /* تأثير الحركة عند الهوفير */
    transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.5s;
}

/* الأنميشن للصورة */
.faq-sidebar-card:hover .faq-bg-image {
    transform: scale(1.15) rotate(2deg);
    opacity: 0.9;
}

.faq-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10, 17, 40, 0.9) 20%, rgba(10, 17, 40, 0) 100%);
    z-index: 2;
}

.faq-card-content {
    position: relative;
    z-index: 3;
    color: #fff;
}

.faq-card-content h2 { 
    color: #fff !important; 
    font-size: 2.2rem; 
    margin-bottom: 15px; 
    font-weight: 700;
}

/* --- تنسيق قائمة الأسئلة (Accordion) --- */
.faq-accordion-list { 
    flex: 1.8; 
}

.faq-accordion-item {
    background: #fff;
    border-radius: 15px;
    margin-bottom: 15px;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.faq-header {
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq-title { 
    font-weight: 700; 
    color: #414794; 
    font-size: 1.1rem;
    flex: 1;
    line-height: 1.5;
}

/* --- أيقونة الزائد والناقص (إصلاح التشوه) --- */
.faq-toggle-icon {
    position: relative;
    width: 32px;
    height: 32px;
    min-width: 32px; /* يمنع انضغاط الدائرة */
    min-height: 32px;
    border: 2px solid #414794;
    border-radius: 50%;
    transition: all 0.4s ease;
    margin-right: 15px; /* مسافة للنص العربي */
    flex-shrink: 0; /* يمنع تحولها لشكل بيضاوي */
}

.faq-ltr .faq-toggle-icon {
    margin-right: 0;
    margin-left: 15px;
}

.line-h, .line-v {
    position: absolute;
    background: #414794;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease;
}

.line-h { width: 14px; height: 2px; }
.line-v { width: 2px; height: 14px; }

/* حالة الفتح (Active State) */
.faq-accordion-item.is-open { 
    border-color: #c88b43; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.05); 
}

.faq-accordion-item.is-open .line-v { 
    transform: translate(-50%, -50%) rotate(90deg); 
    opacity: 0; 
}

.faq-accordion-item.is-open .faq-toggle-icon { 
    background: #414794; 
    border-color: #414794;
}

.faq-accordion-item.is-open .line-h { 
    background: #fff; 
}

/* محتوى الإجابة */
.faq-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-accordion-item.is-open .faq-body {
    max-height: 1000px;
}

.faq-content-inner { 
    padding: 0 25px 25px; 
    color: #555; 
    line-height: 1.8; 
    font-size: 0.95rem;
}

/* --- استجابة الجوال (Responsive Design) --- */
@media (max-width: 991px) {
    .faq-section-container {
        flex-direction: column;
        padding: 20px;
    }

    .faq-sidebar-card {
        height: 350px; /* تقليل الارتفاع لمنع انضغاط الصورة */
        min-height: 300px;
        border-radius: 20px;
        padding: 25px;
    }

    .faq-card-content h2 {
        font-size: 1.6rem !important;
    }

    .faq-title {
        font-size: 1rem;
    }

    .faq-toggle-icon {
        width: 28px;
        height: 28px;
        min-width: 28px;
        min-height: 28px;
    }
}
.line-h, .line-v {
    position: absolute;
    background: #414794;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.4s;
}

.line-h { width: 12px; height: 2px; }
.line-v { width: 2px; height: 12px; }

/* حالة الفتح */
.faq-accordion-item.is-open { border-color: #c88b43; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }
.faq-accordion-item.is-open .line-v { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }
.faq-accordion-item.is-open .faq-toggle-icon { background: #414794; }
.faq-accordion-item.is-open .line-h { background: #fff; }

.faq-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.faq-accordion-item.is-open .faq-body {
    max-height: 1000px;
    transition: max-height 1s ease-in-out;
}

.faq-content-inner { padding: 0 25px 25px; color: #555; line-height: 1.8; }

@media (max-width: 991px) {
    .faq-section-container { flex-direction: column; }
    .faq-sidebar-card { height: 400px; }
}



.faq-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    display: block !important; /* لضمان الظهور */
    transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1);
}

.faq-sidebar-card:hover .faq-bg-image {
    transform: scale(1.1);
}

.archive-container {
    max-width: 1100px;
    margin: 0 auto;
    direction: rtl;
    font-family: 'Cairo', sans-serif;
}

/* شريط البحث */
.search-header {
    background: #ffffff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.search-row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.search-input {
    flex: 2;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
}

.search-input.small { flex: 0.5; min-width: 120px; }

.search-btn {
    background: #414694;
    color: white;
    border: none;
    padding: 10px 30px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
}

.reset-btn {
    padding: 10px 15px;
    color: #888;
    text-decoration: none;
    font-size: 13px;
    align-self: center;
}

/* كرت القرار */
.decision-card {
    background: #fff;
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-right: 5px solid #1a7b7b;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    transition: 0.3s;
}

.decision-card:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.08); }

.decision-num {
    font-weight: bold;
    color: #414694;
    font-size: 0.9rem;
    margin-bottom: 5px;
}

.decision-title {
    margin: 5px 0;
    font-size: 1.2rem;
    color: #333;
}

.meta {
    font-size: 0.85rem;
    color: #777;
    display: flex;
    gap: 20px;
}

/* زر التنزيل */
.download-btn {
    background: #e74c3c;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none !important;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

.download-btn:hover { background: #c0392b; }

.no-file { color: #ccc; font-size: 0.8rem; }

/* الجوال */
@media (max-width: 768px) {
    .decision-card { flex-direction: column; align-items: flex-start; gap: 20px; }
    .search-row { flex-direction: column; }
    .download-btn { width: 100%; justify-content: center; }
}


/* تنسيق التاريخ بلون سادة */
.meta-year {
    color:#414694; /* لون السنة */
    font-weight: 600;
    background: #e8f4f4; /* خلفية خفيفة لإبراز اللون */
    padding: 2px 10px;
    border-radius: 4px;
}

.meta-entity {
    color: #555;
    font-weight: 500;
}

/* تنسيق زر التنزيل بشكل أبسط */
.download-btn {
    background: #c88b43; /* تغيير اللون للذهبي أو أي لون تفضله */
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 0.9rem;
    transition: 0.3s ease;
}

.download-btn:hover {
    background: #a67336;
    transform: scale(1.05);
}

/* تعديل بسيط لشكل الكرت */
.decision-card {
    border-right: 4px solid #c88b43; /* شريط جانبي بلون متناسق */
    padding: 25px;
}



/* الحاوية الأساسية */
.ai-cookie-container {
    position: fixed;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 850px;
    background: #ffffff;
    box-shadow: 0 15px 50px rgba(0,0,0,0.1);
    border-radius: 60px;
    padding: 15px 40px;
    z-index: 10000;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    border: 1px solid #f0f0f0;
}

.ai-cookie-container.is-visible {
    bottom: 30px;
}

.ai-cookie-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

/* التحكم بالاتجاهات */
.ai-cookie-rtl { direction: rtl; text-align: right; }
.ai-cookie-ltr { direction: ltr; text-align: left; }

.ai-cookie-text {
    color: #414794;
    font-size: 14px;
    line-height: 1.5;
}

.ai-cookie-text a {
    color: #c88b43; /* اللون الذهبي للروابط */
    text-decoration: underline;
}

/* تنسيق الزر الأبيض العصري */
.ai-cookie-btn {
    background: #ffffff;
    color: #414794;
    border: 1px solid #e0e0e0;
    padding: 12px 45px;
    border-radius: 35px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
    white-space: nowrap;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.ai-cookie-btn:hover {
    background: #414794;
    color: #ffffff;
    transform: translateY(-2px);
}

/* توافق الجوال */
@media (max-width: 768px) {
    .ai-cookie-container { border-radius: 25px; padding: 20px; width: 95%; }
    .ai-cookie-content { flex-direction: column; gap: 15px; }
    .ai-cookie-btn { width: 100%; }
   
}
strong {
    font-weight: 700;
    color:#414794;
}

li,p{
    font-size:18px;
}
@media (min-width: 1025px) {
    .entry-content {
        margin-right: 100px;
        margin-left: 100px;
        margin-top: 50px;
    }
}

/* تنسيق أزرار التنقل بين المقالات بنفس ستايل زر التبويبات */
.single .post-navigation a .ast-post-nav {
    display: inline-flex;
    align-items: center;
    padding: 10px 30px; /* تقليل الـ padding قليلاً ليناسب أزرار التنقل */
    background: #414694 !important;
    color: #fff !important;
    border: 2px solid #c88b43 !important;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(200, 139, 67, 0.2);
}

/* تأثير التمرير (Hover) */
.single .post-navigation a:hover .ast-post-nav {
    background: #c88b43 !important;
    border-color: #414694 !important;
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 8px 20px rgba(200, 139, 67, 0.4);
}

/* ضبط المسافات بين الأيقونة والنص داخل الزر */
.single .post-navigation a .ast-post-nav .ast-left-arrow, 
.single .post-navigation a .ast-post-nav .ast-right-arrow {
    font-size: 1.2em;
    margin: 0 5px;
}




.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
    margin-top: 30px;
    margin-left: 40px;
    margin-right: 0px;
}

/* التنسيق العام المتوافق مع لغتي الموقع */
.custom-footer-contact {
    color: #ffffff;
    margin-bottom: 20px;
}

.footer-widget-title {
    color: #ff9d4d !important; /* اللون البرتقالي من شعار البرنامج */
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: bold;
}

.contact-row {
    display: flex;
    align-items: flex-start;
    gap: 15px; /* مسافة ثابتة بين الأيقونة والنص */
    margin-bottom: 18px;
}

/* ضبط الاتجاه للعربي (RTL) */
.is-rtl .contact-row {
    flex-direction: row; /* يضمن ترتيب: أيقونة ثم نص من اليمين */
    text-align: right;
}

/* ضبط الاتجاه للإنجليزي (LTR) */
.is-ltr .contact-row {
    flex-direction: row; /* يضمن ترتيب: أيقونة ثم نص من اليسار */
    text-align: left;
}

/* إصلاح مكان الأيقونة */
.contact-row .dashicons {
    color: #ff9d4d;
    font-size: 22px;
    width: 22px;
    height: 22px;
    flex-shrink: 0; /* يمنع انضغاط الأيقونة */
    margin-top: 3px;
}

.contact-row p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}

/* ضمان ظهور الأرقام بشكل صحيح في العربي */
.is-rtl .contact-row p {
    direction: rtl;
}

/* جعل أرقام الهواتف تقرأ من اليسار لليمين دائماً */
.contact-row p[dir="ltr"] {
    display: block;
    width: 100%;
}






@media (max-width: 767px) {
.custom-footer-contact {
    color: #ffffff;
    margin-bottom: 20px;
    display: flex;
        flex-direction: column;
        align-items: center; /* محاذاة الحاوية في المنتصف */
}
}
/* إخفاء النص القديم */
.ast-footer-copyright {
    visibility: hidden;
    position: relative;
}

/* إضافة النص العربي */
.rtl .ast-footer-copyright:after {
    content: "جميع الحقوق محفوظة 2026 | البرنامج الوطني للذكاء الاصطناعي";
    visibility: visible;
    display: block;
    position: absolute;
    top: 0; width: 100%; text-align: center;
            color:#ffffff !important;

}

/* إضافة النص الإنجليزي */
.ltr .ast-footer-copyright:after {
    content: "Copyright 2026 | National Program for AI";
            color:#e38b6e !important;
    visibility: visible;
    display: block;
    position: absolute;
    top: 0; width: 100%; text-align: center;
}



/* استهداف زر الإرسال في النسخة العربية فقط */
html[lang="ar"] .wpcf7-submit {
    display: block !important;
    margin: 20px auto !important; /* التوسط */
    float: none !important;      /* إلغاء أي محاذاة لليمين أو اليسار */
    width: auto !important;      /* ليكون الزر على حجم النص فقط */
    padding: 10px 40px !important; /* تصغير الحجم (يمكنك تقليل الأرقام لتصغيره أكثر) */
    font-size: 20px !important;  /* حجم الخط */
    border-radius: 50px !important;
    display: inline-flex
;
    align-items: center;
    padding: 12px 40px;
    background:#414694
;
    color: #fff !important;
    border: 2px solid #ffffff;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: bold;
    transition: 0.3s ease
    /* جعل الزر بيضاوي كما في التصميم */
}

/* لضمان التوسط في الموبايل والكمبيوتر */
html[lang="ar"] .wpcf7 form {
    text-align: center;
    
    /* يساعد في توسيط عناصر الـ inline كالأزرار */
}

/* إعادة محاذاة الحقول لليمين (لأن التوسيط قد يؤثر عليها) */
html[lang="ar"] .wpcf7-form-control-wrap, 
html[lang="ar"] label {
    text-align: right !important;
    display: block !important;
}