/* ==========================================================================
   IJHP look-alike stylesheet for OJS 3.3 / 3.4 / 3.5
   Source look: ijhp.in (Default "Manuscript" child theme, colour #d68cc6,
   Noto Serif). Upload at: Settings > Website > Appearance > Advanced >
   Journal style sheet. Works on top of the Default or Manuscript theme.
   To recolour, change the hex values in the "Palette" comment below with
   find & replace:  #d68cc6 (accent)  #4b7d92 (links)  #6298ae (link hover)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* ---------- Base ---------- */
html, body {
  font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", serif;
  font-size: 14px;
  color: rgba(0,0,0,0.87);
  background: #ddd;
}
a { color: #4b7d92; }
a:hover, a:focus { color: #6298ae; }

/* ---------- Boxed page ---------- */
.pkp_structure_page {
  margin: 0 auto;
  max-width: 1160px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
@media (min-width: 1200px) {
  .pkp_structure_page { margin-top: 2.143rem; margin-bottom: 2.143rem; }
}
.pkp_structure_content { padding-top: 0; }
.pkp_structure_main:before, .pkp_structure_main:after { display: none; }
@media (min-width: 992px) {
  .pkp_structure_sidebar:before {
    content: ''; position: absolute; top: 0; right: 0; bottom: 0;
    width: 300px; border-left: 1px solid #ddd;
  }
  .pkp_structure_sidebar > * { position: relative; }
}

/* ---------- Header ---------- */
.pkp_structure_head { background-color: #d68cc6; border-bottom: 1px solid #ddd; }
.pkp_head_wrapper, .has_site_logo .pkp_head_wrapper { position: relative; padding-top: 0; }
.pkp_site_name_wrapper { background: #d68cc6; padding-left: 2.143rem; padding-right: 2.143rem; }
.pkp_site_name, .pkp_site_name .is_text {
  font-family: "Noto Serif", serif;
  color: rgba(0,0,0,0.84);
}
.pkp_site_name .is_text { font-size: 1rem; font-weight: 700; text-transform: uppercase; text-decoration: none; }
@media (min-width: 992px) {
  .pkp_site_name { width: 75%; margin-left: 0; padding-top: 1.071rem; padding-bottom: 1.071rem; }
  .pkp_site_name .is_text { font-size: 1.285rem; line-height: 2.143rem; }
  .pkp_site_name .is_img img { max-height: 80px; }
}

/* ---------- Mobile menu ---------- */
.pkp_site_nav_menu { background: #d68cc6; }
.pkp_site_nav_menu a { color: rgba(0,0,0,0.84); }
.pkp_site_nav_toggle > span,
.pkp_site_nav_toggle > span:before,
.pkp_site_nav_toggle > span:after { border-color: rgba(0,0,0,0.84); }
.pkp_site_nav_toggle > span:before,
.pkp_site_nav_toggle > span:after { background: rgba(0,0,0,0.84); }

/* ---------- Primary navigation (white bar under header) ---------- */
@media (min-width: 992px) {
  .pkp_site_nav_menu { background: transparent; }
  .pkp_navigation_primary_row { background: #fff; padding-left: 2.143rem; padding-right: 2.143rem; }
}
.pkp_navigation_primary_wrapper { width: auto; }
#navigationPrimary a {
  font-family: "Noto Serif", serif;
  font-size: .93rem;
  font-weight: 700;
  text-transform: uppercase;
}
#navigationPrimary > li > a { padding-bottom: 6px; border-bottom: 4px solid transparent; }
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus { border-color: #d68cc6; background: transparent; }
#navigationPrimary > [aria-haspopup] > a:hover,
#navigationPrimary > [aria-haspopup] > a:focus { border-color: transparent; }
@media (min-width: 992px) {
  #navigationPrimary a { color: rgba(0,0,0,0.54); }
  #navigationPrimary a:hover, #navigationPrimary a:focus { color: #d68cc6; }
  #navigationPrimary ul { background: #d68cc6; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.3); }
  #navigationPrimary ul a { color: rgba(0,0,0,0.84); border-left-color: transparent; }
  #navigationPrimary ul a:hover, #navigationPrimary ul a:focus {
    color: rgba(0,0,0,0.84); background: rgba(255,255,255,0.25); border-color: transparent;
  }
}

/* Search link */
.pkp_navigation_search_wrapper a {
  font-family: "Noto Serif", serif;
  font-size: .93rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .pkp_navigation_search_wrapper a { padding-bottom: 6px; border-bottom: 4px solid transparent; color: #4b7d92; }
  .pkp_navigation_search_wrapper a:hover,
  .pkp_navigation_search_wrapper a:focus { color: #4b7d92; background: transparent; border-color: #d68cc6; }
}

/* User links (Register / Login) – top right inside the coloured band */
.pkp_navigation_user_wrapper a { font-family: "Noto Serif", serif; font-size: .93rem; font-weight: 700; }
@media (min-width: 992px) {
  .pkp_navigation_user_wrapper {
    top: 13px; right: 0; left: auto; width: 25%;
    transform: none; padding-right: 2.143rem;
  }
  .pkp_navigation_user_wrapper .pkp_navigation_user { margin-right: 0; padding-right: 0; width: auto; }
  .pkp_navigation_user > li > a { color: rgba(0,0,0,0.84); }
  .pkp_navigation_user > li > a:focus { background: rgba(0,0,0,0.84); color: #d68cc6; }
  .pkp_navigation_user_wrapper ul a { color: #4b7d92; }
  .pkp_navigation_user_wrapper ul a:hover,
  .pkp_navigation_user_wrapper ul a:focus { border-color: #d68cc6; }
}

/* ---------- Headings ---------- */
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3 {
  font-family: "Noto Serif", serif; font-weight: 700;
}

/* ---------- Buttons ---------- */
.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link {
  font-family: "Noto Serif", serif;
  font-weight: 700;
  text-transform: uppercase;
  background: #d68cc6;
  color: rgba(0,0,0,0.84);
  border: none;
  box-shadow: none;
}
.cmp_manuscript_button:hover, .cmp_manuscript_button:focus,
.block_make_submission a:hover, .block_make_submission a:focus,
.obj_galley_link:hover, .obj_galley_link:focus {
  background: #d68cc6; color: rgba(0,0,0,0.84); filter: brightness(0.95);
}
.obj_galley_link.restricted { border-color: #ddd; background: #ddd; color: rgba(0,0,0,0.54); }
.obj_galley_link.restricted:before { color: rgba(0,0,0,0.54); }
.obj_galley_link.restricted:hover, .obj_galley_link.restricted:focus { background: rgba(0,0,0,0.54); color: #fff; }

.cmp_button, .cmp_form .buttons button, .page_search .submit button { color: #4b7d92; }
.page_search .submit button:after { background: #4b7d92; }
.page_search .submit button:hover:after,
.page_search .submit button:focus:after { background: #6298ae; }

/* ---------- Sidebar blocks ---------- */
.pkp_block .title {
  display: inline-block;
  padding-bottom: 0.5em;
  border-bottom: 3px solid #d68cc6;
  font-family: "Noto Serif", serif;
  font-size: 1.143rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(0,0,0,0.54);
}
.pkp_block a { text-decoration: none; }

/* ---------- Breadcrumbs / pagination ---------- */
.cmp_breadcrumbs {
  padding: 2.143rem 0;
  font-family: "Noto Serif", serif;
  font-size: .93rem;
  color: rgba(0,0,0,0.54);
  text-transform: uppercase;
}
.cmp_breadcrumbs > ol { padding: 0; margin: 0; }
.cmp_breadcrumbs .current { text-transform: none; }
.cmp_breadcrumbs .separator { padding: 0 .1em; opacity: 0.3; }
.cmp_pagination { font-family: "Noto Serif", serif; }
.cmp_pagination a { font-weight: 700; text-transform: uppercase; }

/* ---------- Notifications / announcements ---------- */
.cmp_notification {
  background: #fff;
  border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;
  border-left: .357rem solid #4b7d92;
}
.cmp_announcements { border: none; }
.cmp_announcements > li { border-bottom: none; }
.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary h3,
.cmp_announcements .obj_announcement_summary h4,
.cmp_announcements .date,
.cmp_announcements .read_more { font-family: "Noto Serif", serif; font-size: .93rem; font-weight: 700; }
.cmp_announcements .read_more { text-transform: uppercase; }
.cmp_announcements .date { font-weight: 400; }
.cmp_announcements .date:before { color: #d68cc6; }

/* ---------- Homepage ---------- */
.pkp_page_index .homepage_image { margin-top: -1px; }
.pkp_page_index .cmp_announcements { border: none; }
.pkp_page_index .current_issue h2 {
  display: inline-block;
  padding-bottom: 0.5em;
  border-bottom: 3px solid #d68cc6;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(0,0,0,0.54);
}
.pkp_page_index .current_issue .current_issue_title { font-family: "Noto Serif", serif; font-size: 1.143rem; }
.pkp_page_index .current_issue .sections { margin-top: 1.43rem; }
.pkp_page_index .current_issue .read_more {
  font-family: "Noto Serif", serif; font-weight: 700; text-transform: uppercase; color: #4b7d92;
}
.pkp_page_index .current_issue .read_more:hover { color: #6298ae; }

/* ---------- Archive / search ---------- */
.page_issue_archive .issues_archive,
.page_issue_archive .issues_archive > li { border: none; }
.page_search .search_advanced { margin-top: .714rem; }
.page_search .search_advanced > legend {
  font-family: "Noto Serif", serif; font-size: 13px; font-weight: 700; text-transform: uppercase;
}

/* ---------- PDF viewer header bar ---------- */
.header_view { background: #d68cc6; color: rgba(0,0,0,0.84); }
.header_view .title { color: rgba(0,0,0,0.84); }
.header_view .title:hover, .header_view .title:focus {
  background: #d68cc6; color: rgba(0,0,0,0.84); text-decoration: underline;
}

/* ---------- Issue table of contents ---------- */
.obj_issue_toc .heading .pub_id,
.obj_issue_toc .heading .published { font-family: "Noto Serif", serif; font-size: .93rem; }
.obj_issue_toc .heading .pub_id .type,
.obj_issue_toc .heading .published .label { font-weight: 700; color: rgba(0,0,0,0.54); text-transform: uppercase; }
.obj_issue_toc .heading .pub_id .id,
.obj_issue_toc .heading .published .value { margin-left: 0.5em; }
.obj_issue_toc > .galleys,
.obj_issue_toc .section { margin: 0; padding: 0; border: none; }
.obj_issue_toc > .galleys:before,
.obj_issue_toc .section:before { display: none; }
.obj_issue_toc > .galleys h2,
.obj_issue_toc .section h2,
.obj_issue_toc .section h3 {
  position: relative; display: inline-block; top: auto; left: auto;
  padding: 0 0 .357rem;
  border-bottom: 3px solid #d68cc6;
  background: transparent;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(0,0,0,0.54);
}
.obj_issue_toc .galleys_links li { margin-bottom: 0.5em; }
.obj_issue_toc .cover img { margin-left: auto; margin-right: auto; }
.obj_issue_summary .title { font-family: "Noto Serif", serif; font-weight: 700; }

/* ---------- Article summary ---------- */
.obj_article_summary > .title { font-family: "Noto Serif", serif; font-weight: 700; }
.obj_article_summary .subtitle { font-size: .93rem; }

/* ---------- Article landing page ---------- */
.obj_article_details .authors,
.obj_article_details .doi { font-family: "Noto Serif", serif; }
.obj_article_details .orcid a,
.obj_article_details .doi a { color: rgba(0,0,0,0.87); text-decoration: none; }
.obj_article_details .orcid a:hover,
.obj_article_details .doi a:hover { color: #4b7d92; text-decoration: underline; }
.obj_article_details .authors li { margin-bottom: 1.43rem; }
.obj_article_details .main_entry .label {
  display: inline-block;
  padding: 0 0 .357rem;
  border-bottom: 3px solid #d68cc6;
  color: rgba(0,0,0,0.54);
  text-transform: uppercase;
}
.obj_article_details .main_entry .doi .label,
.obj_article_details .main_entry .keywords .label { display: inline; padding: 0; border: none; text-transform: none; }
.obj_article_details .row,
.obj_article_details .main_entry,
.obj_article_details .entry_details { border: none; }
.obj_article_details .author_bios .sub_item .label { border-bottom: none; text-transform: none; }
.obj_article_details .entry_details { margin-left: 0; margin-right: 0; }
.obj_article_details .entry_details .label { font-weight: 700; text-transform: uppercase; }
.obj_article_details .entry_details .item {
  margin: 2.143rem 0;
  padding: 0;
  border-bottom: none;
  border-radius: 3px;
  background: rgba(0,0,0,0.05);
  box-shadow: 0 0 1px rgba(0,0,0,0.4);
}
.obj_article_details .entry_details .item > .label,
.obj_article_details .entry_details .sub_item:first-child > .label {
  padding: .5em 1.43rem; background: #ddd; border-top-left-radius: 3px; border-top-right-radius: 3px;
}
.obj_article_details .entry_details .item > .value,
.obj_article_details .entry_details .sub_item .value { padding: 1.43rem; }
.obj_article_details .entry_details .sub_item { padding: 0; margin-bottom: 0; }
.obj_article_details .entry_details .sub_item:not(:first-child) .label {
  display: inline-block; padding: .5em 0; margin: 0 1.43rem; border-bottom: 3px solid #d68cc6;
}
.obj_article_details .entry_details .cover_image,
.obj_article_details .entry_details .item.galleys,
.obj_article_details .entry_details .item.copyright { background: transparent; box-shadow: none; }
.obj_article_details .entry_details .cover_image img { display: block; border-radius: 3px; margin: 0 auto; }
.obj_article_details .entry_details .item.galleys .galleys_links { padding: 0; }
.obj_article_details .entry_details .galleys_links > li { display: block; margin-bottom: 0.5em; }
.obj_article_details .entry_details .galleys_links > li a { display: block; }
@media (min-width: 768px) {
  .obj_article_details .entry_details { width: 240px; margin-left: 30px; }
}

/* ---------- Tables (subscription / bank tables on About) ---------- */
.pkp_structure_main table { border-collapse: collapse; }
.pkp_structure_main table td,
.pkp_structure_main table th { border: 1px solid #ddd; padding: .4em .7em; }

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper {
  background: rgba(0,0,0,0.05);
  border-top: 1px solid #ddd;
  border-bottom: 1.43rem solid #d68cc6;
}
.pkp_footer_content { padding: 2.143rem; text-align: left; }

/* ---------- RTL ---------- */
@media (min-width: 992px) {
  body[dir="rtl"] .pkp_navigation_user_wrapper { right: auto; left: 0; }
  body[dir="rtl"] .pkp_structure_sidebar::before {
    right: auto; left: 0; border-left: none; border-right: 1px solid #ddd;
  }
}

/* ==========================================================================
   FORCE HEADER COLOURS – beats theme gradients / earlier custom CSS
   ========================================================================== */
.pkp_structure_head,
.pkp_structure_head .pkp_head_wrapper,
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head .pkp_site_name,
header.pkp_structure_head {
  background: #d68cc6 !important;
  background-color: #d68cc6 !important;
  background-image: none !important;
  border-color: #ddd !important;
  box-shadow: none !important;
}
.pkp_structure_head::before,
.pkp_structure_head::after,
.pkp_head_wrapper::before,
.pkp_head_wrapper::after { background: none !important; background-image: none !important; }
.pkp_site_name .is_text,
.pkp_site_name a { color: rgba(0,0,0,0.84) !important; text-shadow: none !important; }

/* white menu bar under the pink band */
@media (min-width: 992px) {
  .pkp_structure_head .pkp_navigation_primary_row,
  .pkp_structure_head .pkp_navigation_primary_wrapper,
  .pkp_structure_head .pkp_site_nav_menu,
  .pkp_structure_head nav {
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
  }
  #navigationPrimary > li > a { color: rgba(0,0,0,0.54) !important; background: transparent !important; }
  #navigationPrimary > li > a:hover,
  #navigationPrimary > li > a:focus { color: #d68cc6 !important; border-color: #d68cc6 !important; }
  #navigationPrimary ul { background: #d68cc6 !important; }
  #navigationPrimary ul a { color: rgba(0,0,0,0.84) !important; }
  .pkp_navigation_search_wrapper a { color: #4b7d92 !important; background: transparent !important; }
}
/* mobile menu stays pink */
@media (max-width: 991px) {
  .pkp_structure_head .pkp_site_nav_menu { background: #d68cc6 !important; background-image: none !important; }
}

/* user menu (admin / login) inside pink band */
.pkp_navigation_user > li > a,
.pkp_navigation_user_wrapper > ul > li > a { color: rgba(0,0,0,0.84) !important; background: transparent !important; }
.pkp_navigation_user .task_count { background: rgba(0,0,0,0.2) !important; color: rgba(0,0,0,0.84) !important; }
.pkp_navigation_user ul { background: #fff !important; }
.pkp_navigation_user ul a { color: #4b7d92 !important; }