/* =========================================================
   IJSC ORGANIZED FINAL THEME — OJS 3.x
   One-file stylesheet
   Reorganized and consolidated: July 2026
   ========================================================= */

/* =========================================================
   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;
  }
}

/* =========================================================
   16. TOP ISSN BAR + USER NAVIGATION — FINAL CLEAN RULES
   ========================================================= */

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

.pkp_structure_head::before {
  min-height: 58px !important;
  padding-inline: max(28px, calc((100% - var(--ijsc-max)) / 2)) !important;
}

html[dir="ltr"] .pkp_structure_head::before,
html[lang^="en"] .pkp_structure_head::before,
html[lang^="fr"] .pkp_structure_head::before {
  justify-content: flex-start !important;
  padding-right: min(48%, 620px) !important;
  text-align: left !important;
}

html[dir="rtl"] .pkp_structure_head::before,
html[lang^="ar"] .pkp_structure_head::before {
  justify-content: flex-end !important;
  padding-left: min(48%, 620px) !important;
  text-align: right !important;
}

#navigationUserWrapper,
.pkp_navigation_user_wrapper {
  top: 0 !important;
  right: max(28px, calc((100% - var(--ijsc-max)) / 2)) !important;
  left: auto !important;
  height: 58px !important;
  max-width: 48% !important;
}

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

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

#navigationUser > li > a,
.pkp_navigation_user > li > a {
  min-height: 38px !important;
  height: 38px !important;
  margin: 10px 2px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 5px !important;
  background: rgba(255,255,255,.06) !important;
}

#navigationUser a[href*="dashboard"],
.pkp_navigation_user a[href*="dashboard"],
#navigationUser a[href*="register"],
.pkp_navigation_user a[href*="register"] {
  color: #fff !important;
  background: linear-gradient(135deg,#b9821d,#d7a63a) !important;
  border-color: #d7a63a !important;
}

#navigationUser > li > a:hover,
#navigationUser > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  color: var(--ijsc-navy) !important;
  background: #fff !important;
  border-color: #fff !important;
}

/* =========================================================
   17. LANGUAGE DIRECTION + COLUMN ORDER
   ========================================================= */

html[dir="ltr"] .pkp_structure_content,
html[lang^="en"] .pkp_structure_content,
html[lang^="fr"] .pkp_structure_content {
  direction: ltr !important;
  grid-template-columns: minmax(0,1fr) var(--ijsc-sidebar) !important;
  grid-template-areas: "main sidebar" !important;
}

html[dir="rtl"] .pkp_structure_content,
html[lang^="ar"] .pkp_structure_content,
body.locale_ar_IQ .pkp_structure_content,
body.locale_ar_DZ .pkp_structure_content,
body.locale_ar .pkp_structure_content {
  direction: rtl !important;
  grid-template-columns: var(--ijsc-sidebar) minmax(0,1fr) !important;
  grid-template-areas: "sidebar main" !important;
}

html[dir="rtl"] .pkp_structure_main,
html[dir="rtl"] .pkp_structure_sidebar,
html[lang^="ar"] .pkp_structure_main,
html[lang^="ar"] .pkp_structure_sidebar {
  direction: rtl !important;
  text-align: right !important;
}

html[dir="ltr"] .pkp_structure_main,
html[dir="ltr"] .pkp_structure_sidebar,
html[lang^="en"] .pkp_structure_main,
html[lang^="en"] .pkp_structure_sidebar,
html[lang^="fr"] .pkp_structure_main,
html[lang^="fr"] .pkp_structure_sidebar {
  direction: ltr !important;
  text-align: left !important;
}

html[dir="rtl"] .pkp_structure_main ul,
html[dir="rtl"] .pkp_structure_main ol,
html[lang^="ar"] .pkp_structure_main ul,
html[lang^="ar"] .pkp_structure_main ol {
  padding-right: 26px !important;
  padding-left: 0 !important;
}

html[dir="rtl"] table,
html[lang^="ar"] table {
  direction: rtl !important;
}

html[dir="rtl"] th,
html[dir="rtl"] td,
html[lang^="ar"] th,
html[lang^="ar"] td {
  text-align: right !important;
}

/* =========================================================
   18. UNIFIED INTERNAL JOURNAL PAGES
   Use: <div class="ijsc-page" dir="rtl|ltr">
   ========================================================= */

.ijsc-page {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 32px;
  padding: 30px;
  color: var(--ijsc-text);
  background: var(--ijsc-white);
  border: 1px solid var(--ijsc-border);
  border-radius: var(--ijsc-radius);
  box-shadow: var(--ijsc-shadow);
  line-height: 1.85;
}

.ijsc-page > h1,
.ijsc-page > h2:first-child {
  margin: 0 0 26px;
  padding: 0 0 15px;
  color: var(--ijsc-navy);
  border-bottom: 3px solid var(--ijsc-gold);
  font-size: clamp(27px,3vw,36px);
  font-weight: 800;
  line-height: 1.25;
}

.ijsc-page h2:not(:first-child),
.ijsc-page h3 {
  margin: 32px 0 17px;
  padding: 12px 16px;
  color: #fff;
  background: linear-gradient(90deg,var(--ijsc-navy),var(--ijsc-blue));
  border-inline-start: 5px solid var(--ijsc-gold);
  border-radius: 6px;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
}

.ijsc-page h4 {
  margin: 24px 0 12px;
  color: var(--ijsc-navy);
  font-size: 17px;
  font-weight: 800;
}

.ijsc-page p {
  margin: 0 0 16px;
  line-height: 1.85;
}

.ijsc-page ul,
.ijsc-page ol {
  margin: 14px 0 24px;
  padding-inline-start: 27px;
}

.ijsc-page li {
  margin: 8px 0;
  padding-inline-start: 4px;
  line-height: 1.75;
}

.ijsc-page li::marker {
  color: var(--ijsc-gold);
  font-weight: 800;
}

.ijsc-page .ijsc-intro-box,
.ijsc-page .ijsc-notice,
.ijsc-page .ijsc-section {
  margin: 0 0 24px;
  padding: 20px 22px;
  background: #f8fafc;
  border: 1px solid var(--ijsc-border);
  border-inline-start: 5px solid var(--ijsc-gold);
  border-radius: 8px;
}

.ijsc-page .ijsc-intro-box p:last-child,
.ijsc-page .ijsc-notice p:last-child,
.ijsc-page .ijsc-section p:last-child {
  margin-bottom: 0;
}

.ijsc-table-wrap {
  width: 100%;
  margin: 20px 0 28px;
  overflow-x: auto;
  border: 1px solid var(--ijsc-border);
  border-radius: 8px;
  background: #fff;
}

.ijsc-page table {
  width: 100%;
  margin: 20px 0 28px;
  border-collapse: collapse;
  background: #fff;
  font-size: 14.5px;
}

.ijsc-table-wrap table {
  min-width: 680px;
  margin: 0;
}

.ijsc-page th,
.ijsc-page td {
  padding: 14px 16px;
  border: 1px solid var(--ijsc-border);
  vertical-align: top;
  line-height: 1.65;
}

.ijsc-page th {
  color: #fff;
  background: var(--ijsc-navy);
}

.ijsc-page tbody tr:nth-child(even) {
  background: #f8fafc;
}

.ijsc-page td:first-child {
  width: 31%;
  color: var(--ijsc-navy);
  background: #f2f6f9;
}

.ijsc-page a {
  color: var(--ijsc-blue);
  font-weight: 650;
  overflow-wrap: anywhere;
}

.ijsc-page a:hover,
.ijsc-page a:focus {
  color: var(--ijsc-gold);
  text-decoration: underline;
}

.ijsc-page[dir="rtl"] {
  direction: rtl !important;
  text-align: right !important;
}

.ijsc-page[dir="ltr"] {
  direction: ltr !important;
  text-align: left !important;
}

/* =========================================================
   19. RESPONSIVE FINAL OVERRIDES
   ========================================================= */

@media (max-width: 900px) {
  html[dir="ltr"] .pkp_structure_content,
  html[dir="rtl"] .pkp_structure_content,
  html[lang^="en"] .pkp_structure_content,
  html[lang^="fr"] .pkp_structure_content,
  html[lang^="ar"] .pkp_structure_content {
    display: block !important;
  }

  .pkp_structure_main,
  .pkp_structure_sidebar {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  html[dir="ltr"] .pkp_structure_head::before,
  html[dir="rtl"] .pkp_structure_head::before,
  html[lang^="en"] .pkp_structure_head::before,
  html[lang^="fr"] .pkp_structure_head::before,
  html[lang^="ar"] .pkp_structure_head::before {
    min-height: 44px !important;
    padding: 0 12px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  #navigationUserWrapper,
  .pkp_navigation_user_wrapper,
  html[dir="rtl"] #navigationUserWrapper,
  html[dir="rtl"] .pkp_navigation_user_wrapper,
  html[lang^="ar"] #navigationUserWrapper,
  html[lang^="ar"] .pkp_navigation_user_wrapper {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 5px 9px !important;
    background: var(--ijsc-navy) !important;
  }

  #navigationUser,
  .pkp_navigation_user {
    display: flex !important;
    justify-content: center !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: 36px !important;
    height: 36px !important;
    margin: 3px 1px !important;
    padding: 0 9px !important;
    font-size: 11.5px !important;
  }

  .ijsc-page {
    margin-bottom: 22px;
    padding: 20px 16px;
    border-radius: 8px;
  }

  .ijsc-page > h1,
  .ijsc-page > h2:first-child {
    font-size: 25px;
  }

  .ijsc-page h2:not(:first-child),
  .ijsc-page h3 {
    margin-top: 25px;
    padding: 10px 12px;
    font-size: 18px;
  }

  .ijsc-page p,
  .ijsc-page li {
    font-size: 14.5px;
    line-height: 1.75;
  }

  .ijsc-page table {
    font-size: 13.5px;
  }
}

/* ==========================================================
   IJSC — REAL LANGUAGE FLAGS
   استخدام صور أعلام بدل رموز Emoji
   ========================================================== */

/* إزالة جميع الرموز والاختصارات القديمة */
.pkp_block.block_language li a::before,
.pkp_block.block_language li a::after,
.block_language li a::before,
.block_language li a::after {
    content: none !important;
    display: none !important;
}

/* تنسيق رابط اللغة */
.pkp_block.block_language li a,
.block_language li a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    min-height: 40px !important;
    padding: 8px 4px 8px 38px !important;

    color: #06477e !important;
    text-decoration: none !important;

    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 24px 16px !important;
}

/* العربية — علم الجزائر */
.pkp_block.block_language li:nth-child(1) a,
.block_language li:nth-child(1) a {
    background-image: url("https://flagcdn.com/dz.svg") !important;
}

/* الإنجليزية — علم المملكة المتحدة */
.pkp_block.block_language li:nth-child(2) a,
.block_language li:nth-child(2) a {
    background-image: url("https://flagcdn.com/gb.svg") !important;
}

/* الفرنسية — علم فرنسا */
.pkp_block.block_language li:nth-child(3) a,
.block_language li:nth-child(3) a {
    background-image: url("https://flagcdn.com/fr.svg") !important;
}

/* خطوط الفصل */
.pkp_block.block_language li,
.block_language li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #e4eaf0 !important;
}

.pkp_block.block_language li:last-child,
.block_language li:last-child {
    border-bottom: 0 !important;
}

/* عند مرور المؤشر */
.pkp_block.block_language li a:hover,
.block_language li a:hover {
    color: #c28d27 !important;
    background-color: #f4f8fc !important;
}
/* عرض كتلة اللغات في الواجهة العربية */
html[dir="rtl"] .pkp_block.block_language li a,
html[dir="rtl"] .block_language li a {
    direction: rtl !important;
    text-align: right !important;

    padding-right: 38px !important;
    padding-left: 4px !important;

    background-position: right center !important;
}

/* الإنجليزية والفرنسية */
html[dir="ltr"] .pkp_block.block_language li a,
html[dir="ltr"] .block_language li a {
    direction: ltr !important;
    text-align: left !important;

    padding-left: 38px !important;
    padding-right: 4px !important;

    background-position: left center !important;
}
/* إخفاء شعار Flag Counter داخل كتلة الزوار */
.ijsc-visitors-content img[src*="flagcounter"] {
    max-width: 100% !important;
}
.pkp_block.block_current_issue,
.pkp_block[id*="currentIssue"],
.block_current_issue {
    display: none !important;
}
/* ==========================================================
   IJSC FOOTER
   ========================================================== */

.ijsc-footer {
    margin-top: 40px !important;
    background: #073b6d !important;
    color: #ffffff !important;
    padding: 38px 25px 18px !important;
}

.ijsc-footer-grid {
    max-width: 1180px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 35px !important;
}

.ijsc-footer-column h3 {
    margin: 0 0 16px !important;
    padding-bottom: 9px !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    border-bottom: 2px solid #c9942f !important;
}

.ijsc-footer-column p {
    margin: 0 0 10px !important;
    color: #e8f0f7 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.ijsc-footer a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.ijsc-footer a:hover {
    color: #f0c66b !important;
}

/* Indexing links */
.ijsc-indexing-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
}

.ijsc-indexing-list a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 7px 12px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
}

.ijsc-indexing-list a:hover {
    background: #c9942f !important;
    border-color: #c9942f !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* Bottom line */
.ijsc-footer-bottom {
    max-width: 1180px !important;
    margin: 28px auto 0 !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
    text-align: center !important;
    color: #cfdcea !important;
    font-size: 13px !important;
}

/* Responsive */
@media (max-width: 800px) {

    .ijsc-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }

    .ijsc-footer {
        padding: 30px 18px 16px !important;
    }
}
/* ==========================================================
   IJSC EDITORIAL SECRETARIAT PAGE
   ========================================================== */

.ijsc-team-page {
    max-width: 1050px;
    margin: 0 auto;
    padding: 25px 10px 45px;
}

.ijsc-team-header {
    margin-bottom: 30px;
    padding: 25px;
    background: #ffffff;
    border: 1px solid #dce5ed;
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05);
}

.ijsc-team-header h1 {
    margin: 0 0 12px;
    color: #073b6d;
    font-size: 29px;
    font-weight: 800;
}

.ijsc-team-header p {
    margin: 0;
    color: #4b5563;
    font-size: 15px;
    line-height: 1.8;
}

.ijsc-team-section {
    margin-bottom: 30px;
}

.ijsc-team-section > h2,
.ijsc-contact-note h2 {
    margin: 0 0 18px;
    padding: 12px 16px;
    color: #ffffff;
    background: #073b6d;
    border-left: 5px solid #d4a126;
    border-radius: 6px;
    font-size: 20px;
}

.ijsc-member-card {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #dce5ed;
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05);
}

.ijsc-member-photo {
    flex: 0 0 92px;
    width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #073b6d;
    color: #ffffff;
    border-radius: 50%;
    font-size: 25px;
    font-weight: 800;
}

.ijsc-member-info {
    flex: 1;
}

.ijsc-member-info h3 {
    margin: 0 0 6px;
    color: #073b6d;
    font-size: 19px;
    font-weight: 800;
}

.ijsc-member-role {
    color: #b77d0d !important;
    font-weight: 700;
}

.ijsc-member-info p {
    margin: 6px 0;
    color: #374151;
    font-size: 14px;
    line-height: 1.7;
}

.ijsc-member-info a {
    color: #0b67a3;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.ijsc-member-info a:hover {
    color: #b77d0d;
    text-decoration: underline;
}

.ijsc-contact-note {
    padding: 24px;
    background: #f8fafc;
    border: 1px solid #dce5ed;
    border-radius: 10px;
}

.ijsc-contact-note p {
    margin: 0;
    color: #4b5563;
    line-height: 1.8;
}

@media (max-width: 680px) {

    .ijsc-member-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .ijsc-team-header h1 {
        font-size: 24px;
    }

    .ijsc-team-section > h2,
    .ijsc-contact-note h2 {
        font-size: 18px;
    }
}
/* English and French team pages */
.ijsc-team-page[dir="ltr"] {
    direction: ltr !important;
    text-align: left !important;
}

.ijsc-team-page[dir="ltr"] .ijsc-team-header,
.ijsc-team-page[dir="ltr"] .ijsc-member-info,
.ijsc-team-page[dir="ltr"] .ijsc-contact-note {
    direction: ltr !important;
    text-align: left !important;
}

.ijsc-team-page[dir="ltr"] .ijsc-team-section > h2,
.ijsc-team-page[dir="ltr"] .ijsc-contact-note h2 {
    text-align: left !important;
    border-left: 5px solid #d4a126 !important;
    border-right: 0 !important;
}

/* Arabic team pages */
.ijsc-team-page[dir="rtl"] {
    direction: rtl !important;
    text-align: right !important;
}

.ijsc-team-page[dir="rtl"] .ijsc-team-header,
.ijsc-team-page[dir="rtl"] .ijsc-member-info,
.ijsc-team-page[dir="rtl"] .ijsc-contact-note {
    direction: rtl !important;
    text-align: right !important;
}

.ijsc-team-page[dir="rtl"] .ijsc-team-section > h2,
.ijsc-team-page[dir="rtl"] .ijsc-contact-note h2 {
    text-align: right !important;
    border-right: 5px solid #d4a126 !important;
    border-left: 0 !important;
}
/* ==========================================================
   EXPAND FOOTER CONTENT TO FULL PAGE WIDTH
   ========================================================== */

.ijsc-footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 45px 30px 20px !important;
    box-sizing: border-box !important;
}

.ijsc-footer-grid {
    width: 100% !important;
    max-width: 1450px !important;
    margin: 0 auto !important;
    padding: 30px 35px !important;
    box-sizing: border-box !important;

    display: grid !important;
    grid-template-columns: 1.1fr 1.1fr 1fr !important;
    gap: 35px !important;

    background: #0f4779 !important;
    border-radius: 0 !important;
}

.ijsc-footer-bottom {
    width: 100% !important;
    max-width: 1450px !important;
    margin: 0 auto !important;
    padding: 18px 35px !important;
    box-sizing: border-box !important;

    background: #0f4779 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
}
.ijsc-footer-grid,
.ijsc-footer-bottom {
    width: calc(100% - 60px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* =========================================================
   IJSC HERO BANNER
   ========================================================= */

.ijsc-hero {
    position: relative;
    width: 100%;
    min-height: 430px;
    margin: 0 0 48px;
    padding: 75px 55px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 0 0 24px 24px;
    background:
        linear-gradient(
            120deg,
            rgba(6, 38, 72, 0.97),
            rgba(8, 75, 108, 0.91)
        ),
        url("https://revue.univ-mosta.dz/public/journals/6/homepageImage_en_US.jpg");
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    box-shadow: 0 18px 40px rgba(7, 35, 61, 0.18);
}

.ijsc-hero::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -100px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
}

.ijsc-hero::after {
    content: "";
    position: absolute;
    bottom: -150px;
    left: -90px;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
}

.ijsc-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(3, 27, 51, 0.35),
            transparent 70%
        );
    pointer-events: none;
}

.ijsc-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    color: #ffffff;
}

.ijsc-hero-label {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 15px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.11);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    backdrop-filter: blur(5px);
}

.ijsc-hero h1 {
    max-width: 850px;
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1px;
}

.ijsc-hero-subtitle {
    max-width: 780px;
    margin: 0 0 24px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 18px;
    line-height: 1.75;
}

.ijsc-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 30px;
}

.ijsc-hero-meta span {
    padding: 8px 13px;
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 14px;
    line-height: 1.4;
}

.ijsc-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.ijsc-hero-btn {
    display: inline-flex;
    min-height: 48px;
    padding: 12px 23px;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none !important;
    transition:
        transform 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.ijsc-hero-btn:hover,
.ijsc-hero-btn:focus {
    transform: translateY(-2px);
    text-decoration: none;
}

.ijsc-btn-primary {
    background: #d8a43b;
    color: #132c43 !important;
    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.2);
}

.ijsc-btn-primary:hover,
.ijsc-btn-primary:focus {
    background: #efbd54;
    color: #10283d !important;
}

.ijsc-btn-secondary {
    border-color: #ffffff;
    background: transparent;
    color: #ffffff !important;
}

.ijsc-btn-secondary:hover,
.ijsc-btn-secondary:focus {
    background: #ffffff;
    color: #123f60 !important;
}

.ijsc-btn-light {
    border-color: rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff !important;
}

.ijsc-btn-light:hover,
.ijsc-btn-light:focus {
    background: rgba(255, 255, 255, 0.23);
    color: #ffffff !important;
}