/* استدعاء الخطوط محمد علاءالدين 22*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&family=Markazi+Text:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@400&display=swap');
/* ==============================
   Most Read Articles
============================== */

.most_read_articles{
    margin:2px 0;
    background:#fff;
    border:1px solid #d9e2ec;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.most_read_header{
    background:#5D5D5D;
    color:#fff;
    padding:2px 8px;

    display:flex;
    justify-content:center;
    align-items:center;
}

.most_read_header h2{
    margin:0;
    width:100%;

    text-align:center !important;

    font-size:1.45rem;
    font-weight:700;
}

.jlps-top-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:2px;
    padding:6px 8px;
    border:1px solid #d8dee8;
    border-radius:8px;
    background:#fbfcfe;
}
.jlps-top-item:hover{
    background:#f3f8fc;
    border-color:#0b4f6c;
}

.jlps-top-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    gap:20px;

    border-inline-start:5px solid #5D5D5D;
    padding-inline-start:6px;
}

.jlps-top-title{
    display:inline-block !important;
    width:auto !important;
    flex:1;

    font-size:1rem;
    font-weight:700;
    color:#1d2939;
    text-decoration:none;
}
.jlps-top-title:hover{
    color:#0b4f6c;
}
.most_read_title{
    background:#5D5D5D;
    padding:8px 2px;
    border-bottom:2px solid #4a4a4a;
}

.most_read_title h2{

    display:block !important;

    width:100% !important;

    margin:0 auto !important;

    text-align:center !important;

    color:#fff !important;

    font-size:1.45rem;

    font-weight:700;

    float:none !important;

}

.jlps-top-views{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:90px;

    padding:7px 4px;

    background:#5D5D5D;
    color:#ffffff;

    border-radius:18px;

    font-size:1rem;      /* كان أصغر */
    font-weight:700;

    white-space:nowrap;

    letter-spacing:.2px;
}
/* هذا هو السطر الذي سيعيد العمود الجانبي */
.article_metrics {
    float: right; /* أو left حسب لغة الموقع */
    width: 60%;   /* تحديد عرض المقال ليترك 30% للعمود الجانبي */
}

/* ضبط حاوية الإحصائيات داخل المقال */
.article-metrics-box {
    width: 100%;
    overflow: hidden;
    clear: both;
}
/* منع السكرول الأفقي */
html, body {
    overflow-x: hidden;
}
p span {
  font-family: inherit !important;
}
/* تثبيت حجم الرسم */
canvas.usageStatsGraph {
  width: 342px !important;
  height: 171px !important;

  min-width: 342px !important;
  max-width: 342px !important;

  min-height: 171px !important;
  max-height: 171px !important;

  display: block !important;
}

/* منع أي عنصر أب من إعادة التمدد */
.usageStatsGraph {
  flex: none !important;
}

/* إذا كان داخل container responsive */
.chart-container,
.usageStatsContainer {
  width: 342px !important;
  height: 171px !important;
  max-width: 342px !important;
}

.pkp_head_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: clip; /* أو hidden إذا لم يكن clip مدعومًا */
}
.pkp_site_name,
.pkp_site_name_wrapper {
  max-width: 100%;
  box-sizing: border-box;
}
.pkp_navigation_search_wrapper,
.pkp_navigation_primary_wrapper * {
  max-width: 100%;
}
.dropdown-menu {
    min-width: 160px;
}
.dropdown-menu a {
    font-size: 10px;
    color: #000;
}
.dropdown-menu a:hover {
    background: #f1f1f1;
}
.pkp_head_wrapper {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: clip; /* أو hidden إذا لم يتوفر clip */
}

overflow-x: clip;

.content img {
  max-width: 90% !important;   /* الصورة ما تتجاوز عرض الحاوية */
  height: auto;      /* يحافظ على التناسب */
  display: inline-block; /* تبقى بمحاذاة النصوص/الصور الأخرى */
  margin: 5px;       /* مسافة صغيرة حول كل شعار */
}

header h1 {
  font-size: 20px !important;
  margin: 0;
}


nav ul li a {
  color: #112964;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}

nav ul li a:hover {
  color: #112964;
}

/* ====== CONTENT ====== */
main {
  padding: 10px;
}

/* ====== FOOTER ====== */
footer {
  background-color: #004085;
  color: #fff;
  text-align: center;
  padding: 10px;
  margin-top: 10px;
}

.pkp_site_name a.is_text {
    font-size: 24px !important;  /* حجم الخط */
    font-weight: bold; /* سماكة الخط (اختياري) */
    text-decoration: none; /* إزالة الخط السفلي */
font-family: 'Cairo', sans-serif;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.csl-entry {
    font-size: 16px;   /* حجم الخط */
    text-decoration: none; /* إزالة الخط السفلي */
font-family: 'Cairo', sans-serif;
}
/* ------------------------
   قواعد للعربية
------------------------- */
html[lang="ar"] body {
  line-height: 1.9 !important;
}

/* النصوص بالعربي */
html[lang="ar"] body, 
html[lang="ar"] span {
  font-family: 'Markazi Text', serif; !important;
  font-size: 22px !important;
  direction: rtl;
  text-align: justify;
line-height: 1.8 !important;
}
html[lang="ar"] p {
  font-family: 'Markazi Text', serif; !important;
  font-size: 22px !important;
  direction: rtl;
  text-align: right;
line-height: 1.8 !important;
}
/* تكبير الخط لقسم المؤلفين */
.authors {
    font-family: 'Markazi Text', serif !important; /* نفس خط النصوص */
    font-size: 18px !important; /* حجم أكبر، عدّل حسب الحاجة */
    line-height: 1.6 !important; /* المسافة بين الأسطر */
    direction: rtl; /* إذا اللغة عربية */
    text-align: right; /* محاذاة صحيحة */
}
html[lang="en"] .authors {
    font-family: 'Markazi Text', serif !important;
    font-size: 22px !important;
    line-height: 1.7 !important;
    direction: ltr;
    text-align: left;
}
/* العناوين بالعربي */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] a, 
html[lang="ar"] li {
  font-family: "Cairo", sans-serif !important;
  font-size: 18px ;
  direction: rtl;
  text-align: right;
line-height: 1.9 !important;
}
/* ------------------------
   قواعد للإنكليزية
------------------------- */
html[lang="en"] body {
    direction: ltr;
  text-align: left;
}

/* النصوص + العناوين بالإنكليزي */
html[lang="en"] body,
html[lang="en"] p,
html[lang="en"] span {
line-height: 1.7 !important;
font-family: "Alegreya Sans SC", sans-serif !important;
  font-size: 22px !important;
text-align: left;
}

html[lang="en"] li {
 font-family: "Alegreya Sans SC", sans-serif !important;
  font-size: 19px !important;
font-weight: bold !important;
line-height: 1.5 !important;
}
html[lang="en"] a,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6 {
  font-family: "Alegreya Sans SC", sans-serif !important;
  font-size: 22px !important;
font-weight: bold !important;
line-height: 1.7 !important;
}

/* ===== DOI ===== */

html[lang="ar"] .article_doi .label{
    text-align:right;
}

html[lang="ar"] .article_doi .value{
    text-align:right;
}

html[lang="en"] .article_doi .label{
    text-align:left;
}

html[lang="en"] .article_doi .value{
    text-align:left;
}

.article_doi .value a{
    direction:ltr;
    unicode-bidi:isolate;
    display:inline-block;
}