@charset "UTF-8";
/* =====================================================================
   بوابة مجلات جامعة سرت — الصفحة الرئيسية للموقع (OJS 3.5، الثيم الافتراضي)
   ورقة أنماط الموقع — الإصدار 4 — 2026-10-19 (مقصورة على صفحة البوابة)
   تُرفع من: الإدارة ← إعدادات الموقع ← المظهر ← ورقة الأنماط
   الخطوط في public/site/fonts/ (روابطها نسبية لهذا الملف)
   ===================================================================== */

/* ---------- 1. الخطوط ---------- */
@font-face { font-family: "SU Portal Plex"; src: url("fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "SU Portal Plex"; src: url("fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "SU Portal Plex"; src: url("fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFC; }
@font-face { font-family: "SU Portal Plex"; src: url("fonts/ibm-plex-sans-arabic-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "SU Portal Plex"; src: url("fonts/ibm-plex-sans-arabic-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "SU Portal Plex"; src: url("fonts/ibm-plex-sans-arabic-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2212; }

/* ---------- 2. المتغيرات ---------- */
html:has(.page_index_site) {
  --navy: #1A2748; --theme: #134264; --link: #005AA6; --sky: #00ABE3; --sky-soft: #E6F6FC;
  --ink: #1D2433; --muted: #5A6475; --line: #E2E7EF; --soft: #F4F7FB; --white: #FFFFFF;
  --f: "SU Portal Plex", "Segoe UI", Tahoma, Arial, sans-serif;
  --r: 14px;
  --shadow: 0 1px 2px rgba(16,24,40,.05), 0 8px 24px rgba(16,24,40,.08);
}

/* ---------- 3. الأساس ---------- */
html:has(.page_index_site), html:has(.page_index_site) body { font-family: var(--f); font-size: 16px; line-height: 1.8; color: var(--ink); background: var(--soft); }
html[lang="ar"]:has(.page_index_site) body { word-spacing: .06em; }
html:has(.page_index_site) a { color: var(--link); text-underline-offset: .2em; }
html:has(.page_index_site) a:hover { color: var(--navy); }
html:has(.page_index_site) :focus-visible { outline: 3px solid var(--sky); outline-offset: 2px; border-radius: 4px; }
/* إصلاح التمدد الأفقي في الصفحة العربية */
html:has(.page_index_site), html:has(.page_index_site) body { overflow-x: hidden; }
html:has(.page_index_site) .pkp_structure_page { overflow-x: clip; }

/* ---------- 4. الترويسة: نصفان — العنوان على الكحلي، وصورة الحرم كاملة بإطار ---------- */
html:has(.page_index_site) .pkp_structure_head {
  background:
    radial-gradient(1200px 400px at 85% -10%, rgba(0,171,227,.18), transparent 60%),
    linear-gradient(135deg, var(--navy) 0%, var(--theme) 65%, #1B5C8A 100%);
  border-bottom: 5px solid var(--sky);
}
/* شبكة: النص في جهة والصورة في الأخرى؛ الرابط يذوب (display: contents) فتصبح عناصره خانات في الشبكة */
html:has(.page_index_site) .pkp_site_name {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 500px);
  grid-template-areas: "kicker photo" "title photo" "sub photo";
  align-content: center; align-items: center;
  column-gap: 3rem; row-gap: .35rem;
}
html:has(.page_index_site) .pkp_site_name .is_img { display: contents; }
html:has(.page_index_site) .pkp_site_name::before { grid-area: kicker; align-self: end; font-size: .95rem; font-weight: 600; letter-spacing: .02em; color: #9EDDF3; }
html:has(.page_index_site) .pkp_site_name .is_img::before { grid-area: title; font-size: 2.35rem; font-weight: 700; line-height: 1.35; color: var(--white); text-shadow: 0 2px 12px rgba(0,0,0,.2); }
html:has(.page_index_site) .pkp_site_name .is_img::after { grid-area: sub; align-self: start; max-width: 560px; font-size: 1.02rem; line-height: 1.95; color: rgba(255,255,255,.88); }
html[lang="ar"]:has(.page_index_site) .pkp_site_name::before { content: "جامعة سرت"; }
html[lang="ar"]:has(.page_index_site) .pkp_site_name .is_img::before { content: "بوابة المجلات العلمية"; }
html[lang="ar"]:has(.page_index_site) .pkp_site_name .is_img::after { content: "مجلات علمية محكّمة تصدر عن جامعة سرت وكلياتها، مفتوحة الوصول للقراء، وتستقبل البحوث عبر نظامها الإلكتروني."; }
html[lang="en"]:has(.page_index_site) .pkp_site_name::before { content: "Sirte University"; }
html[lang="en"]:has(.page_index_site) .pkp_site_name .is_img::before { content: "Scientific Journals Portal"; }
html[lang="en"]:has(.page_index_site) .pkp_site_name .is_img::after { content: "Peer-reviewed, open-access journals published by Sirte University and its faculties, accepting submissions online."; }
/* الصورة كاملة دون قص أو تمديد (الأصل 960×398) */
html:has(.page_index_site) .pkp_site_name .is_img img {
  grid-area: photo; display: block; width: 100%; height: auto; max-width: 500px; max-height: none;
  border-radius: 16px; border: 4px solid rgba(255,255,255,.9);
  box-shadow: 0 18px 40px rgba(0,0,0,.35), 0 0 0 1px rgba(0,171,227,.35);
}
html:has(.page_index_site) .pkp_navigation_user a, html:has(.page_index_site) .pkp_navigation_user_wrapper a { color: rgba(255,255,255,.92); font-size: .9rem; }
html:has(.page_index_site) .pkp_navigation_user a:hover { color: var(--white); }
@media (min-width: 992px) {
  html:has(.page_index_site) .pkp_head_wrapper { padding-top: 3.75rem; padding-bottom: 3rem; }
  html:has(.page_index_site) .pkp_site_name_wrapper { height: auto; min-height: 0; }
  html:has(.page_index_site) .pkp_site_name { position: static; padding: 1.75rem 0 .25rem !important; }
}

/* ---------- 5. التخطيط: بلا شريط جانبي، والمحتوى بالعرض الكامل ---------- */
html:has(.page_index_site) .pkp_structure_content { padding-top: 1.75rem; }
html:has(.page_index_site) .page_index_site .journals > h2 { margin-top: 0; }
html:has(.page_index_site) .pkp_structure_main { width: 100% !important; float: none !important; padding: 0 1rem; }
html:has(.page_index_site) .pkp_structure_main::before, html:has(.page_index_site) .pkp_structure_main::after { display: none; }
@media (min-width: 992px) {
  html:has(.page_index_site) .pkp_structure_content.has_sidebar .pkp_structure_main { width: 100% !important; }
  html:has(.page_index_site) .pkp_structure_sidebar { width: 100% !important; float: none !important; padding: 0 1rem 2rem; }
}
/* كتلة اللغة: زرّان صغيران في أسفل الصفحة */
html:has(.page_index_site) .pkp_structure_sidebar .pkp_block { background: transparent; border: 0; padding: 0; text-align: center; }
html:has(.page_index_site) .pkp_structure_sidebar .pkp_block .title { display: none; }
html:has(.page_index_site) .pkp_structure_sidebar .block_language ul { display: inline-flex; gap: .5rem; margin: 0; padding: 0; list-style: none; }
html:has(.page_index_site) .pkp_structure_sidebar .block_language a { display: inline-block; padding: .35rem 1.1rem; border: 1px solid var(--line); border-radius: 999px; background: var(--white); text-decoration: none; font-weight: 600; }
html:has(.page_index_site) .pkp_structure_sidebar .block_language .current a { background: var(--navy); color: var(--white); border-color: var(--navy); }

/* ---------- 6. قائمة المجلات: بطاقات في شبكة ---------- */
html:has(.page_index_site) .page_index_site .journals > h2 {
  margin: 0 0 1.25rem; font-size: 1.35rem; font-weight: 700; color: var(--navy);
  display: flex; align-items: center; gap: .6rem;
}
html:has(.page_index_site) .page_index_site .journals > h2::before { content: ""; width: 6px; height: 1.3em; border-radius: 3px; background: var(--sky); }
html:has(.page_index_site) .page_index_site .journals > ul {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 480px), 1fr));
  gap: 1.25rem; margin: 0; padding: 0; list-style: none; border: 0;
  align-items: start;   /* بطاقة مفتوحة لا تمدّ جارتها */
}
html:has(.page_index_site) .page_index_site .journals > ul > li {
  display: grid; grid-template-columns: 120px 1fr; gap: 1.1rem; align-items: start;
  margin: 0; padding: 1.25rem; border: 1px solid var(--line); border-radius: var(--r);
  background: var(--white); box-shadow: 0 1px 2px rgba(16,24,40,.04);
  transition: box-shadow .2s, transform .2s, border-color .2s;
}
/* عناصر التنظيف (clearfix) في الثيم تصبح خانات في الشبكة؛ نلغيها */
html:has(.page_index_site) .page_index_site .journals > ul::before, html:has(.page_index_site) .page_index_site .journals > ul::after, html:has(.page_index_site) .page_index_site .journals > ul > li::before, html:has(.page_index_site) .page_index_site .journals > ul > li::after { content: none !important; display: none !important; }
html:has(.page_index_site) .page_index_site .journals > ul > li:hover { box-shadow: var(--shadow); transform: translateY(-2px); border-color: #CFE3F0; }
html:has(.page_index_site) .page_index_site .journals > ul > li:not(.has_thumb) { grid-template-columns: 1fr; }
html:has(.page_index_site) .page_index_site .journals .thumb { float: none !important; width: 120px !important; margin: 0 !important; padding: 0; }
html:has(.page_index_site) .page_index_site .journals .thumb a { display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; border-radius: 12px; background: var(--soft); border: 1px solid var(--line); overflow: hidden; }
html:has(.page_index_site) .page_index_site .journals .thumb img { max-width: 104px; max-height: 104px; width: auto; height: auto; object-fit: contain; }
html:has(.page_index_site) .page_index_site .journals .body { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; min-width: 0; }
html:has(.page_index_site) .page_index_site .journals h3 { margin: 0 0 .4rem; font-size: 1.12rem; font-weight: 700; line-height: 1.6; }
html:has(.page_index_site) .page_index_site .journals h3 a { color: var(--navy); text-decoration: none; }
html:has(.page_index_site) .page_index_site .journals h3 a:hover { color: var(--link); }
/* الوصف: أربعة أسطر فقط، والبقية في صفحة المجلة */
html:has(.page_index_site) .page_index_site .journals .description {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; overflow: hidden;
  margin: 0 0 .5rem; font-size: .93rem; line-height: 1.85; color: var(--muted);
  text-align: justify; text-justify: inter-word;
}
/* «اقرأ المزيد»: يضيف الزر سطرٌ برمجي في تذييل الموقع، ويفتح الوصف كاملًا */
html:has(.page_index_site) .page_index_site .journals .description.is-open { display: block; -webkit-line-clamp: unset; line-clamp: none; overflow: visible; }
html:has(.page_index_site) .page_index_site .journals .description.is-open p { display: block; margin: 0 0 .45rem !important; }
html:has(.page_index_site) .page_index_site .journals .description.is-open a { overflow-wrap: anywhere; }
html:has(.page_index_site) .page_index_site .journals .su-more {
  display: inline-flex; align-items: center; gap: .35rem; margin: 0 0 .8rem; padding: 0; border: 0; background: none;
  font: 600 .88rem/1.6 var(--f); color: var(--link); cursor: pointer;
}
html:has(.page_index_site) .page_index_site .journals .su-more::after { font-family: FontAwesome; content: "\f107"; font-weight: normal; }
html:has(.page_index_site) .page_index_site .journals .su-more[aria-expanded="true"]::after { content: "\f106"; }
html:has(.page_index_site) .page_index_site .journals .su-more:hover { color: var(--navy); text-decoration: underline; }
html:has(.page_index_site) .page_index_site .journals .description * { font-size: inherit !important; line-height: inherit !important; color: inherit !important; font-weight: inherit; margin: 0 !important; padding: 0 !important; display: inline; background: none !important; border: 0 !important; box-shadow: none !important; }
html:has(.page_index_site) .page_index_site .journals .description img, html:has(.page_index_site) .page_index_site .journals .description .su-btns, html:has(.page_index_site) .page_index_site .journals .description .su-badge { display: none !important; }
html:has(.page_index_site) .page_index_site .journals .description p + p::before { content: " "; }
/* الأزرار */
html:has(.page_index_site) .page_index_site .journals .links { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
html:has(.page_index_site) .page_index_site .journals .links li { margin: 0; padding: 0; }
html:has(.page_index_site) .page_index_site .journals .links a {
  display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .95rem; border-radius: 8px;
  font-size: .88rem; font-weight: 600; text-decoration: none; border: 1px solid var(--navy); color: var(--navy); background: var(--white);
}
html:has(.page_index_site) .page_index_site .journals .links .view a { background: var(--navy); color: var(--white); }
html:has(.page_index_site) .page_index_site .journals .links .view a:hover { background: var(--theme); border-color: var(--theme); }
html:has(.page_index_site) .page_index_site .journals .links .current a:hover { background: var(--sky-soft); }
html:has(.page_index_site) .page_index_site .journals .links .view a::before { font-family: FontAwesome; content: "\f02d"; font-weight: normal; }
html:has(.page_index_site) .page_index_site .journals .links .current a::before { font-family: FontAwesome; content: "\f15c"; font-weight: normal; }

/* ---------- 7. التذييل ---------- */
html:has(.page_index_site) .pkp_structure_footer_wrapper { background: var(--navy); border-top: 4px solid var(--sky); }
html:has(.page_index_site) .pkp_footer_content { color: rgba(255,255,255,.85); text-align: center; }
html:has(.page_index_site) .pkp_footer_content a { color: var(--sky); }
html:has(.page_index_site) .pkp_brand_footer img { filter: brightness(0) invert(1); opacity: .55; }

/* ---------- 8. الشاشات الصغيرة ---------- */
@media (max-width: 991px) {
  html:has(.page_index_site) .pkp_site_name_wrapper { height: auto; padding: .75rem 1rem; }
  html:has(.page_index_site) .pkp_site_name { position: relative; left: auto; right: auto; padding-inline-end: 3rem; }
  html:has(.page_index_site) .pkp_site_nav_toggle > span, html:has(.page_index_site) .pkp_site_nav_toggle > span::before, html:has(.page_index_site) .pkp_site_nav_toggle > span::after { border-color: var(--white); }
  html:has(.page_index_site) .pkp_head_wrapper { padding-top: 1rem; padding-bottom: 1.5rem; }
  html:has(.page_index_site) .pkp_site_name_wrapper { height: auto !important; overflow: visible !important; }
  html:has(.page_index_site) .pkp_site_name { grid-template-columns: 1fr; grid-template-areas: "kicker" "title" "sub" "photo"; row-gap: .3rem;
    white-space: normal !important; overflow: visible !important; height: auto !important; width: auto !important; }
  html:has(.page_index_site) .pkp_site_name .is_img::before, html:has(.page_index_site) .pkp_site_name .is_img::after, html:has(.page_index_site) .pkp_site_name::before { white-space: normal; }
  html:has(.page_index_site) .pkp_site_name .is_img img { max-width: 100%; margin-top: .9rem; border-width: 3px; }
  html:has(.page_index_site) .pkp_site_name .is_img::before { font-size: 1.6rem; }
  html:has(.page_index_site) .pkp_site_name .is_img::after { font-size: .92rem; }
}
@media (max-width: 575px) {
  html:has(.page_index_site) .page_index_site .journals > ul > li { grid-template-columns: 76px 1fr; padding: 1rem; gap: .8rem; }
  html:has(.page_index_site) .page_index_site .journals .thumb, html:has(.page_index_site) .page_index_site .journals .thumb a { width: 76px; height: 76px; }
  html:has(.page_index_site) .page_index_site .journals .thumb img { max-width: 66px; max-height: 66px; }
}
@media (prefers-reduced-motion: reduce) { html:has(.page_index_site) .page_index_site .journals > ul > li { transition: none; } html:has(.page_index_site) .page_index_site .journals > ul > li:hover { transform: none; } }