/*
 * AHKAM: Jurnal Ilmu Syariah — Crimson / Maroon OJS Stylesheet
 * For OJS 3.x Default Theme. Back up current stylesheet before replacing.
 * Upload in Journal Manager > Settings > Website > Appearance > Advanced.
 */
:root {
  --ahkam-red: #174a7e;
  --ahkam-red-dark: #163a5b;
  --ahkam-red-deep: #270710;
  --ahkam-crimson: #b6293d;
  --ahkam-gold: #d7b56d;
  --ahkam-cream: #fffaf4;
  --ahkam-text: #29252a;
  --ahkam-muted: #70666a;
  --ahkam-border: #d6e4f0;
  --ahkam-pale: #f1f6fb;
}
html { scroll-behavior: smooth; }
body {
  color: var(--ahkam-text);
  background: #fffdfc;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.75;
}
a { color: #174a7e; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover, a:focus { color: #2f7fbd; }
h1, h2, h3, h4, h5, h6 {
  color: var(--ahkam-red-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  line-height: 1.3;
}
.pkp_head_wrapper, .pkp_structure_head {
  background: linear-gradient(120deg, #270710 0%, #123653 46%, #971c2d 100%);
}
.pkp_site_name_wrapper { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.pkp_site_name a, .pkp_site_name a:hover, .pkp_site_name a:focus {
  color: #fffaf4; text-decoration: none;
}
.pkp_site_name .is_img img {
  max-height: 118px;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,.22));
}
.pkp_navigation_primary_row, .pkp_navigation_primary_wrapper {
  background: #3a0913;
  border-top: 1px solid rgba(215,181,109,.6);
}
.pkp_navigation_primary > li > a {
  color: #fff4ed;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  padding: 1rem .85rem;
  transition: background .2s ease, color .2s ease;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-current="page"] {
  color: #fff;
  background: #2367a5;
  box-shadow: inset 0 -3px 0 var(--ahkam-gold);
}
.pkp_navigation_search_wrapper a { color: #f0d99f; }
.pkp_structure_page {
  background: #fff;
  box-shadow: 0 8px 34px rgba(76,12,24,.06);
}
.pkp_structure_content { padding-top: 1.8rem; padding-bottom: 2.5rem; }
.pkp_breadcrumbs, .cmp_breadcrumbs { color: var(--ahkam-muted); font-size: .9rem; }
.pkp_breadcrumbs a, .cmp_breadcrumbs a { color: var(--ahkam-red); }
.pkp_block {
  margin-bottom: 1.2rem;
  border: 1px solid var(--ahkam-border);
  border-radius: 9px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 5px 18px rgba(76,12,24,.05);
}
.pkp_block .title, .pkp_block h2, .pkp_block h3 {
  margin: 0;
  padding: .9rem 1rem;
  color: #fffaf4;
  background: linear-gradient(110deg, #163a5b, #941c2e);
  border-bottom: 2px solid var(--ahkam-gold);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .98rem;
}
.pkp_block .content { padding: .9rem 1rem; }
.pkp_block a { overflow-wrap: anywhere; }
.pkp_block li { padding: .3rem 0; border-bottom: 1px solid #f2e7e7; }
.pkp_block li:last-child { border-bottom: 0; }
.obj_announcement_summary, .obj_issue_toc, .obj_article_summary, .cmp_notification {
  border: 1px solid var(--ahkam-border);
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(76,12,24,.04);
}
.obj_announcement_summary, .obj_article_summary {
  padding: 1rem 1.15rem;
  margin-bottom: 1rem;
}
.obj_announcement_summary:hover, .obj_article_summary:hover {
  border-color: #9ebcda;
  box-shadow: 0 8px 22px rgba(143,24,40,.09);
}
.obj_article_summary .title a, .obj_issue_toc .title a { color: #681120; }
.obj_article_summary .title a:hover { color: #b6293d; }
.obj_article_summary .authors, .obj_article_summary .pages,
.obj_article_summary .subtitle { color: var(--ahkam-muted); font-size: .92rem; }
.obj_issue_toc .heading { padding: 1.25rem; background: var(--ahkam-pale); border-radius: 9px; }
.obj_issue_toc .cover img { border-radius: 6px; box-shadow: 0 5px 16px rgba(76,12,24,.12); }
.cmp_button, .pkp_button, button, input[type="submit"], input[type="button"],
a.obj_galley_link, .obj_galley_link {
  border: 1px solid #2367a5;
  border-radius: 6px;
  color: #fff !important;
  background: linear-gradient(120deg, #681120, #2367a5);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.cmp_button:hover, .pkp_button:hover, button:hover,
input[type="submit"]:hover, input[type="button"]:hover,
a.obj_galley_link:hover, .obj_galley_link:hover {
  filter: brightness(1.08);
  box-shadow: 0 5px 15px rgba(143,24,40,.22);
  transform: translateY(-1px);
}
a.obj_galley_link, .obj_galley_link { display: inline-block; padding: .45rem .75rem; text-decoration: none; }
input[type="text"], input[type="email"], input[type="password"], input[type="search"],
input[type="url"], input[type="number"], select, textarea {
  max-width: 100%;
  border: 1px solid #dfc8cb;
  border-radius: 6px;
  background: #fffdfc;
  color: var(--ahkam-text);
  padding: .65rem .75rem;
}
input:focus, select:focus, textarea:focus {
  outline: 2px solid rgba(215,181,109,.65);
  outline-offset: 1px;
  border-color: #2367a5;
}
table { border-collapse: separate; border-spacing: 0; width: 100%; }
th { color: #fff; background: #123653; font-weight: 700; }
th, td { padding: .7rem .8rem; border-bottom: 1px solid #d6e4f0; }
tr:nth-child(even) td { background: #fff8f7; }
.cmp_pagination a, .cmp_pagination span, ul.pkp_pagination_links li a { border-radius: 5px; }
.cmp_pagination .current, .cmp_pagination a:hover, ul.pkp_pagination_links li a:hover {
  color: #fff; background: #174a7e; border-color: #174a7e;
}
.cmp_notification { padding: 1rem; }
.pkp_structure_footer_wrapper, .pkp_footer_content {
  color: #f6e8e6;
  background: linear-gradient(120deg, #270710, #123653);
  border-top: 3px solid var(--ahkam-gold);
}
.pkp_structure_footer_wrapper a, .pkp_footer_content a { color: #f0d99f; }
.pkp_footer_content { padding-top: 1.6rem; padding-bottom: 1.6rem; }
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 3px solid #d7b56d; outline-offset: 3px;
}
@media (max-width: 767px) {
  .pkp_site_name_wrapper { padding: .9rem .75rem; }
  .pkp_site_name .is_img img { max-height: 82px; }
  .pkp_structure_content { padding-top: 1rem; }
  .pkp_block { border-radius: 7px; }
  .obj_article_summary { padding: .85rem; }
  .pkp_navigation_primary > li > a { padding: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* ==========================================================
   AHKAM ARTICLE PAGE ENHANCEMENTS
   Article details, abstract, authors, DOI, PDF galley, metadata
   Compatible selectors for common OJS 3.x themes.
   ========================================================== */

.obj_article_details {
  max-width: 1120px;
  margin: 0 auto;
  color: var(--ahkam-text);
}
.obj_article_details .page_title,
.obj_article_details h1.page_title,
.obj_article_details .title {
  color: var(--ahkam-red-dark);
  letter-spacing: -.015em;
  line-height: 1.35;
}
.obj_article_details .page_title,
.obj_article_details h1.page_title {
  font-size: clamp(1.65rem, 2.5vw, 2.35rem);
  padding-bottom: 1rem;
  margin-bottom: 1.15rem;
  border-bottom: 2px solid var(--ahkam-gold);
}
.obj_article_details .authors,
.obj_article_details .author {
  color: #465b6f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .98rem;
  line-height: 1.7;
}
.obj_article_details .authors a,
.obj_article_details .author a {
  color: var(--ahkam-red);
  font-weight: 600;
}
.obj_article_details .item {
  margin: 1.2rem 0;
  padding: 1.1rem 1.25rem;
  border: 1px solid var(--ahkam-border);
  border-left: 4px solid var(--ahkam-red);
  border-radius: 8px;
  background: linear-gradient(135deg, #fff 0%, #f7fbff 100%);
  box-shadow: 0 4px 16px rgba(76,12,24,.045);
}
.obj_article_details .item > h2,
.obj_article_details .item > h3,
.obj_article_details .label,
.obj_article_details .item .label {
  color: var(--ahkam-red-dark);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: .025em;
}
.obj_article_details .item > h2,
.obj_article_details .item > h3 {
  margin: 0 0 .75rem;
  padding-bottom: .55rem;
  border-bottom: 1px solid #d6e4f0;
  font-size: 1.05rem;
}
.obj_article_details .abstract,
.obj_article_details .item.abstract,
.obj_article_details .item.cover,
.obj_article_details .item.references {
  line-height: 1.85;
  overflow-wrap: anywhere;
}
.obj_article_details .abstract p,
.obj_article_details .item.abstract p {
  margin: 0 0 .85rem;
  text-align: justify;
}
.obj_article_details .abstract p:last-child,
.obj_article_details .item.abstract p:last-child {
  margin-bottom: 0;
}
.obj_article_details .keywords,
.obj_article_details .subject,
.obj_article_details .disciplines {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.obj_article_details .keywords a,
.obj_article_details .subject a,
.obj_article_details .disciplines a {
  display: inline-block;
  padding: .25rem .6rem;
  border: 1px solid #c9dced;
  border-radius: 999px;
  background: #edf5fb;
  color: #174a7e;
  font-size: .88rem;
  text-decoration: none;
}
.obj_article_details .keywords a:hover,
.obj_article_details .subject a:hover,
.obj_article_details .disciplines a:hover {
  background: #174a7e;
  color: #fff;
}
.obj_article_details .doi a,
.obj_article_details a[href*="doi.org"] {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.obj_article_details .galleys,
.obj_article_details .item.galleys,
.obj_article_details .pub_ids {
  border-left-color: var(--ahkam-gold);
  background: #f2f7fc;
}
.obj_article_details .galleys_links,
.obj_article_details .galleys ul,
.obj_article_details .item.galleys ul {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  padding-left: 0;
  list-style: none;
}
.obj_article_details .galleys_links li,
.obj_article_details .galleys ul li,
.obj_article_details .item.galleys ul li {
  margin: 0;
}
.obj_article_details a.obj_galley_link,
.obj_article_details .obj_galley_link,
.obj_article_details .galleys a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-height: 42px;
  padding: .65rem 1rem;
  border: 1px solid #174a7e;
  border-radius: 6px;
  background: linear-gradient(120deg, #123653, #2367a5);
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .92rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(143,24,40,.12);
}
.obj_article_details a.obj_galley_link:hover,
.obj_article_details .obj_galley_link:hover,
.obj_article_details .galleys a:hover {
  background: linear-gradient(120deg, #2367a5, #2f7fbd);
  box-shadow: 0 6px 16px rgba(143,24,40,.2);
}
.obj_article_details .item.references {
  background: #fbfdff;
}
.obj_article_details .item.references li {
  margin-bottom: .65rem;
  padding-left: .2rem;
}
.obj_article_details .entry_details,
.obj_article_details .item.metadata,
.obj_article_details .item.citations {
  font-size: .94rem;
}
.obj_article_details .entry_details .label,
.obj_article_details .item.metadata .label {
  display: inline-block;
  min-width: 115px;
  margin-right: .35rem;
}
.obj_article_details .date,
.obj_article_details .published,
.obj_article_details .copyright,
.obj_article_details .license {
  color: var(--ahkam-muted);
  font-size: .91rem;
}
.obj_article_details .cover img,
.obj_article_details img.cover {
  border: 1px solid var(--ahkam-border);
  border-radius: 7px;
  box-shadow: 0 6px 18px rgba(76,12,24,.1);
}
.obj_article_details .citation_display,
.obj_article_details .item.citation_display {
  padding: 1rem;
  border-radius: 7px;
  background: #f1f6fb;
  border: 1px dashed #9ebcda;
  overflow-wrap: anywhere;
}
.obj_article_details .citation_display button,
.obj_article_details .citation_display .cmp_button {
  margin-top: .55rem;
}
.obj_article_details .authors .orcid,
.obj_article_details .author .orcid {
  color: #507d32;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .84rem;
}
.obj_article_details .supplementary,
.obj_article_details .item.supplementary {
  background: #f7faff;
  border-left-color: #5c8fbd;
}
.obj_article_details .item p,
.obj_article_details .item li {
  overflow-wrap: anywhere;
}
.obj_article_details hr {
  border: 0;
  border-top: 1px solid var(--ahkam-border);
  margin: 1.5rem 0;
}

/* Tables and article metadata on narrow screens */
.obj_article_details table,
.pkp_page_article table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
@media (max-width: 767px) {
  .obj_article_details .page_title,
  .obj_article_details h1.page_title {
    font-size: 1.5rem;
    padding-bottom: .75rem;
  }
  .obj_article_details .item {
    padding: .85rem;
    margin: .9rem 0;
  }
  .obj_article_details .abstract p,
  .obj_article_details .item.abstract p {
    text-align: left;
  }
  .obj_article_details .entry_details .label,
  .obj_article_details .item.metadata .label {
    min-width: 0;
    display: block;
    margin-bottom: .15rem;
  }
  .obj_article_details a.obj_galley_link,
  .obj_article_details .obj_galley_link,
  .obj_article_details .galleys a {
    width: 100%;
    box-sizing: border-box;
  }
}

/* Better readability for article pages in legacy and newer OJS markup */
.pkp_page_article .page_title,
.pkp_page_article h1 {
  color: var(--ahkam-red-dark);
}
.pkp_page_article .article-details,
.pkp_page_article .article-summary {
  border-color: var(--ahkam-border);
}
.pkp_page_article .article-details a,
.pkp_page_article .article-summary a {
  color: var(--ahkam-red);
}


/* ==========================================================
   AHKAM CLEAN PROFESSIONAL BLUE OVERRIDES
   Palette: navy, academic blue, white, cool gray
   ========================================================== */
:root {
  --ahkam-red: #1f5f99;
  --ahkam-red-dark: #123653;
  --ahkam-gold: #6da5d8;
  --ahkam-text: #243447;
  --ahkam-muted: #66788a;
  --ahkam-border: #dbe5ee;
}
.pkp_structure_head {
  background: #123653 !important;
}
.pkp_structure_head .pkp_navigation_primary,
.pkp_structure_head .pkp_navigation_primary > li > a {
  color: #ffffff !important;
}
.pkp_structure_head .pkp_navigation_primary > li > a:hover,
.pkp_structure_head .pkp_navigation_primary > li > a:focus {
  color: #ffffff !important;
  background: #2367a5 !important;
}
.pkp_structure_head .pkp_navigation_primary ul,
.pkp_structure_head .pkp_navigation_primary .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #dbe5ee !important;
}
.pkp_structure_head .pkp_navigation_primary ul a,
.pkp_structure_head .pkp_navigation_primary .dropdown-menu a {
  color: #123653 !important;
  background: #ffffff !important;
}
.pkp_structure_head .pkp_navigation_primary ul a:hover,
.pkp_structure_head .pkp_navigation_primary .dropdown-menu a:hover {
  color: #ffffff !important;
  background: #2367a5 !important;
}
.pkp_navigation_toggle {
  color: #ffffff !important;
  background: #123653 !important;
  border-color: #6da5d8 !important;
}
.obj_article_details .page_title,
.obj_article_details h1.page_title,
.obj_article_details .title,
.pkp_page_article .page_title,
.pkp_page_article h1 {
  color: #123653 !important;
}
.obj_article_details .page_title,
.obj_article_details h1.page_title {
  border-bottom-color: #6da5d8 !important;
}
.obj_article_details .item {
  border-color: #dbe5ee !important;
  border-left-color: #1f5f99 !important;
  background: linear-gradient(135deg, #ffffff 0%, #f7fbff 100%) !important;
  box-shadow: 0 4px 16px rgba(18,54,83,.05) !important;
}
.obj_article_details .item > h2,
.obj_article_details .item > h3,
.obj_article_details .label,
.obj_article_details .item .label {
  color: #123653 !important;
}
.obj_article_details .item > h2,
.obj_article_details .item > h3 {
  border-bottom-color: #dbe5ee !important;
}
.obj_article_details .keywords a,
.obj_article_details .subject a,
.obj_article_details .disciplines a {
  border-color: #c9dced !important;
  background: #edf5fb !important;
  color: #174a7e !important;
}
.obj_article_details .keywords a:hover,
.obj_article_details .subject a:hover,
.obj_article_details .disciplines a:hover {
  color: #ffffff !important;
  background: #174a7e !important;
}
.obj_article_details a.obj_galley_link,
.obj_article_details .obj_galley_link,
.obj_article_details .galleys a {
  border-color: #123653 !important;
  background: linear-gradient(120deg, #123653, #2367a5) !important;
  color: #ffffff !important;
}
.obj_article_details a.obj_galley_link:hover,
.obj_article_details .obj_galley_link:hover,
.obj_article_details .galleys a:hover {
  background: linear-gradient(120deg, #174a7e, #2f7fbd) !important;
}
.obj_article_details .citation_display,
.obj_article_details .item.citation_display {
  background: #f1f6fb !important;
  border-color: #9ebcda !important;
}
.obj_article_details .galleys,
.obj_article_details .item.galleys,
.obj_article_details .pub_ids {
  border-left-color: #6da5d8 !important;
  background: #f2f7fc !important;
}
.obj_article_details .supplementary,
.obj_article_details .item.supplementary {
  background: #f7faff !important;
  border-left-color: #5c8fbd !important;
}


/* ==========================================================
   FIX USER ACCOUNT MENU — AHKAM CLEAN PROFESSIONAL BLUE
   Makes account dropdown readable (e.g. Dashboard, Profile,
   Logout) when the dropdown background is white.
   ========================================================== */

/* User account navigation trigger */
.pkp_navigation_user_wrapper,
.pkp_navigation_user {
  background-color: #123653 !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > button,
.pkp_navigation_user_wrapper a,
.pkp_navigation_user_wrapper button {
  color: #ffffff !important;
}

/* User dropdown panel */
.pkp_navigation_user .dropdown-menu,
.pkp_navigation_user ul,
.pkp_navigation_user > li > ul,
.pkp_navigation_user_wrapper .dropdown-menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #dbe5ee !important;
  box-shadow: 0 8px 20px rgba(18, 54, 83, 0.18) !important;
}

/* Dropdown links: dark text on white background */
.pkp_navigation_user .dropdown-menu a,
.pkp_navigation_user ul a,
.pkp_navigation_user > li > ul a,
.pkp_navigation_user_wrapper .dropdown-menu a,
.pkp_navigation_user .dropdown-menu button,
.pkp_navigation_user ul button {
  color: #123653 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Hover / focus state */
.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:focus,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus,
.pkp_navigation_user > li > ul a:hover,
.pkp_navigation_user > li > ul a:focus,
.pkp_navigation_user_wrapper .dropdown-menu a:hover,
.pkp_navigation_user_wrapper .dropdown-menu a:focus {
  color: #ffffff !important;
  background: #2367a5 !important;
  background-color: #2367a5 !important;
}

/* Current/active dropdown item */
.pkp_navigation_user .dropdown-menu .active > a,
.pkp_navigation_user .dropdown-menu a[aria-current],
.pkp_navigation_user ul .active > a {
  color: #ffffff !important;
  background: #174a7e !important;
  background-color: #174a7e !important;
}

/* Caret/icon in account menu */
.pkp_navigation_user .caret,
.pkp_navigation_user svg,
.pkp_navigation_user_wrapper svg {
  color: #ffffff !important;
  fill: currentColor;
}

/* Fallback for themes using generic account dropdown classes */
.pkp_navigation_user .pkpDropdown,
.pkp_navigation_user .pkpDropdown ul,
.pkp_navigation_user .pkpDropdown__content {
  background: #ffffff !important;
  background-color: #ffffff !important;
}
.pkp_navigation_user .pkpDropdown a,
.pkp_navigation_user .pkpDropdown__content a {
  color: #123653 !important;
}
.pkp_navigation_user .pkpDropdown a:hover,
.pkp_navigation_user .pkpDropdown__content a:hover {
  color: #ffffff !important;
  background: #2367a5 !important;
}


/* ==========================================================
   FINAL OVERRIDE: AHKAM TOP MENUBAR BLUE
   Place at the very end to override old maroon theme rules.
   ========================================================== */
.pkp_structure_head .pkp_navigation_primary_wrapper,
.pkp_structure_head .pkp_navigation_primary_row,
.pkp_structure_head .pkp_navigation_primary,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row,
nav.pkp_navigation_primary,
.pkp_navigation_primary {
  background: #123653 !important;
  background-color: #123653 !important;
  border-color: #123653 !important;
}

/* Main navigation links */
.pkp_structure_head .pkp_navigation_primary > li,
.pkp_structure_head .pkp_navigation_primary > li > a,
.pkp_navigation_primary > li,
.pkp_navigation_primary > li > a {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
}

/* Hover, keyboard focus, and active menu */
.pkp_structure_head .pkp_navigation_primary > li > a:hover,
.pkp_structure_head .pkp_navigation_primary > li > a:focus,
.pkp_structure_head .pkp_navigation_primary > li > a:active,
.pkp_structure_head .pkp_navigation_primary > li > a[aria-current],
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a:active,
.pkp_navigation_primary > li > a[aria-current] {
  background: #2367a5 !important;
  background-color: #2367a5 !important;
  color: #ffffff !important;
}

/* About dropdown */
.pkp_structure_head .pkp_navigation_primary .dropdown-menu,
.pkp_structure_head .pkp_navigation_primary > li > ul,
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_primary > li > ul {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #dbe5ee !important;
}
.pkp_structure_head .pkp_navigation_primary .dropdown-menu a,
.pkp_structure_head .pkp_navigation_primary > li > ul a,
.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_primary > li > ul a {
  color: #123653 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}
.pkp_structure_head .pkp_navigation_primary .dropdown-menu a:hover,
.pkp_structure_head .pkp_navigation_primary > li > ul a:hover,
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary > li > ul a:hover {
  color: #ffffff !important;
  background: #2367a5 !important;
  background-color: #2367a5 !important;
}

/* Search label/icon in the navigation bar */
.pkp_navigation_search_wrapper,
.pkp_navigation_search,
.pkp_navigation_search_wrapper a,
.pkp_navigation_search a {
  color: #ffffff !important;
}
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search a:hover {
  color: #c9e2f7 !important;
}


/* ==========================================================
   AHKAM — ARCHIVE ARTICLE CARDS
   Clean professional blue cards inspired by the supplied
   reference screenshot. Covers common OJS 3.x archive markup.
   ========================================================== */

/* Space sections and article lists */
.pkp_page_issue .obj_issue_toc .sections,
.pkp_page_issue .obj_issue_toc .section,
.pkp_page_issue .obj_issue_toc .articles,
.pkp_page_issue .cmp_article_list,
.pkp_page_archives .cmp_article_list {
  margin-top: 1.1rem !important;
}

.pkp_page_issue .obj_issue_toc .articles,
.pkp_page_issue .obj_issue_toc .section > ul,
.pkp_page_archives .cmp_article_list,
.pkp_page_issue .cmp_article_list {
  list-style: none !important;
  padding-left: 0 !important;
}

/* Individual article card — standard OJS selectors */
.pkp_page_issue .obj_issue_toc .articles > li,
.pkp_page_issue .obj_issue_toc .section > ul > li,
.pkp_page_archives .cmp_article_list > li,
.pkp_page_issue .cmp_article_list > li,
.pkp_page_issue .obj_article_summary,
.pkp_page_archives .obj_article_summary,
.obj_issue_toc .obj_article_summary {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0 0 1.2rem !important;
  padding: 1.1rem 1.15rem 1rem !important;
  border: 1px solid #d4e5f5 !important;
  border-left: 4px solid #1687e8 !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  box-shadow: 0 3px 12px rgba(18, 54, 83, 0.035) !important;
  list-style: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

/* Avoid double card borders when list item contains the summary */
.pkp_page_issue .obj_issue_toc .articles > li > .obj_article_summary,
.pkp_page_issue .obj_issue_toc .section > ul > li > .obj_article_summary,
.pkp_page_archives .cmp_article_list > li > .obj_article_summary,
.pkp_page_issue .cmp_article_list > li > .obj_article_summary {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pkp_page_issue .obj_issue_toc .articles > li:hover,
.pkp_page_issue .obj_issue_toc .section > ul > li:hover,
.pkp_page_archives .cmp_article_list > li:hover,
.pkp_page_issue .cmp_article_list > li:hover,
.pkp_page_issue .obj_article_summary:hover,
.pkp_page_archives .obj_article_summary:hover,
.obj_issue_toc .obj_article_summary:hover {
  border-color: #b7d7f4 !important;
  border-left-color: #0878d1 !important;
  box-shadow: 0 6px 18px rgba(18, 74, 126, 0.09) !important;
}

/* Article title */
.pkp_page_issue .obj_article_summary .title,
.pkp_page_archives .obj_article_summary .title,
.obj_issue_toc .obj_article_summary .title,
.pkp_page_issue .obj_issue_toc .articles > li > a,
.pkp_page_archives .cmp_article_list > li > a {
  color: #123653 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  text-decoration: none !important;
}

.pkp_page_issue .obj_article_summary .title a,
.pkp_page_archives .obj_article_summary .title a,
.obj_issue_toc .obj_article_summary .title a {
  color: #123653 !important;
  text-decoration: none !important;
}

.pkp_page_issue .obj_article_summary .title a:hover,
.pkp_page_archives .obj_article_summary .title a:hover,
.obj_issue_toc .obj_article_summary .title a:hover {
  color: #2367a5 !important;
  text-decoration: underline !important;
  text-decoration-color: #6da5d8 !important;
}

/* Authors, date, pages and article metadata */
.pkp_page_issue .obj_article_summary .meta,
.pkp_page_archives .obj_article_summary .meta,
.obj_issue_toc .obj_article_summary .meta,
.pkp_page_issue .obj_article_summary .authors,
.pkp_page_archives .obj_article_summary .authors,
.obj_issue_toc .obj_article_summary .authors,
.pkp_page_issue .obj_article_summary .pages,
.pkp_page_archives .obj_article_summary .pages,
.obj_issue_toc .obj_article_summary .pages,
.pkp_page_issue .obj_article_summary .published,
.pkp_page_archives .obj_article_summary .published {
  margin-top: .35rem !important;
  color: #52708d !important;
  font-size: .88rem !important;
  line-height: 1.55 !important;
}

.pkp_page_issue .obj_article_summary .authors a,
.pkp_page_archives .obj_article_summary .authors a,
.obj_issue_toc .obj_article_summary .authors a {
  color: #2367a5 !important;
}

/* PDF / galley links */
.pkp_page_issue .obj_article_summary .galleys_links,
.pkp_page_archives .obj_article_summary .galleys_links,
.obj_issue_toc .obj_article_summary .galleys_links,
.pkp_page_issue .obj_article_summary .galleys,
.pkp_page_archives .obj_article_summary .galleys,
.obj_issue_toc .obj_article_summary .galleys {
  margin-top: .65rem !important;
}

.pkp_page_issue .obj_article_summary .galleys a,
.pkp_page_archives .obj_article_summary .galleys a,
.obj_issue_toc .obj_article_summary .galleys a,
.pkp_page_issue .obj_article_summary .galleys_links a,
.pkp_page_archives .obj_article_summary .galleys_links a,
.obj_issue_toc .obj_article_summary .galleys_links a {
  display: inline-flex !important;
  align-items: center;
  gap: .35rem;
  padding: .35rem .75rem !important;
  border: 1px solid #1687e8 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  color: #0878d1 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .85rem !important;
  text-decoration: none !important;
}

.pkp_page_issue .obj_article_summary .galleys a:hover,
.pkp_page_archives .obj_article_summary .galleys a:hover,
.obj_issue_toc .obj_article_summary .galleys a:hover,
.pkp_page_issue .obj_article_summary .galleys_links a:hover,
.pkp_page_archives .obj_article_summary .galleys_links a:hover,
.obj_issue_toc .obj_article_summary .galleys_links a:hover {
  background: #edf6ff !important;
  color: #123653 !important;
}

/* Article status labels, including retracted articles */
.pkp_page_issue .obj_article_summary .label,
.pkp_page_archives .obj_article_summary .label,
.obj_issue_toc .obj_article_summary .label,
.pkp_page_issue .obj_article_summary .status,
.pkp_page_archives .obj_article_summary .status {
  color: #526b82 !important;
  font-size: .8rem !important;
  letter-spacing: .02em;
}

/* Section headings such as "Articles" */
.pkp_page_issue .obj_issue_toc .section_title,
.pkp_page_issue .obj_issue_toc h2,
.pkp_page_issue .obj_issue_toc h3 {
  color: #45627d !important;
  font-weight: 400 !important;
  border-bottom-color: #dbe5ee !important;
}

/* Mobile layout */
@media (max-width: 767px) {
  .pkp_page_issue .obj_issue_toc .articles > li,
  .pkp_page_issue .obj_issue_toc .section > ul > li,
  .pkp_page_archives .cmp_article_list > li,
  .pkp_page_issue .cmp_article_list > li,
  .pkp_page_issue .obj_article_summary,
  .pkp_page_archives .obj_article_summary,
  .obj_issue_toc .obj_article_summary {
    margin-bottom: .9rem !important;
    padding: .9rem !important;
    border-radius: 6px !important;
  }

  .pkp_page_issue .obj_article_summary .title,
  .pkp_page_archives .obj_article_summary .title,
  .obj_issue_toc .obj_article_summary .title {
    font-size: .98rem !important;
  }
}


/* ==========================================================
   AHKAM — ARTICLE DETAIL PAGE
   Clean professional blue styling for article landing pages.
   ========================================================== */

/* Main article container and title */
.pkp_page_article .obj_article_details,
.obj_article_details {
  color: #243447;
}

.pkp_page_article .obj_article_details .page_title,
.pkp_page_article .obj_article_details h1,
.obj_article_details .page_title,
.obj_article_details h1.page_title {
  color: #123653 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.55rem, 2.5vw, 2.15rem) !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  padding-bottom: 1rem;
  margin-bottom: 1.2rem;
  border-bottom: 2px solid #6da5d8;
}

/* Article author list */
.obj_article_details .authors,
.obj_article_details .author,
.obj_article_details .item.authors {
  color: #465b6f !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .95rem;
  line-height: 1.75;
}
.obj_article_details .authors a,
.obj_article_details .author a,
.obj_article_details .item.authors a {
  color: #2367a5 !important;
  text-decoration: none;
}
.obj_article_details .authors a:hover,
.obj_article_details .author a:hover,
.obj_article_details .item.authors a:hover {
  color: #123653 !important;
  text-decoration: underline;
}

/* Metadata panels: abstract, details, references, citations */
.obj_article_details .item,
.obj_article_details .item.abstract,
.obj_article_details .item.references,
.obj_article_details .item.citations,
.obj_article_details .item.metadata {
  box-sizing: border-box;
  margin: 1rem 0 !important;
  padding: 1.1rem 1.2rem !important;
  border: 1px solid #dbe5ee !important;
  border-left: 4px solid #2367a5 !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  box-shadow: 0 3px 12px rgba(18, 54, 83, .04) !important;
}

/* Section labels */
.obj_article_details .item > h2,
.obj_article_details .item > h3,
.obj_article_details .label,
.obj_article_details .item .label {
  color: #123653 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700 !important;
}
.obj_article_details .item > h2,
.obj_article_details .item > h3 {
  font-size: 1.04rem !important;
  margin: 0 0 .8rem !important;
  padding-bottom: .55rem;
  border-bottom: 1px solid #dbe5ee;
}

/* Abstract typography */
.obj_article_details .abstract,
.obj_article_details .item.abstract {
  color: #34495e;
  font-size: .97rem;
  line-height: 1.85;
}
.obj_article_details .abstract p,
.obj_article_details .item.abstract p {
  margin: 0 0 .8rem;
  text-align: justify;
}
.obj_article_details .abstract p:last-child,
.obj_article_details .item.abstract p:last-child {
  margin-bottom: 0;
}

/* DOI and article identifier links */
.obj_article_details .doi a,
.obj_article_details a[href*="doi.org"],
.obj_article_details .pub_ids a {
  color: #2367a5 !important;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.obj_article_details .doi a:hover,
.obj_article_details a[href*="doi.org"]:hover,
.obj_article_details .pub_ids a:hover {
  color: #123653 !important;
}

/* Keywords and subjects */
.obj_article_details .keywords,
.obj_article_details .subject,
.obj_article_details .disciplines {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.obj_article_details .keywords a,
.obj_article_details .subject a,
.obj_article_details .disciplines a {
  display: inline-block;
  padding: .25rem .65rem;
  border: 1px solid #c9dced !important;
  border-radius: 999px;
  background: #edf5fb !important;
  color: #174a7e !important;
  font-size: .86rem;
  text-decoration: none;
}
.obj_article_details .keywords a:hover,
.obj_article_details .subject a:hover,
.obj_article_details .disciplines a:hover {
  background: #2367a5 !important;
  color: #ffffff !important;
}

/* PDF and galley buttons */
.obj_article_details .galleys,
.obj_article_details .item.galleys {
  background: #f7fbff !important;
  border-left-color: #6da5d8 !important;
}
.obj_article_details .galleys_links,
.obj_article_details .galleys ul,
.obj_article_details .item.galleys ul {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  padding-left: 0;
  list-style: none;
}
.obj_article_details .galleys_links li,
.obj_article_details .galleys ul li,
.obj_article_details .item.galleys ul li {
  margin: 0;
}
.obj_article_details a.obj_galley_link,
.obj_article_details .obj_galley_link,
.obj_article_details .galleys a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  min-height: 38px;
  padding: .55rem .9rem !important;
  border: 1px solid #2367a5 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #2367a5 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none !important;
  box-shadow: none !important;
}
.obj_article_details a.obj_galley_link:hover,
.obj_article_details .obj_galley_link:hover,
.obj_article_details .galleys a:hover {
  background: #2367a5 !important;
  color: #ffffff !important;
}

/* Publication date, license, copyright, and citation blocks */
.obj_article_details .date,
.obj_article_details .published,
.obj_article_details .copyright,
.obj_article_details .license,
.obj_article_details .entry_details {
  color: #66788a !important;
  font-size: .9rem;
  line-height: 1.7;
}
.obj_article_details .citation_display,
.obj_article_details .item.citation_display {
  padding: 1rem !important;
  border: 1px dashed #9ebcda !important;
  border-radius: 6px !important;
  background: #f1f6fb !important;
  overflow-wrap: anywhere;
}
.obj_article_details .item.references li {
  margin-bottom: .6rem;
  line-height: 1.7;
}
.obj_article_details .cover img,
.obj_article_details img.cover {
  border: 1px solid #dbe5ee;
  border-radius: 6px;
  box-shadow: 0 4px 14px rgba(18,54,83,.08);
}

/* Links inside article content */
.obj_article_details .item a,
.pkp_page_article .entry-content a {
  color: #2367a5;
}
.obj_article_details .item a:hover,
.pkp_page_article .entry-content a:hover {
  color: #123653;
}

/* Mobile */
@media (max-width: 767px) {
  .obj_article_details .page_title,
  .obj_article_details h1.page_title {
    font-size: 1.45rem !important;
    padding-bottom: .75rem;
  }
  .obj_article_details .item,
  .obj_article_details .item.abstract,
  .obj_article_details .item.references,
  .obj_article_details .item.citations,
  .obj_article_details .item.metadata {
    padding: .85rem !important;
    margin: .85rem 0 !important;
  }
  .obj_article_details .abstract p,
  .obj_article_details .item.abstract p {
    text-align: left;
  }
  .obj_article_details a.obj_galley_link,
  .obj_article_details .obj_galley_link,
  .obj_article_details .galleys a {
    max-width: 100%;
    box-sizing: border-box;
  }
}