/* 1. رفع حجم خط النافيجاتور وتوسيطه (باللون الأزرق) */
.pkp_navigation_primary_wrapper {
    background: #004a99 !important; /* أزرق أكاديمي عميق */
    max-width: 95% !important;
    margin: 15px auto 25px auto !important;
    border-radius: 6px !important;
    height: 48px !important;
    display: flex;
    align-items: center;
    border: none !important;
}

.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-size: 16px !important;
    padding: 0 22px !important;
    line-height: 48px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* 2. الجانب الجمالي لعناوين السايد بار (تظليل أزرق باهت) */
.pkp_block .title {
    background-color: #e6f0fa !important; /* أزرق باهت جداً للتظليل */
    color: #003366 !important; /* نص أزرق داكن */
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 10px 15px !important;
    border-left: 5px solid #004a99 !important; /* خط جانبي أزرق */
    border-radius: 4px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/* 3. استثناء كامل لجميع الـ Custom Blocks (لتبقى بتصميمك الأصلي) */
.pkp_block.block_custom, 
[class*="customblock-"],
[id*="customblock-"] {
    background: transparent !important;
    border: none !important;
}

/* 4. الهيدر والفوتر (أزرق ناعم مريح للعين) */
.pkp_structure_head, 
.pkp_structure_footer_wrapper {
    background-color: #f0f5fa !important; /* أزرق ثلجي ناعم جداً كبديل للأبيض */
    color: #002244 !important; /* كتابة زرقاء قاتمة */
    border: 1px solid #d1dae1 !important;
}

/* 5. تنظيف روابط المقالات والأعداد من الأزرق التقليدي إلى أزرق منضبط */
.obj_article_summary .title a,
.item.