/* =====================================================================
   مجلة آفاق المعرفة — ملف CSS موحّد (الهوية + الخطوط + الفوتر)
   القالب: OJS Default Theme (3.4)
   الموضع: Appearance → Advanced → Custom CSS  (الصقه كاملاً أو ارفعه كملف)
   الخط: Tajawal — الألوان: #006798 / #0A85C2
   ملاحظة: يجب أن يبقى سطر @import أول سطر.
===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');

:root{
  --brand:#006798;
  --brand-2:#0A85C2;
  --brand-dark:#004a6e;
  --brand-soft:#eef6fb;
}

/* ============ الخطوط (النصوص) ============ */
body,
.pkp_structure_page,
input, select, textarea, button,
h1, h2, h3, h4, h5, h6,
.pkp_site_name, .pkp_site_name_wrapper,
.pkp_navigation_primary a, .pkp_navigation_user a,
.pkp_block, .pkp_block .title,
.pkp_structure_footer, .cmp_button, .pkp_button {
  font-family: 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif !important;
}
body { font-size: 16px; line-height: 1.85; }
h1,h2,h3,h4,h5,h6 { font-weight: 700; }

/* ============ الترويسة (بيضاء بنص الهوية) ============ */
.pkp_structure_head {
  background: #ffffff;
  border-bottom: 3px solid var(--brand);
}
.pkp_head_wrapper,
.pkp_site_name, .pkp_site_name a, .pkp_site_name_wrapper a {
  color: var(--brand) !important;
}
.pkp_navigation_primary > li > a,
.pkp_navigation_primary_row > ul > li > a {
  color: var(--brand) !important;
  font-weight: 600;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: var(--brand-2) !important;
  background: var(--brand-soft);
}
.pkp_navigation_user a { color: var(--brand) !important; }
.pkp_navigation_user a:hover { color: var(--brand-2) !important; }

/* القوائم المنسدلة */
.pkp_navigation_primary li ul,
.pkp_navigation_primary ul ul {
  background:#fff !important; min-width:220px; width:auto;
  border:1px solid rgba(0,103,152,.15); border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.15); padding:6px 0; z-index:1000;
}
.pkp_navigation_primary li ul li a {
  color: var(--brand) !important; font-weight:500; display:block;
  padding:8px 16px; white-space:nowrap; background:transparent !important;
}
.pkp_navigation_primary li ul li a:hover,
.pkp_navigation_primary li ul li a:focus {
  background: var(--brand-soft) !important; color: var(--brand) !important;
}
html[lang="ar"] .pkp_navigation_primary li ul { right:0; left:auto; text-align:right; }

/* زر البحث */
.pkp_search input[type="submit"], .pkp_search button {
  background: var(--brand-dark) !important; border-color: var(--brand-dark) !important;
  color:#fff !important; border-radius:6px;
}

/* ============ الروابط والعناوين ============ */
a { color: var(--brand); }
a:hover, a:focus { color: var(--brand-2); }
.pkp_structure_content h1,
.pkp_structure_content h2,
.pkp_structure_content h3 { color: var(--brand); }

/* ============ الكتل الجانبية ============ */
.pkp_block .title, .pkp_block h2, .pkp_block h3 {
  color: var(--brand); border-bottom: 2px solid var(--brand-2);
  padding-bottom: 6px; font-weight: 700;
}
.pkp_block a { color: var(--brand-2); }
.pkp_block a:hover { color: var(--brand); }

/* ============ الأزرار ============ */
.pkp_button, .cmp_button, button.pkp_button, a.pkp_button {
  background: var(--brand) !important; border:1px solid var(--brand) !important;
  color:#fff !important; border-radius:6px;
}
.pkp_button:hover, .cmp_button:hover {
  background: var(--brand-2) !important; border-color: var(--brand-2) !important;
}

/* ============ عناصر المقالات ============ */
.obj_article_summary .title a, .obj_issue_toc .title a { color: var(--brand); }
.current_issue .heading, .heading_view_more a { color: var(--brand-2); }

/* الحقول عند التركيز */
.form-control:focus, input:focus, textarea:focus {
  border-color: var(--brand-2) !important; box-shadow: 0 0 0 2px rgba(10,133,194,.18) !important;
}

/* ============ الفوتر (خلفية داكنة بالهوية) ============ */
.pkp_structure_footer {
  background: var(--brand-dark); color:#e6eef7; border-top:3px solid var(--brand-2);
}
.pkp_structure_footer a { color:#cfe4f2; }
.pkp_structure_footer a:hover { color:#ffffff; }

/* أنماط كتلة الفوتر المخصّصة (aaj-ft) */
.aaj-ft{font-family:inherit;font-size:14px;line-height:1.7;text-align:center;padding:18px 12px;border-top:1px solid rgba(255,255,255,.18);}
.aaj-ft-ar{margin-bottom:10px;direction:rtl;}
.aaj-ft-en{margin-bottom:12px;direction:ltr;}
.aaj-ft-name{font-size:15px;color:#ffffff;}
.aaj-ft-dim{opacity:.85;}
.aaj-ft-contact{opacity:.9;margin-bottom:12px;font-size:13px;}
.aaj-ft-contact a{color:#cfe4f2;text-decoration:underline;}
.aaj-badges{margin-bottom:12px;}
.aaj-pill{display:inline-block;margin:3px;padding:3px 10px;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:rgba(255,255,255,.08);color:#eaf2fb;text-decoration:none;font-size:12.5px;}
.aaj-links{opacity:.92;margin-bottom:12px;font-size:13px;}
.aaj-links a{color:#eaf2fb;text-decoration:none;}
.aaj-copy{opacity:.95;font-size:13px;}
.aaj-copy a{color:#eaf2fb;text-decoration:underline;}

/* ============ تحسينات عامة ============ */
.pkp_structure_content { line-height: 1.9; }
blockquote { border-inline-start: 4px solid var(--brand-2); background: var(--brand-soft); }
hr { border-color: rgba(0,103,152,.15); }

/* ============ القائمة المنسدلة الطويلة (سياسات المجلة) — أعمدة متعددة ============ */
.pkp_navigation_primary li ul {
  width: min(820px, 92vw) !important;   /* عرض صريح يضمن ظهور العمودين — كبّره لأعمدة أعرض */
  column-count: 2;                      /* عدد الأعمدة */
  column-gap: 40px;                     /* المسافة الأفقية بين العمودين */
  column-rule: 1px solid rgba(0,103,152,.12);
  max-height: 72vh;
  overflow-y: auto;
  padding: 10px 18px !important;
}
.pkp_navigation_primary li ul li {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  float: none !important;
  width: auto !important;
}
.pkp_navigation_primary li ul li a {
  white-space: normal !important;   /* يسمح بالتفاف النص داخل العمود */
  padding: 6px 12px !important;
  line-height: 1.35;
}
@media (max-width: 640px){
  .pkp_navigation_primary li ul { column-count: 1; max-width: 92vw; }
}