@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600;700&display=swap');

/* 1. تطبيق الخط العريض واللون الداكن */
body, p, li, span, a, div {
    font-family: 'Cairo', Tahoma, sans-serif !important;
    color: #111111 !important;
    font-weight: 600 !important;
}

/* 2. تحويل اتجاه الهيكل العام من اليمين لليسار */
html, body, .pkp_structure_page, .pkp_structure_content {
    direction: rtl !important;
    text-align: right !important;
}

/* 3. إزاحة الشعار والمحتوى الرئيسي إلى اليمين */
.pkp_structure_main, .page_index_journal, .header_view {
    float: right !important;
    width: 70% !important;
    text-align: right !important;
}

/* 4. إزاحة الشريط الجانبي (المعلومات واللغة) إلى اليسار تماماً */
.pkp_structure_sidebar, #sidebar, .pkp_structure_sidebar.left, .pkp_structure_sidebar.right {
    float: left !important;
    width: 25% !important;
    text-align: right !important;
}

/* 5. ضبط العناوين باللون الأزرق والخط العريض يميناً */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cairo', sans-serif !important;
    font-weight: 700 !important;
    color: #1A5276 !important;
    text-align: right !important;

<div style="text-align: center; padding: 15px 10px; background-color: #ffffff !important; border: 1px solid #cbd5e1; border-top: 4px solid #1A5276; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
  <h4 style="color: #1A5276 !important; margin: 0 0 12px 0; font-weight: bold; font-size: 0.9em; letter-spacing: 0.5px; font-family: sans-serif;">PLAGIARISM CHECK</h4>
  
  <div style="background-color: #0b2545 !important; padding: 12px 8px; border-radius: 6px; display: inline-block; width: 85%;">
    <span style="font-size: 0.7em !important; display: block; text-transform: uppercase; letter-spacing: 1.5px; color: #94a3b8 !important; font-weight: 600; font-family: sans-serif;">SCREENED BY</span>
    <span style="font-size: 1.3em !important; font-weight: bold; color: #ffffff !important; font-family: sans-serif; display: block; margin-top: 2px;">iThenticate<span style="color: #38bdf8 !important;">®</span></span>
  </div>
</div>}
/* إبراز الشعار والقائمة العلوية باللون الأبيض */
.pkp_navigation_primary a, 
.pkp_navigation_primary span {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
    padding: 10px 12px !important;
}

/* تأثير التمرير باللون الذهبي */
.pkp_navigation_primary a:hover {
    color: #f59e0b !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px;
}

/* إخفاء القوائم المنسدلة المعقدة وجعلها بسيطة */
.pkp_navigation_primary ul {
    background: #003366 !important;
    border: none !important;
}
/* 1. تغيير لون نصوص القائمة العلوية الرئيسية إلى الأبيض */
.navbar-nav > li > a,
.navbar-default .navbar-nav > li > a,
.pkp_navigation_primary a,
.pkp_navigation_user a {
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

/* 2. تغيير لون النص عند وضع المؤشر عليه (Hover) إلى الأصفر/الذهبي */
.navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:hover,
.pkp_navigation_primary a:hover,
.pkp_navigation_user a:hover {
    color: #f59e0b !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* 3. إصلاح ألوان القوائم المنسدلة (Dropdown) لتظهر بنص واضح */
.dropdown-menu > li > a {
    color: #1e293b !important; /* لون داكن داخل الخلفية البيضاء للقائمة المنسدلة */
    font-weight: 600 !important;
}

.dropdown-menu > li > a:hover {
    color: #003366 !important;
    background-color: #f1f5f9 !important;
}
/* توزيع عناصر القائمة العلوية بشكل متناسق ومتباعد على كامل الشريط */
.navbar-collapse, 
.pkp_navigation_primary_wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

.navbar-nav, 
.pkp_navigation_primary {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ضبط المسافات بين كل عنصر والآخر */
.navbar-nav > li, 
.pkp_navigation_primary > li {
    flex: 1 !important;
    text-align: center !important;
}

/* تحسين شكل الرابط وتمرير الماوس */
.navbar-nav > li > a, 
.pkp_navigation_primary > li > a {
    display: block !important;
    white-space: nowrap !important;
    padding: 12px 8px !important;
}
/* تحويل روابط قائمة المستخدم (تسجيل الدخول / التسجيل) للون الأبيض */
.pkp_navigation_user a,
.pkp_navigation_user span,
#navigationUser a,
.navbar-top a {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* تحويل اللون للذهبي عند وضع المؤشر عليه */
.pkp_navigation_user a:hover,
#navigationUser a:hover,
.navbar-top a:hover {
    color: #f59e0b !important;
}
/* إصلاح ألوان النص داخل القوائم المنسدلة لحساب المستخدم */
.pkp_navigation_user ul a,
.dropdown-menu > li > a,
#navigationUser ul a {
    color: #003366 !important; /* لون أزرق داكن واضح فوق الخلفية البيضاء */
    font-weight: bold !important;
}

/* تغيير اللون عند تمرير المؤشر داخل القائمة المنسدلة */
.pkp_navigation_user ul a:hover,
.dropdown-menu > li > a:hover,
#navigationUser ul a:hover {
    color: #f59e0b !important; /* لون ذهبي عند التمرير */
    background-color: #f1f5f9 !important; /* خلفية رمادية خفيفة جداً عند التمرير */
}