/* =========================================================
   IJSC MODERN STABLE THEME — OJS 3.x
   Clean structure, enhanced menus, no duplicated layout rules
   ========================================================= */

:root {
  --ijsc-navy: #052f5f;
  --ijsc-navy-dark: #031f41;
  --ijsc-blue: #064985;
  --ijsc-blue-light: #0b6e99;
  --ijsc-gold: #c8942e;
  --ijsc-gold-light: #e4bd62;
  --ijsc-red: #b3262e;
  --ijsc-text: #243746;
  --ijsc-muted: #667085;
  --ijsc-bg: #f5f7fa;
  --ijsc-white: #ffffff;
  --ijsc-border: #e1e7ef;
  --ijsc-shadow: 0 10px 28px rgba(15,45,75,.09);
  --ijsc-radius: 10px;
  --ijsc-max: 1320px;
  --ijsc-sidebar: 290px;
}

/* 1. RESET */
*, *::before, *::after { box-sizing: border-box; }
html { width: 100%; max-width: 100%; scroll-behavior: smooth; }
body {
  width: 100%; max-width: 100%; margin: 0 !important; padding: 0 !important;
  color: var(--ijsc-text); background: var(--ijsc-bg) !important;
  font-family: "Segoe UI", Arial, Tahoma, sans-serif !important;
  line-height: 1.65; overflow-x: hidden;
}
img, svg, video, iframe { max-width: 100%; height: auto; }
a { color: var(--ijsc-blue); text-decoration: none; }
a:hover, a:focus { color: var(--ijsc-gold); }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 3px solid rgba(200,148,46,.38); outline-offset: 3px; }
::selection { color: #fff; background: var(--ijsc-navy); }

/* 2. PAGE STRUCTURE */
.pkp_structure_page {
  width: 100% !important; max-width: none !important; min-width: 0 !important;
  margin: 0 !important; padding: 0 !important;
  background: transparent !important; box-shadow: none !important;
}
.pkp_structure_content {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) var(--ijsc-sidebar) !important;
  grid-template-areas: "main sidebar" !important;
  align-items: start !important; gap: 30px !important;
  width: 100% !important; max-width: var(--ijsc-max) !important;
  margin: 0 auto !important; padding: 32px 24px 50px !important;
  direction: ltr !important;
}
.pkp_structure_main {
  grid-area: main !important; display: block !important;
  width: 100% !important; max-width: none !important; min-width: 0 !important;
  margin: 0 !important; padding: 0 !important; float: none !important;
  position: static !important;
}
.pkp_structure_sidebar {
  grid-area: sidebar !important; display: block !important;
  width: var(--ijsc-sidebar) !important; min-width: var(--ijsc-sidebar) !important;
  max-width: var(--ijsc-sidebar) !important; margin: 0 !important; padding: 0 !important;
  float: none !important; position: static !important;
}
html[dir="rtl"] .pkp_structure_main,
html[dir="rtl"] .pkp_structure_sidebar { direction: rtl !important; text-align: right; }
html[dir="ltr"] .pkp_structure_main,
html[dir="ltr"] .pkp_structure_sidebar { direction: ltr !important; text-align: left; }
.page_index_journal, .page_index_journal .additional_content,
.page_index_journal .current_issue, .obj_issue_toc, .obj_article_details {
  width: 100% !important; max-width: 100% !important; min-width: 0 !important;
}

/* 3. HEADER + TOP BAR */
.pkp_structure_head {
  position: relative !important; z-index: 1000; width: 100% !important;
  margin: 0 !important; padding: 0 !important; background: #fff !important;
  border: 0 !important; box-shadow: 0 2px 12px rgba(13,38,68,.08);
  overflow: visible !important;
}
.pkp_structure_head::before {
  content: "ISSN: 2437-1181     |     EISSN: 2710-8139";
  display: flex !important; align-items: center !important;
  width: 100% !important; min-height: 58px !important;
  padding: 0 max(35px, calc((100% - 1450px)/2)) !important;
  color: var(--ijsc-gold-light) !important;
  background: linear-gradient(90deg,var(--ijsc-navy),var(--ijsc-blue)) !important;
  border: 0 !important; box-shadow: none !important;
  font-size: 15px !important; font-weight: 800 !important;
  letter-spacing: .25px; white-space: pre !important;
}
.pkp_head_wrapper {
  width: 100% !important; max-width: var(--ijsc-max) !important;
  margin: 0 auto !important; padding: 0 24px !important;
  background: transparent !important; border: 0 !important; overflow: visible !important;
}

/* 4. JOURNAL HEADER IMAGE */
.pkp_site_name_wrapper {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 100% !important; min-height: 170px !important; margin: 0 !important;
  padding: 22px 0 !important; background: #fff !important;
  border: 0 !important; box-shadow: none !important; overflow: visible !important;
}
.pkp_site_name_wrapper::before, .pkp_site_name_wrapper::after,
.pkp_site_name::before, .pkp_site_name::after { content: none !important; display: none !important; }
.pkp_site_name { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center; }
.pkp_site_name > a { display: block !important; width: 100% !important; max-width: 100% !important; }
.pkp_site_name .is_img, .pkp_site_name .is_img img { display: block !important; width: 100% !important; }
.pkp_site_name .is_img img {
  max-height: 210px !important; object-fit: contain !important; object-position: center !important;
  margin: 0 auto !important; opacity: 1 !important; filter: none !important;
}
.pkp_site_name .is_text {
  color: var(--ijsc-navy) !important; font-size: clamp(25px,3vw,40px) !important;
  font-weight: 800 !important; line-height: 1.2 !important;
}

/* 5. USER MENU IN TOP BAR */
#navigationUserWrapper, .pkp_navigation_user_wrapper {
  position: absolute !important; top: 0 !important;
  left: max(35px, calc((100% - 1450px)/2)) !important; right: auto !important;
  z-index: 10050 !important; display: flex !important; align-items: stretch !important;
  width: auto !important; max-width: 65% !important; height: 58px !important;
  margin: 0 !important; padding: 0 !important; background: transparent !important;
  visibility: visible !important; opacity: 1 !important; overflow: visible !important;
}
html[lang^="en"] #navigationUserWrapper, html[lang^="en"] .pkp_navigation_user_wrapper,
html[lang^="fr"] #navigationUserWrapper, html[lang^="fr"] .pkp_navigation_user_wrapper {
  left: auto !important; right: max(35px, calc((100% - 1450px)/2)) !important;
}
#navigationUser, .pkp_navigation_user {
  display: flex !important; align-items: stretch !important; flex-wrap: nowrap !important;
  height: 58px !important; margin: 0 !important; padding: 0 !important;
  list-style: none !important; background: transparent !important; overflow: visible !important;
}
#navigationUser > li, .pkp_navigation_user > li {
  position: relative !important; display: flex !important; height: 58px !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: visible !important;
}
#navigationUser > li > a, .pkp_navigation_user > li > a {
  display: flex !important; align-items: center !important; justify-content: center !important;
  min-height: 58px !important; padding: 0 13px !important;
  color: #fff !important; background: transparent !important;
  font-size: 13px !important; font-weight: 700 !important; white-space: nowrap !important;
  border: 0 !important; text-decoration: none !important;
}
#navigationUser > li > a:hover, #navigationUser > li > a:focus,
.pkp_navigation_user > li > a:hover, .pkp_navigation_user > li > a:focus {
  color: #fff !important; background: rgba(255,255,255,.12) !important;
}
#navigationUser a[href*="dashboard"], .pkp_navigation_user a[href*="dashboard"] {
  color: #fff !important; background: linear-gradient(135deg,#b97d18,#d5a23b) !important;
}
#navigationUser ul, .pkp_navigation_user ul {
  position: absolute !important; top: 58px !important; left: 0 !important; right: auto !important;
  z-index: 10060 !important; display: none !important; visibility: hidden !important; opacity: 0 !important;
  width: 255px !important; min-width: 255px !important; margin: 0 !important; padding: 7px 0 !important;
  background: linear-gradient(180deg,#073a68,#052f59) !important;
  border: 1px solid rgba(255,255,255,.12) !important; border-radius: 0 0 8px 8px !important;
  box-shadow: 0 14px 30px rgba(0,24,52,.28) !important; transform: translateY(7px) !important;
}
html[lang^="en"] #navigationUser ul, html[lang^="en"] .pkp_navigation_user ul,
html[lang^="fr"] #navigationUser ul, html[lang^="fr"] .pkp_navigation_user ul {
  left: auto !important; right: 0 !important;
}
#navigationUser li:hover > ul, #navigationUser li:focus-within > ul,
.pkp_navigation_user li:hover > ul, .pkp_navigation_user li:focus-within > ul {
  display: block !important; visibility: visible !important; opacity: 1 !important; transform: none !important;
}
#navigationUser ul li, .pkp_navigation_user ul li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
#navigationUser ul a, .pkp_navigation_user ul a {
  display: block !important; width: 100% !important; padding: 11px 15px !important;
  color: #fff !important; background: transparent !important; font-size: 13px !important;
  font-weight: 700 !important; line-height: 1.4 !important; text-align: right !important;
}
html[lang^="en"] #navigationUser ul a, html[lang^="en"] .pkp_navigation_user ul a,
html[lang^="fr"] #navigationUser ul a, html[lang^="fr"] .pkp_navigation_user ul a { text-align: left !important; }
#navigationUser ul a:hover, .pkp_navigation_user ul a:hover { color: #fff !important; background: #0a578f !important; }
#navigationUser ul a[href*="logout"], .pkp_navigation_user ul a[href*="logout"] { color: #ff9a9f !important; }

/* 6. MAIN NAVIGATION — ENHANCED */
.pkp_navigation_primary_row {
  width: 100% !important; margin: 0 !important; padding: 0 !important;
  background: linear-gradient(135deg,#0b3658 0%,#0f4c81 55%,#0b6e99 100%) !important;
  border: 0 !important; box-shadow: 0 5px 15px rgba(10,49,81,.14) !important;
  overflow: visible !important;
}
.pkp_navigation_primary_wrapper {
  display: flex !important; align-items: stretch !important; justify-content: space-between !important;
  width: 100% !important; max-width: var(--ijsc-max) !important; min-height: 58px !important;
  margin: 0 auto !important; padding: 0 24px !important; border: 0 !important; overflow: visible !important;
}
#navigationPrimary, .pkp_navigation_primary {
  display: flex !important; align-items: stretch !important; flex-wrap: wrap !important;
  margin: 0 !important; padding: 0 !important; list-style: none !important; overflow: visible !important;
}
#navigationPrimary > li, .pkp_navigation_primary > li {
  position: relative !important; display: flex !important; align-items: stretch !important;
  margin: 0 !important; padding: 0 !important; overflow: visible !important;
}
#navigationPrimary > li > a, .pkp_navigation_primary > li > a {
  position: relative !important; display: flex !important; align-items: center !important;
  min-height: 58px !important; padding: 0 16px !important;
  color: rgba(255,255,255,.96) !important; background: transparent !important;
  font-size: 13.5px !important; font-weight: 700 !important; line-height: 1.3 !important;
  white-space: nowrap !important; border: 0 !important; text-decoration: none !important;
  transition: background-color .2s ease, color .2s ease;
}
#navigationPrimary > li > a::after, .pkp_navigation_primary > li > a::after {
  content: ""; position: absolute; left: 16px; right: 16px; bottom: 0;
  height: 3px; border-radius: 3px 3px 0 0; background: var(--ijsc-gold-light);
  transform: scaleX(0); transform-origin: center; transition: transform .2s ease;
}
#navigationPrimary > li:hover > a, #navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus, .pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li > a:focus {
  color: #fff !important; background: rgba(255,255,255,.12) !important;
}
#navigationPrimary > li:hover > a::after, #navigationPrimary > li:focus-within > a::after,
.pkp_navigation_primary > li:hover > a::after, .pkp_navigation_primary > li:focus-within > a::after { transform: scaleX(1); }
#navigationPrimary ul, .pkp_navigation_primary ul {
  position: absolute !important; top: 100% !important; left: 0 !important; right: auto !important;
  z-index: 10020 !important; display: block !important; visibility: hidden !important; opacity: 0 !important;
  width: 285px !important; min-width: 285px !important; margin: 0 !important; padding: 8px !important;
  list-style: none !important; background: #fff !important;
  border: 1px solid #dfe8ef !important; border-top: 3px solid var(--ijsc-gold) !important;
  border-radius: 0 0 10px 10px !important; box-shadow: 0 14px 35px rgba(13,45,71,.18) !important;
  transform: translateY(10px) !important; transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
html[dir="rtl"] #navigationPrimary ul, html[dir="rtl"] .pkp_navigation_primary ul { left: auto !important; right: 0 !important; }
#navigationPrimary li:hover > ul, #navigationPrimary li:focus-within > ul,
.pkp_navigation_primary li:hover > ul, .pkp_navigation_primary li:focus-within > ul {
  visibility: visible !important; opacity: 1 !important; transform: translateY(0) !important;
}
#navigationPrimary ul li, .pkp_navigation_primary ul li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
#navigationPrimary ul a, .pkp_navigation_primary ul a {
  display: block !important; width: 100% !important; padding: 11px 13px !important;
  color: #263d50 !important; background: transparent !important;
  border-radius: 6px !important; font-size: 13.5px !important; font-weight: 600 !important;
  line-height: 1.45 !important; white-space: normal !important; transition: background-color .18s ease, color .18s ease, padding .18s ease;
}
#navigationPrimary ul a::after, .pkp_navigation_primary ul a::after { display: none !important; }
#navigationPrimary ul a:hover, #navigationPrimary ul a:focus,
.pkp_navigation_primary ul a:hover, .pkp_navigation_primary ul a:focus {
  color: var(--ijsc-navy) !important; background: #edf5fa !important; padding-left: 17px !important;
}
html[dir="rtl"] #navigationPrimary ul a:hover, html[dir="rtl"] #navigationPrimary ul a:focus,
html[dir="rtl"] .pkp_navigation_primary ul a:hover, html[dir="rtl"] .pkp_navigation_primary ul a:focus {
  padding-left: 13px !important; padding-right: 17px !important;
}
#navigationPrimary ul ul, .pkp_navigation_primary ul ul {
  top: -11px !important; left: calc(100% - 3px) !important; right: auto !important; border-radius: 10px !important;
}
html[dir="rtl"] #navigationPrimary ul ul, html[dir="rtl"] .pkp_navigation_primary ul ul {
  left: auto !important; right: calc(100% - 3px) !important;
}
.pkp_navigation_search_wrapper { margin-left: auto !important; }
html[dir="rtl"] .pkp_navigation_search_wrapper { margin-left: 0 !important; margin-right: auto !important; }
.pkp_navigation_search_wrapper a, .pkp_search_desktop {
  display: flex !important; align-items: center !important; justify-content: center !important;
  min-width: 52px !important; min-height: 58px !important; padding: 0 13px !important;
  color: #fff !important; background: transparent !important; border: 0 !important;
}
.pkp_navigation_search_wrapper a:hover, .pkp_search_desktop:hover { background: rgba(255,255,255,.12) !important; }

/* 7. CARDS AND HOMEPAGE */
.ijsc-card, .obj_issue_toc, .page_index_journal .current_issue,
.cmp_announcements, .pkp_block, .obj_article_details, .cmp_search {
  background: #fff; border: 1px solid var(--ijsc-border); border-radius: var(--ijsc-radius); box-shadow: var(--ijsc-shadow);
}
.obj_issue_toc, .page_index_journal .current_issue, .obj_article_details, .cmp_search { padding: 28px; }
.pkp_page_index .homepage_image, .page_index_journal .homepage_image {
  margin: 0 0 26px; overflow: hidden; background: #fff;
  border: 1px solid var(--ijsc-border); border-radius: var(--ijsc-radius); box-shadow: var(--ijsc-shadow);
}
.pkp_page_index .homepage_image img, .page_index_journal .homepage_image img {
  display: block; width: 100%; max-height: 300px; object-fit: contain; background: #fff;
}
.page_index_journal .additional_content {
  margin: 0 0 26px; padding: 28px;
  background: linear-gradient(135deg,#fff,#f8fbff);
  border: 1px solid var(--ijsc-border); border-left: 5px solid var(--ijsc-gold);
  border-radius: var(--ijsc-radius); box-shadow: var(--ijsc-shadow);
}
html[dir="rtl"] .page_index_journal .additional_content { border-left: 1px solid var(--ijsc-border); border-right: 5px solid var(--ijsc-gold); }
.page_index_journal .additional_content h1, .page_index_journal .additional_content h2,
.page_index_journal .additional_content h3 { margin-top: 0; color: var(--ijsc-navy); }
.page_index_journal .current_issue { position: relative; overflow: hidden; margin-bottom: 30px; }
.page_index_journal .current_issue::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 5px;
  background: linear-gradient(90deg,var(--ijsc-navy),var(--ijsc-gold));
}

/* 8. CURRENT ISSUE — DEFINITIVE LINE FIX */
.obj_issue_toc, .obj_issue_toc .heading, .obj_issue_toc .sections,
.obj_issue_toc .section, .obj_issue_toc .articles, .obj_issue_toc .description,
.obj_issue_toc .cover, .obj_issue_toc .published {
  background-image: none !important; border-left: 0 !important; border-right: 0 !important;
  box-shadow: none !important;
}
.obj_issue_toc .heading {
  display: grid !important; grid-template-columns: minmax(0,1fr) 230px !important;
  gap: 28px !important; align-items: start !important; width: 100% !important;
  margin: 0 0 24px !important; padding: 0 0 24px !important;
  border-top: 0 !important; border-bottom: 1px solid var(--ijsc-border) !important;
}
html[dir="rtl"] .obj_issue_toc .heading { grid-template-columns: minmax(0,1fr) 230px !important; }
.obj_issue_toc .cover {
  grid-column: 2 !important; grid-row: 1 !important; float: none !important;
  width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important;
}
.obj_issue_toc .cover img {
  display: block !important; width: 100% !important; max-width: 210px !important;
  margin: 0 auto !important; border-radius: 4px !important; box-shadow: 0 10px 25px rgba(20,38,65,.18) !important;
}
.obj_issue_toc .description, .obj_issue_toc .published, .obj_issue_toc .series {
  grid-column: 1 !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
}
.obj_issue_toc .heading::before, .obj_issue_toc .heading::after,
.obj_issue_toc .description::before, .obj_issue_toc .description::after,
.obj_issue_toc .cover::before, .obj_issue_toc .cover::after {
  content: none !important; display: none !important; border: 0 !important; background: none !important;
}
.obj_issue_toc .sections { clear: both !important; width: 100% !important; margin-top: 0 !important; }
.obj_issue_toc .section > h2 {
  margin: 0 0 8px !important; padding: 13px 0 !important;
  color: var(--ijsc-navy); font-size: 22px; font-weight: 800;
  border-top: 0 !important; border-left: 0 !important; border-right: 0 !important;
  border-bottom: 2px solid var(--ijsc-border) !important;
}

/* 9. ARTICLES */
.obj_article_summary {
  display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 20px; align-items: start;
  position: relative; width: 100% !important; padding: 20px 0; border-bottom: 1px solid var(--ijsc-border);
}
.obj_article_summary:last-child { border-bottom: 0; }
.obj_article_summary:hover { background: linear-gradient(90deg,rgba(6,43,87,.025),transparent); }
.obj_article_summary .title, .obj_article_summary .authors, .obj_article_summary .meta,
.obj_article_summary .subtitle, .obj_article_summary .pages { grid-column: 1; }
.obj_article_summary .title {
  padding: 0 !important; color: var(--ijsc-navy); font-size: 16px; font-weight: 750;
  line-height: 1.45; overflow-wrap: anywhere;
}
.obj_article_summary .title a { color: var(--ijsc-navy); }
.obj_article_summary .title a:hover { color: var(--ijsc-gold); }
.obj_article_summary .authors { margin-top: 7px; color: var(--ijsc-muted); font-size: 14px; }
.obj_article_summary .pages { margin-top: 7px; color: var(--ijsc-muted); font-size: 13px; }
.obj_article_summary .galleys { grid-column: 2; grid-row: 1 / span 5; align-self: center; }
.obj_galley_link, .cmp_button, .block_make_submission a, .ijsc-button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 42px;
  padding: 9px 16px; color: var(--ijsc-navy); background: #fff;
  border: 1px solid var(--ijsc-navy); border-radius: 6px; font-weight: 800; text-decoration: none;
}
.obj_galley_link:hover, .cmp_button:hover, .block_make_submission a:hover, .ijsc-button:hover {
  color: #fff; background: var(--ijsc-navy);
}

/* 10. SIDEBAR */
.pkp_block { margin-bottom: 20px; padding: 20px; overflow: hidden; }
.pkp_block .title {
  margin: -20px -20px 16px; padding: 14px 18px;
  color: #fff !important; background: linear-gradient(90deg,var(--ijsc-navy),var(--ijsc-blue));
  font-size: 14px; font-weight: 800; letter-spacing: .02em;
}
.pkp_block ul { margin: 0; padding: 0; list-style: none; }
.pkp_block li { padding: 8px 0; border-bottom: 1px solid #eef2f6; }
.pkp_block li:last-child { border-bottom: 0; }
.block_make_submission { border-color: rgba(200,148,46,.5); }
.block_make_submission .title { background: var(--ijsc-gold); }
.block_make_submission a { width: 100%; color: #fff; background: var(--ijsc-navy); }

/* 11. PAGE TITLES, TABLES, FORMS */
.pkp_page_title, .page h1, .page h2, .obj_article_details .page_title { color: var(--ijsc-navy); }
.pkp_page_title {
  margin: 0 0 24px; padding-bottom: 14px; border-bottom: 3px solid var(--ijsc-gold);
  font-size: clamp(27px,3vw,38px); font-weight: 800; line-height: 1.2;
}
.obj_article_details { padding: 28px; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { padding: 12px 14px; border: 1px solid var(--ijsc-border); vertical-align: top; }
th { color: #fff; background: var(--ijsc-navy); font-weight: 800; }
tbody tr:nth-child(even) { background: #f8fafc; }
.pkp_table_wrapper { overflow-x: auto; border-radius: 7px; }
input[type="text"], input[type="email"], input[type="password"], input[type="url"],
input[type="search"], select, textarea {
  width: 100%; min-height: 44px; padding: 10px 12px; color: var(--ijsc-text);
  background: #fff; border: 1px solid #cfd8e3; border-radius: 6px;
}
textarea { min-height: 130px; resize: vertical; }
input:focus, select:focus, textarea:focus {
  border-color: var(--ijsc-navy); box-shadow: 0 0 0 3px rgba(6,43,87,.10); outline: 0;
}

/* 12. FOOTER */
.pkp_structure_footer_wrapper { margin-top: 40px; color: #fff; background: var(--ijsc-navy-dark); }
.pkp_structure_footer { max-width: var(--ijsc-max); margin: 0 auto; padding: 40px 24px; }
.pkp_footer_content, .pkp_footer_content a { color: #fff; }
.pkp_footer_content a:hover { color: var(--ijsc-gold-light); }
.pkp_brand_footer, .pkp_brand_footer a, .pkp_brand_footer img { display: none !important; visibility: hidden !important; }

/* 13. TABLET */
@media (max-width: 1100px) {
  :root { --ijsc-sidebar: 250px; }
  .pkp_structure_content { gap: 22px !important; }
  #navigationPrimary > li > a, .pkp_navigation_primary > li > a { padding-left: 11px !important; padding-right: 11px !important; font-size: 12.5px !important; }
}
@media (max-width: 900px) {
  .pkp_structure_content { display: block !important; padding: 22px 14px 40px !important; }
  .pkp_structure_sidebar { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin-top: 26px !important; }
}

/* 14. MOBILE */
@media (max-width: 767px) {
  .pkp_structure_head::before {
    min-height: 44px !important; padding: 0 12px !important; font-size: 11px !important; white-space: normal !important;
  }
  #navigationUserWrapper, .pkp_navigation_user_wrapper,
  html[lang^="en"] #navigationUserWrapper, html[lang^="en"] .pkp_navigation_user_wrapper,
  html[lang^="fr"] #navigationUserWrapper, html[lang^="fr"] .pkp_navigation_user_wrapper {
    position: static !important; display: block !important; width: 100% !important; max-width: 100% !important;
    height: auto !important; padding: 0 8px !important; background: var(--ijsc-navy) !important;
  }
  #navigationUser, .pkp_navigation_user { display: flex !important; flex-wrap: wrap !important; width: 100% !important; height: auto !important; }
  #navigationUser > li, .pkp_navigation_user > li { height: auto !important; }
  #navigationUser > li > a, .pkp_navigation_user > li > a { min-height: 42px !important; padding: 7px 10px !important; font-size: 12px !important; }
  #navigationUser ul, .pkp_navigation_user ul {
    position: static !important; display: block !important; visibility: visible !important; opacity: 1 !important;
    width: 100% !important; min-width: 0 !important; border: 0 !important; box-shadow: none !important; transform: none !important;
  }
  .pkp_head_wrapper { padding: 0 14px !important; }
  .pkp_site_name_wrapper { min-height: 95px !important; padding: 14px 48px !important; }
  .pkp_site_name .is_img img { max-height: 95px !important; }
  .pkp_navigation_primary_wrapper { display: block !important; width: 100% !important; min-height: 0 !important; padding: 8px 14px 15px !important; background: #fff !important; }
  .pkp_navigation_primary_row { background: #fff !important; box-shadow: none !important; }
  #navigationPrimary, .pkp_navigation_primary { display: block !important; width: 100% !important; }
  #navigationPrimary > li, .pkp_navigation_primary > li { display: block !important; width: 100% !important; border-bottom: 1px solid #edf1f4; }
  #navigationPrimary > li > a, .pkp_navigation_primary > li > a {
    display: flex !important; width: 100% !important; min-height: 48px !important; padding: 12px 10px !important;
    color: #21394b !important; background: #fff !important; font-size: 14px !important;
  }
  #navigationPrimary > li > a::after, .pkp_navigation_primary > li > a::after { display: none !important; }
  #navigationPrimary ul, .pkp_navigation_primary ul {
    position: static !important; display: block !important; visibility: visible !important; opacity: 1 !important;
    width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 0 7px 13px !important;
    border: 0 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; transform: none !important;
  }
  #navigationPrimary ul a, .pkp_navigation_primary ul a {
    padding: 9px 12px !important; color: #526674 !important; font-size: 13px !important;
    border-left: 2px solid #d9e6ee !important; border-radius: 0 !important;
  }
  html[dir="rtl"] #navigationPrimary ul a, html[dir="rtl"] .pkp_navigation_primary ul a {
    border-left: 0 !important; border-right: 2px solid #d9e6ee !important;
  }
  .obj_issue_toc, .page_index_journal .current_issue, .obj_article_details { padding: 18px; }
  .obj_issue_toc .heading { display: block !important; padding-bottom: 20px !important; }
  .obj_issue_toc .cover { width: 100% !important; margin: 0 auto 20px !important; }
  .obj_issue_toc .cover img { max-width: 150px !important; }
  .obj_article_summary { display: block; }
  .obj_article_summary .galleys { margin-top: 12px; }
}
@media (max-width: 480px) {
  .pkp_structure_content { padding-left: 10px !important; padding-right: 10px !important; }
  .pkp_head_wrapper { padding-left: 10px !important; padding-right: 10px !important; }
  .pkp_site_name_wrapper { padding-left: 42px !important; padding-right: 42px !important; }
  .pkp_site_name .is_img img { max-height: 75px !important; }
  .obj_galley_link, .block_make_submission a { width: 100%; }
  th, td { padding: 9px 10px; font-size: 13px; }
}

/* 15. PRINT */
@media print {
  .pkp_structure_head, .pkp_structure_sidebar, .pkp_structure_footer_wrapper,
  .pkp_navigation_primary_wrapper, .cmp_breadcrumbs, .obj_galley_link { display: none !important; }
  body, .pkp_structure_page, .pkp_structure_content, .pkp_structure_main {
    display: block !important; width: 100% !important; max-width: none !important;
    padding: 0 !important; margin: 0 !important; background: #fff !important; box-shadow: none !important;
  }
}

/* ==========================================================
   IJSC V4 — REMOVE THE VERTICAL DIVIDER FROM THE HOME PAGE
   إزالة الخط العمودي نهائياً من وسط الصفحة الرئيسية
   ========================================================== */

/* OJS default theme may draw column separators with pseudo-elements */
.page_index_journal .pkp_structure_main::before,
.page_index_journal .pkp_structure_main::after,
.page_index_journal .current_issue::after,
.page_index_journal .obj_issue_toc::before,
.page_index_journal .obj_issue_toc::after,
.page_index_journal .obj_issue_toc .heading::before,
.page_index_journal .obj_issue_toc .heading::after,
.page_index_journal .obj_issue_toc .sections::before,
.page_index_journal .obj_issue_toc .sections::after,
.page_index_journal .obj_issue_toc .section::before,
.page_index_journal .obj_issue_toc .section::after,
.page_index_journal .obj_issue_toc .articles::before,
.page_index_journal .obj_issue_toc .articles::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove any inherited vertical border from the current issue hierarchy */
.page_index_journal .current_issue,
.page_index_journal .current_issue > *,
.page_index_journal .obj_issue_toc,
.page_index_journal .obj_issue_toc > *,
.page_index_journal .obj_issue_toc .heading,
.page_index_journal .obj_issue_toc .heading > *,
.page_index_journal .obj_issue_toc .sections,
.page_index_journal .obj_issue_toc .section,
.page_index_journal .obj_issue_toc .articles,
.page_index_journal .obj_issue_toc .article_summary,
.page_index_journal .obj_article_summary {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  background-image: none !important;
}

/* Rebuild the issue heading without a central divider */
.page_index_journal .obj_issue_toc .heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 230px !important;
  column-gap: 28px !important;
  row-gap: 16px !important;
  align-items: start !important;
  overflow: visible !important;
}

.page_index_journal .obj_issue_toc .heading > * {
  min-width: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Keep only the intended horizontal separator below the issue heading */
.page_index_journal .obj_issue_toc .heading {
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid var(--ijsc-border) !important;
}

/* Mobile: single column, no divider */
@media screen and (max-width: 767px) {
  .page_index_journal .obj_issue_toc .heading {
    display: block !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

/* ==========================================================
   IJSC V5 — FINAL TOP USER NAVIGATION + DASHBOARD
   القائمة الرئيسية للمستخدم ولوحة التحكم أعلى الصفحة
   ========================================================== */

.pkp_structure_head {
  position: relative !important;
  overflow: visible !important;
}

/* الشريط العلوي */
.pkp_structure_head::before {
  min-height: 58px !important;
  padding-inline: max(28px, calc((100% - 1320px) / 2)) !important;
  color: var(--ijsc-gold-light) !important;
  background: linear-gradient(90deg, #052f5f 0%, #064985 100%) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* حاوية قائمة المستخدم داخل الشريط */
#navigationUserWrapper,
.pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 0 !important;
  right: max(28px, calc((100% - 1320px) / 2)) !important;
  left: auto !important;
  z-index: 100000 !important;
  display: flex !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: 68% !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

html[dir="rtl"] #navigationUserWrapper,
html[dir="rtl"] .pkp_navigation_user_wrapper {
  right: auto !important;
  left: max(28px, calc((100% - 1320px) / 2)) !important;
}

#navigationUser,
.pkp_navigation_user {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  overflow: visible !important;
}

#navigationUser > li,
.pkp_navigation_user > li {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

#navigationUser > li > a,
.pkp_navigation_user > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  padding: 0 14px !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

#navigationUser > li > a:hover,
#navigationUser > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  color: #fff !important;
  background: rgba(255,255,255,.12) !important;
}

/* زر لوحة التحكم */
#navigationUser a[href*="dashboard"],
.pkp_navigation_user a[href*="dashboard"] {
  color: #fff !important;
  background: linear-gradient(135deg, #b9821d 0%, #d6a83d 100%) !important;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.08) !important;
}

#navigationUser a[href*="dashboard"]:hover,
.pkp_navigation_user a[href*="dashboard"]:hover {
  background: linear-gradient(135deg, #a97315 0%, #c7962b 100%) !important;
}

/* القائمة المنسدلة للمستخدم */
#navigationUser ul,
.pkp_navigation_user ul {
  position: absolute !important;
  top: 58px !important;
  right: 0 !important;
  left: auto !important;
  z-index: 100001 !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 250px !important;
  min-width: 250px !important;
  margin: 0 !important;
  padding: 7px !important;
  list-style: none !important;
  background: #063661 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-top: 3px solid var(--ijsc-gold) !important;
  border-radius: 0 0 9px 9px !important;
  box-shadow: 0 16px 34px rgba(0,25,55,.28) !important;
  transform: translateY(7px) !important;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}

html[dir="rtl"] #navigationUser ul,
html[dir="rtl"] .pkp_navigation_user ul {
  right: auto !important;
  left: 0 !important;
}

#navigationUser li:hover > ul,
#navigationUser li:focus-within > ul,
.pkp_navigation_user li:hover > ul,
.pkp_navigation_user li:focus-within > ul {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

#navigationUser ul li,
.pkp_navigation_user ul li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#navigationUser ul a,
.pkp_navigation_user ul a {
  display: block !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 11px 13px !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  text-decoration: none !important;
}

html[dir="rtl"] #navigationUser ul a,
html[dir="rtl"] .pkp_navigation_user ul a {
  text-align: right !important;
}

#navigationUser ul a:hover,
#navigationUser ul a:focus,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus {
  color: #fff !important;
  background: #0a578f !important;
}

#navigationUser ul a[href*="logout"],
.pkp_navigation_user ul a[href*="logout"] {
  color: #ffb0b4 !important;
}

#navigationUser ul a[href*="logout"]:hover,
.pkp_navigation_user ul a[href*="logout"]:hover {
  color: #fff !important;
  background: #a82930 !important;
}

/* إزالة الفاصل العمودي نهائيًا */
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar,
.pkp_page_index,
.page_index_journal {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.pkp_structure_content::before,
.pkp_structure_content::after,
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* الهاتف */
@media screen and (max-width: 767px) {
  .pkp_structure_head::before {
    min-height: 44px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
  }

  #navigationUserWrapper,
  .pkp_navigation_user_wrapper,
  html[dir="rtl"] #navigationUserWrapper,
  html[dir="rtl"] .pkp_navigation_user_wrapper {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    background: #052f5f !important;
  }

  #navigationUser,
  .pkp_navigation_user {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    min-height: 0 !important;
  }

  #navigationUser > li,
  .pkp_navigation_user > li {
    min-height: 0 !important;
    flex: 1 1 auto !important;
  }

  #navigationUser > li > a,
  .pkp_navigation_user > li > a {
    min-height: 40px !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
    border-radius: 5px !important;
  }

  #navigationUser ul,
  .pkp_navigation_user ul,
  html[dir="rtl"] #navigationUser ul,
  html[dir="rtl"] .pkp_navigation_user ul {
    position: static !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
}
/* ==========================================================
   IJSC — USER MENU AT FAR RIGHT OF TOP BLUE BAR
   وضع قائمة المستخدم ولوحة التحكم في أقصى اليمين
   ========================================================== */

.pkp_structure_head {
    position: relative !important;
    overflow: visible !important;
}

/* حاوية قائمة المستخدم */
#navigationUserWrapper,
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 0 !important;
    right: 24px !important;
    left: auto !important;

    z-index: 999999 !important;

    display: flex !important;
    align-items: stretch !important;

    width: auto !important;
    max-width: 70% !important;
    height: 60px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

/* في الشاشات الكبيرة يبقى ملاصقًا لأقصى اليمين */
@media screen and (min-width: 1400px) {
    #navigationUserWrapper,
    .pkp_navigation_user_wrapper {
        right: max(24px, calc((100% - 1420px) / 2)) !important;
    }
}

/* القائمة نفسها */
#navigationUser,
.pkp_navigation_user {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;

    width: auto !important;
    height: 60px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    background: transparent !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

/* عناصر المستوى الأول */
#navigationUser > li,
.pkp_navigation_user > li {
    position: relative !important;

    display: flex !important;
    align-items: stretch !important;

    height: 60px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

/* الروابط */
#navigationUser > li > a,
.pkp_navigation_user > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 60px !important;
    height: 60px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    color: #ffffff !important;
    background: transparent !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    border: 0 !important;
    border-radius: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
}

/* المرور */
#navigationUser > li > a:hover,
#navigationUser > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #ffffff !important;
    background: rgba(255,255,255,.12) !important;
}

/* زر لوحة التحكم */
#navigationUser a[href*="dashboard"],
.pkp_navigation_user a[href*="dashboard"] {
    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #c38d25 0%,
        #dda93a 100%
    ) !important;
}

/* القائمة المنسدلة */
#navigationUser ul,
.pkp_navigation_user ul {
    position: absolute !important;
    top: 60px !important;
    right: 0 !important;
    left: auto !important;

    z-index: 1000000 !important;

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 250px !important;
    min-width: 250px !important;

    margin: 0 !important;
    padding: 7px 0 !important;

    background: #063764 !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 0 0 8px 8px !important;

    box-shadow: 0 14px 30px rgba(0,24,52,.28) !important;

    transform: translateY(6px) !important;
}

/* إظهار القائمة */
#navigationUser li:hover > ul,
#navigationUser li:focus-within > ul,
.pkp_navigation_user li:hover > ul,
.pkp_navigation_user li:focus-within > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* روابط القائمة المنسدلة */
#navigationUser ul li > a,
.pkp_navigation_user ul li > a {
    display: block !important;
    width: 100% !important;

    padding: 11px 15px !important;

    color: #ffffff !important;
    background: transparent !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: right !important;
    text-decoration: none !important;
}

/* المرور داخل القائمة */
#navigationUser ul li > a:hover,
#navigationUser ul li > a:focus,
.pkp_navigation_user ul li > a:hover,
.pkp_navigation_user ul li > a:focus {
    color: #ffffff !important;
    background: #0a568f !important;
}

/* الهاتف */
@media screen and (max-width: 767px) {
    #navigationUserWrapper,
    .pkp_navigation_user_wrapper {
        position: static !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 10px !important;

        background: #073765 !important;
    }

    #navigationUser,
    .pkp_navigation_user {
        display: flex !important;
        justify-content: flex-end !important;
        flex-wrap: wrap !important;

        width: 100% !important;
        height: auto !important;
    }

    #navigationUser > li,
    .pkp_navigation_user > li {
        height: auto !important;
    }

    #navigationUser > li > a,
    .pkp_navigation_user > li > a {
        min-height: 42px !important;
        height: 42px !important;

        padding: 7px 10px !important;

        font-size: 12px !important;
    }

    #navigationUser ul,
    .pkp_navigation_user ul {
        position: static !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;
        min-width: 0 !important;

        border: 0 !important;
        box-shadow: none !important;

        transform: none !important;
    }
}
/* ==========================================================
   IJSC — FINAL USER MENU POSITION
   تثبيت قائمة المستخدم في أقصى يمين الشريط الأزرق العلوي
   ========================================================== */

/* الرأس مرجع للقائمة */
.pkp_structure_head {
    position: relative !important;
    overflow: visible !important;
}

/* الشريط الأزرق العلوي */
.pkp_structure_head::before {
    position: relative !important;
    z-index: 1 !important;
    min-height: 56px !important;
}

/* حاوية قائمة المستخدم */
#navigationUserWrapper,
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 0 !important;
    right: max(35px, calc((100% - 1320px) / 2)) !important;
    left: auto !important;

    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: 65% !important;
    height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;

    direction: ltr !important;
}

/* القائمة نفسها */
#navigationUser,
.pkp_navigation_user {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    width: auto !important;
    height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    list-style: none !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

/* عناصر القائمة */
#navigationUser > li,
.pkp_navigation_user > li {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: auto !important;
    height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

/* روابط المستوى الأول */
#navigationUser > li > a,
.pkp_navigation_user > li > a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: max-content !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 13px !important;

    color: #ffffff !important;
    background: transparent !important;

    font-family: Arial, Tahoma, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;

    border: 0 !important;
    border-radius: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

/* إجبار النصوص والرموز على الظهور */
#navigationUser > li > a span,
#navigationUser > li > a *,
.pkp_navigation_user > li > a span,
.pkp_navigation_user > li > a * {
    display: inline !important;
    color: #ffffff !important;
    font-size: inherit !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* تأثير المرور */
#navigationUser > li > a:hover,
#navigationUser > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

/* زر لوحة التحكم */
#navigationUser a[href*="dashboard"],
.pkp_navigation_user a[href*="dashboard"] {
    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #bd841e 0%,
        #d7a43a 100%
    ) !important;

    border-radius: 5px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 9px 4px !important;
    padding: 0 16px !important;
}

/* تسجيل الخروج */
#navigationUser a[href*="logout"],
.pkp_navigation_user a[href*="logout"] {
    color: #ffd6d6 !important;
}

/* ==========================================================
   القائمة المنسدلة للمستخدم
   ========================================================== */

#navigationUser ul,
.pkp_navigation_user ul {
    position: absolute !important;
    top: 56px !important;
    right: 0 !important;
    left: auto !important;

    z-index: 1000000 !important;

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 245px !important;
    min-width: 245px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 7px 0 !important;

    background: #073b6d !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-top: 3px solid #d3a13a !important;
    border-radius: 0 0 8px 8px !important;

    box-shadow: 0 14px 30px rgba(0, 22, 48, 0.3) !important;

    transform: none !important;
    overflow: visible !important;
}

/* إظهار القائمة المنسدلة */
#navigationUser li:hover > ul,
#navigationUser li:focus-within > ul,
.pkp_navigation_user li:hover > ul,
.pkp_navigation_user li:focus-within > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* عناصر القائمة المنسدلة */
#navigationUser ul li,
.pkp_navigation_user ul li {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important;

    visibility: visible !important;
    opacity: 1 !important;
}

/* روابط القائمة المنسدلة */
#navigationUser ul li > a,
.pkp_navigation_user ul li > a {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 43px !important;

    margin: 0 !important;
    padding: 12px 15px !important;

    color: #ffffff !important;
    background: transparent !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    text-align: right !important;
    text-decoration: none !important;
    white-space: normal !important;

    visibility: visible !important;
    opacity: 1 !important;
}

/* الإنجليزية والفرنسية */
html[dir="ltr"] #navigationUser ul li > a,
html[dir="ltr"] .pkp_navigation_user ul li > a {
    text-align: left !important;
}

/* مرور القائمة المنسدلة */
#navigationUser ul li > a:hover,
#navigationUser ul li > a:focus,
.pkp_navigation_user ul li > a:hover,
.pkp_navigation_user ul li > a:focus {
    color: #ffffff !important;
    background: #0b578f !important;
}

/* ==========================================================
   IJSC — HARD RESET USER MENU
   إظهار قائمة المستخدم في أقصى يمين الشريط الأزرق
   ========================================================== */

/* السماح بظهور القائمة خارج الحاويات */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_nav_menu,
.pkp_navigation_user_wrapper {
    overflow: visible !important;
}

/* تثبيت الشريط العلوي كمرجع */
.pkp_structure_head {
    position: relative !important;
}

/* حاوية قائمة المستخدم */
#navigationUserWrapper,
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 0 !important;
    right: max(24px, calc((100% - 1320px) / 2)) !important;
    left: auto !important;

    z-index: 2147483647 !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    text-indent: 0 !important;
}

/* القائمة */
#navigationUser,
.pkp_navigation_user {
    position: static !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;

    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    background: transparent !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;

    clip: auto !important;
    transform: none !important;
    direction: ltr !important;
}

/* إعادة ضبط جميع عناصر القائمة */
#navigationUser > li,
.pkp_navigation_user > li {
    position: relative !important;

    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;

    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;

    background: transparent !important;
    border: 0 !important;

    clip: auto !important;
    transform: none !important;
    text-indent: 0 !important;
}

/* روابط المستوى الأول */
#navigationUser > li > a,
.pkp_navigation_user > li > a {
    position: static !important;

    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;

    margin: 8px 0 !important;
    padding: 0 13px !important;

    color: #ffffff !important;
    background: transparent !important;

    font-family: Arial, Tahoma, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    white-space: nowrap !important;

    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;

    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
}

/* إعادة ضبط النصوص والرموز داخل الروابط */
#navigationUser > li > a *,
.pkp_navigation_user > li > a * {
    position: static !important;

    display: inline !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-size: inherit !important;
    line-height: inherit !important;

    visibility: visible !important;
    opacity: 1 !important;

    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    text-indent: 0 !important;
}

/* تعطيل الرموز الوهمية المتراكبة */
#navigationUser > li > a::before,
.pkp_navigation_user > li > a::before {
    display: none !important;
    content: none !important;
}

/* سهم صغير للقائمة المنسدلة فقط */
#navigationUser > li.has_submenu > a::after,
.pkp_navigation_user > li.has_submenu > a::after,
#navigationUser > li.profile > a::after,
.pkp_navigation_user > li.profile > a::after {
    content: "▾" !important;
    display: inline-block !important;
    position: static !important;

    width: auto !important;
    height: auto !important;

    margin-left: 6px !important;

    color: #ffffff !important;
    font-size: 10px !important;
    line-height: 1 !important;

    border: 0 !important;
    transform: none !important;
}

/* زر لوحة التحكم */
#navigationUser a[href*="dashboard"],
.pkp_navigation_user a[href*="dashboard"] {
    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #b9821d 0%,
        #d6a83d 100%
    ) !important;

    padding-right: 17px !important;
    padding-left: 17px !important;
}

/* المرور */
#navigationUser > li > a:hover,
#navigationUser > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.14) !important;
}

/* تسجيل الخروج */
#navigationUser a[href*="logout"],
.pkp_navigation_user a[href*="logout"] {
    color: #ffd5d5 !important;
}

/* ==========================================================
   القائمة المنسدلة
   ========================================================== */

#navigationUser ul,
.pkp_navigation_user ul {
    position: absolute !important;
    top: 48px !important;
    right: 0 !important;
    left: auto !important;

    z-index: 2147483647 !important;

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 7px 0 !important;

    list-style: none !important;

    background: #073b6d !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-top: 3px solid #d5a63b !important;
    border-radius: 0 0 8px 8px !important;

    box-shadow: 0 15px 32px rgba(0, 20, 45, 0.3) !important;

    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    overflow: visible !important;
}

/* فتح القائمة */
#navigationUser li:hover > ul,
#navigationUser li:focus-within > ul,
.pkp_navigation_user li:hover > ul,
.pkp_navigation_user li:focus-within > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* عناصر القائمة المنسدلة */
#navigationUser ul li,
.pkp_navigation_user ul li {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;

    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;

    transform: none !important;
}

/* روابط القائمة المنسدلة */
#navigationUser ul li > a,
.pkp_navigation_user ul li > a {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 43px !important;

    margin: 0 !important;
    padding: 12px 15px !important;

    color: #ffffff !important;
    background: transparent !important;

    font-family: Arial, Tahoma, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-align: left !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    white-space: normal !important;

    visibility: visible !important;
    opacity: 1 !important;

    border: 0 !important;
    transform: none !important;
}

/* المرور داخل القائمة */
#navigationUser ul li > a:hover,
#navigationUser ul li > a:focus,
.pkp_navigation_user ul li > a:hover,
.pkp_navigation_user ul li > a:focus {
    color: #ffffff !important;
    background: #0a578f !important;
}

/* العربية */
html[dir="rtl"] #navigationUser ul li > a,
html[dir="rtl"] .pkp_navigation_user ul li > a {
    text-align: right !important;
}

/* الهاتف */
@media screen and (max-width: 767px) {
    #navigationUserWrapper,
    .pkp_navigation_user_wrapper {
        position: static !important;

        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;

        padding: 5px 10px !important;

        background: #073b6d !important;
    }

    #navigationUser,
    .pkp_navigation_user {
        justify-content: flex-end !important;
        flex-wrap: wrap !important;

        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
    }

    #navigationUser > li,
    .pkp_navigation_user > li {
        height: auto !important;
        min-height: 0 !important;
    }

    #navigationUser > li > a,
    .pkp_navigation_user > li > a {
        height: 38px !important;
        min-height: 38px !important;

        margin: 2px 0 !important;
        padding: 0 9px !important;

        font-size: 12px !important;
        line-height: 38px !important;
    }

    #navigationUser ul,
    .pkp_navigation_user ul {
        position: static !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}
/* ==========================================================
   IJSC — USER MENU INSIDE ISSN TOP BAR
   قائمة المستخدم داخل الشريط الأزرق العلوي
   ========================================================== */

.pkp_structure_head {
    position: relative !important;
    overflow: visible !important;
}

/* الشريط الأزرق الذي يحتوي ISSN */
.pkp_structure_head::before {
    content: "ISSN: 2437-1181    |    EISSN: 2710-8139" !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;

    padding: 0 32px !important;

    color: #f2bd48 !important;
    background: linear-gradient(
        90deg,
        #073765 0%,
        #075485 100%
    ) !important;

    font-family: Arial, Tahoma, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;

    text-align: left !important;
    white-space: pre !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* حاوية قائمة المستخدم داخل الشريط */
#navigationUserWrapper,
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 0 !important;
    right: 25px !important;
    left: auto !important;

    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;
    min-width: max-content !important;
    height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

/* القائمة */
#navigationUser,
.pkp_navigation_user {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;

    width: auto !important;
    min-width: max-content !important;
    height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    background: transparent !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

/* عناصر القائمة */
#navigationUser > li,
.pkp_navigation_user > li {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: auto !important;
    height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}

/* روابط المستخدم */
#navigationUser > li > a,
.pkp_navigation_user > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: max-content !important;
    height: 38px !important;
    min-height: 38px !important;

    margin: 9px 2px !important;
    padding: 0 13px !important;

    color: #ffffff !important;
    background: transparent !important;

    font-family: Arial, Tahoma, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 38px !important;

    text-decoration: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    white-space: nowrap !important;

    border: 0 !important;
    border-radius: 5px !important;

    visibility: visible !important;
    opacity: 1 !important;
}

/* إظهار النصوص الداخلية */
#navigationUser > li > a *,
.pkp_navigation_user > li > a * {
    position: static !important;

    display: inline !important;

    width: auto !important;
    height: auto !important;

    color: inherit !important;

    visibility: visible !important;
    opacity: 1 !important;

    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    text-indent: 0 !important;
}

/* المرور */
#navigationUser > li > a:hover,
#navigationUser > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

/* زر لوحة التحكم */
#navigationUser a[href*="dashboard"],
.pkp_navigation_user a[href*="dashboard"] {
    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #b8801c 0%,
        #d7a63a 100%
    ) !important;

    padding-right: 17px !important;
    padding-left: 17px !important;
}

/* تسجيل الخروج */
#navigationUser a[href*="logout"],
.pkp_navigation_user a[href*="logout"] {
    color: #ffd6d6 !important;
}

/* ==========================================================
   القائمة المنسدلة
   ========================================================== */

#navigationUser ul,
.pkp_navigation_user ul {
    position: absolute !important;
    top: 47px !important;
    right: 0 !important;
    left: auto !important;

    z-index: 1000000 !important;

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 245px !important;
    min-width: 245px !important;

    margin: 0 !important;
    padding: 7px 0 !important;

    background: #073b6d !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-top: 3px solid #d5a53b !important;
    border-radius: 0 0 8px 8px !important;

    box-shadow: 0 14px 30px rgba(0, 22, 48, 0.3) !important;
}

/* إظهار القائمة المنسدلة */
#navigationUser li:hover > ul,
#navigationUser li:focus-within > ul,
.pkp_navigation_user li:hover > ul,
.pkp_navigation_user li:focus-within > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* روابط القائمة المنسدلة */
#navigationUser ul li > a,
.pkp_navigation_user ul li > a {
    display: block !important;

    width: 100% !important;
    min-height: 43px !important;

    margin: 0 !important;
    padding: 12px 15px !important;

    color: #ffffff !important;
    background: transparent !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-align: right !important;
    text-decoration: none !important;
    white-space: normal !important;
}

#navigationUser ul li > a:hover,
.pkp_navigation_user ul li > a:hover {
    color: #ffffff !important;
    background: #0a578f !important;
}

/* الإنجليزية والفرنسية */
html[dir="ltr"] #navigationUser ul li > a,
html[dir="ltr"] .pkp_navigation_user ul li > a {
    text-align: left !important;
}

/* ==========================================================
   الهاتف
   ========================================================== */

@media screen and (max-width: 767px) {

    .pkp_structure_head::before {
        height: 46px !important;
        min-height: 46px !important;

        padding: 0 8px !important;

        font-size: 10px !important;
        justify-content: flex-start !important;
    }

    #navigationUserWrapper,
    .pkp_navigation_user_wrapper {
        top: 0 !important;
        right: 5px !important;

        max-width: 62% !important;
        height: 46px !important;
    }

    #navigationUser,
    .pkp_navigation_user {
        height: 46px !important;
        gap: 1px !important;
    }

    #navigationUser > li,
    .pkp_navigation_user > li {
        height: 46px !important;
    }

    #navigationUser > li > a,
    .pkp_navigation_user > li > a {
        height: 34px !important;
        min-height: 34px !important;

        margin: 6px 1px !important;
        padding: 0 7px !important;

        font-size: 10px !important;
        line-height: 34px !important;
    }

    #navigationUser a[href*="dashboard"],
    .pkp_navigation_user a[href*="dashboard"] {
        padding-right: 9px !important;
        padding-left: 9px !important;
    }

    #navigationUser ul,
    .pkp_navigation_user ul {
        top: 40px !important;
        width: 210px !important;
        min-width: 210px !important;
    }
}