/* =========================================================
   Problematika Hukum — custom stylesheet for OJS Default theme
   Upload at: Settings > Website > Appearance > Advanced
   > Journal style sheet
   ========================================================= */

:root {
  --ph-navy: #1F3A5F;
  --ph-navy-dark: #14284A;
  --ph-panel: #C6D9F0;
  --ph-panel-light: #EEF3FA;
  --ph-ink: #1B2433;
  --ph-muted: #4A5A72;
  --ph-line: #D8DFEA;
  --ph-link: #1F5FA8;
}

body { background: #F4F6FA; color: var(--ph-ink); }
a { color: var(--ph-link); }
a:hover, a:focus { color: var(--ph-navy-dark); }

/* ---------- HEADER ---------- */
.pkp_structure_head {
  background: #FFFFFF;
  border-bottom: none;
}
.pkp_head_wrapper { padding-top: 12px; }

/* Banner image (uploaded as journal Logo) */
.pkp_site_name_wrapper { height: auto; padding: 0; }
.pkp_site_name { padding: 8px 0 0 0; }
.pkp_site_name .is_img { display: block; }
.pkp_site_name .is_img img {
  max-height: none;
  width: 100%;
  max-width: 1160px;
  height: auto;
}

/* User menu (robertpr) at top */
.pkp_navigation_user_wrapper {
  background: var(--ph-navy-dark);
}
.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:hover { color: #FFFFFF; }

/* Double navy rule under header — PDF ornament */
.pkp_navigation_primary_wrapper {
  background: #FFFFFF;
  border-top: 4px solid var(--ph-navy);
  box-shadow: inset 0 2px 0 #FFFFFF, inset 0 3px 0 var(--ph-navy);
  padding-top: 4px;
}
.pkp_navigation_primary > li > a {
  color: #33415A;
  font-weight: 600;
  padding: 14px 4px;
  border-bottom: 3px solid transparent;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li.current > a {
  color: var(--ph-navy);
  border-bottom-color: var(--ph-navy);
  text-decoration: none;
}
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:hover {
  color: var(--ph-navy);
  font-weight: 700;
}
.pkp_nav_list ul { border-top: 3px solid var(--ph-navy); }

/* Mobile menu button */
.pkp_site_nav_toggle { background: var(--ph-navy); color: #FFFFFF; }

/* ---------- MAIN CONTENT ---------- */
.pkp_structure_content { background: transparent; }
.pkp_structure_main {
  background: #FFFFFF;
  border: 1px solid var(--ph-line);
}
.pkp_structure_main::before,
.pkp_structure_main::after { display: none; }
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 { color: var(--ph-navy); }

/* Homepage: About the Journal */
.page_index_journal .additional_content,
.page_index_journal .homepage_about {
  border-bottom: 4px solid var(--ph-navy);
  padding-bottom: 24px;
}

/* Current issue heading with navy rule */
.page_index_journal .current_issue h2,
.obj_issue_toc .sections h2 {
  border-bottom: 4px solid var(--ph-navy);
  padding-bottom: 8px;
}

/* Issue cover */
.obj_issue_toc .cover img,
.page_index_journal .current_issue .cover img {
  box-shadow: 0 8px 24px rgba(20, 40, 74, 0.25);
}

/* Article cards — styled like the PDF article header */
.obj_article_summary {
  background: #FFFFFF;
  border: 1px solid var(--ph-line);
  border-left: 6px solid var(--ph-navy);
  padding: 18px 22px;
  margin-bottom: 16px;
}
.obj_article_summary > .title a {
  color: var(--ph-ink);
  font-weight: 700;
  text-transform: uppercase;
}
.obj_article_summary > .title a:hover { color: var(--ph-navy); }
.obj_article_summary .meta .authors { color: var(--ph-muted); font-style: italic; }
.obj_article_summary .pages { color: var(--ph-muted); }

/* PDF / galley buttons */
.obj_galley_link,
.cmp_button,
.pkp_button {
  background: var(--ph-navy);
  border: 1px solid var(--ph-navy);
  color: #FFFFFF;
  border-radius: 0;
  font-weight: 700;
  padding: 6px 18px;
  min-height: 36px;
}
.obj_galley_link:hover,
.obj_galley_link:focus,
.cmp_button:hover,
.pkp_button:hover {
  background: var(--ph-navy-dark);
  border-color: var(--ph-navy-dark);
  color: #FFFFFF;
}
.obj_galley_link.pdf::before { color: #FFFFFF; }

/* Article detail page: keywords panel like the PDF */
.obj_article_details .item.keywords {
  background: var(--ph-panel);
  padding: 14px 16px;
  font-style: italic;
  font-weight: 600;
}
.obj_article_details .item.abstract {
  border-top: 1px solid var(--ph-ink);
  border-bottom: 1px solid var(--ph-ink);
  padding: 14px 0;
}
.obj_article_details .main_entry .item .label,
.obj_article_details .entry_details .item .label { color: var(--ph-navy); }

/* ---------- SIDEBAR ---------- */
.pkp_structure_sidebar .pkp_block {
  background: #FFFFFF;
  border: 1px solid var(--ph-line);
  padding: 0 0 12px 0;
  margin: 0 0 20px 0;
}
.pkp_block .title {
  display: block;
  background: var(--ph-navy);
  color: #FFFFFF;
  font-weight: 700;
  padding: 10px 16px;
  margin: 0 0 8px 0;
}
.pkp_block .content { padding: 0 16px; }
.pkp_block .content ul li { border-bottom: 1px solid var(--ph-panel-light); padding: 6px 0; }
.block_make_submission a {
  display: block;
  background: var(--ph-navy);
  color: #FFFFFF;
  text-align: center;
  font-weight: 700;
  padding: 14px;
  border-radius: 0;
}
.block_make_submission a:hover { background: var(--ph-navy-dark); color: #FFFFFF; }

/* Custom "Journal Information" block */
.ph-info { width: 100%; border-collapse: collapse; font-size: 14px; }
.ph-info td { padding: 6px 0; border-bottom: 1px solid var(--ph-panel-light); vertical-align: top; }
.ph-info td:first-child { color: var(--ph-muted); width: 42%; }
.ph-info td:last-child { font-weight: 700; }

/* ---------- FOOTER ---------- */
.pkp_structure_footer_wrapper {
  background: var(--ph-navy-dark);
  color: #DCE5F2;
  border-top: 4px solid var(--ph-panel);
}
.pkp_structure_footer_wrapper a { color: #FFFFFF; }
.pkp_footer_content { color: #DCE5F2; }
.pkp_brand_footer { background: transparent; }
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: 0.8; }