/* ============ SRDPI Publishers — custom.css ============ */

/* ---------- Global font: Georgia serif everywhere ---------- */
body {
  font-family: Georgia, "Times New Roman", serif !important;
}

/* ---------- Justified paragraphs with hyphenation (all pages) ---------- */
p {
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
}

/* ---------- Hide "About the Journal" homepage section ---------- */
.homepage_about {
  display: none !important;
}

/* Publisher-level pages only (midnightblue-locust-737691.hostingersite.com/index.php/index/*).
   Scoped to body:has(.pkp_site_name img[src*="public/site/"]) because the
   publisher header logo lives in public/site/ while journal logos live in
   public/journals/. This way all publisher pages (home, about-srdpi,
   journals, contact) share the design and the 10 individual journals keep
   their own independent OJS default theme. */

/* ---------- Layout: publisher index only ---------- */
body:has(.pkp_site_name img[src*="public/site/"]) .pkp_structure_content {
  width: 100% !important;
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

body:has(.pkp_site_name img[src*="public/site/"]) .pkp_structure_main {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
}

body:has(.pkp_site_name img[src*="public/site/"]) .pkp_structure_main::before,
body:has(.pkp_site_name img[src*="public/site/"]) .pkp_structure_main::after {
  display: none !important;
}

body:has(.pkp_site_name img[src*="public/site/"]) .pkp_structure_sidebar {
  display: none !important;
}

body:has(.pkp_site_name img[src*="public/site/"]) {
  background: #eef4fd;
}

/* ---------- Header: publisher index only ---------- */
body:has(.pkp_site_name img[src*="public/site/"]) .pkp_structure_head {
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}

body:has(.pkp_site_name img[src*="public/site/"]) .pkp_site_name .is_img img {
  max-height: 70px;
  width: auto;
}

/* ---------- Banner background for journal site header (all journals) ---------- */
.pkp_site_name {
  position: relative;
  background-color: transparent !important;
}

.pkp_site_name::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("https://midnightblue-locust-737691.hostingersite.com/public/site/images/jrimages/srdpi-banner.jpeg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  z-index: 0;
  pointer-events: none;
}

.pkp_site_name > a,
.pkp_site_name > .is_img {
  position: relative;
  z-index: 1;
}

.pkp_site_name > a img,
.pkp_site_name > .is_img img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Mobile: shrink the banner so it no longer overlaps the logo */
@media (max-width: 991px) {
  .pkp_site_name::before {
    background-size: 50% auto !important;
  }
}

@media (max-width: 600px) {
  .pkp_site_name::before {
    background-size: 42% auto !important;
  }
}

/* ---------- Primary navigation bar: GLOBAL (all pages, all journals) ---------- */
.pkp_navigation_primary_row {
  background: #0d3b8f;
}

.pkp_navigation_primary_wrapper {
  padding: 0 !important;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pkp_navigation_primary {
  text-align: center;
}

.pkp_navigation_primary > li > a {
  display: inline-block;
  padding: 8px 20px !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600;
  letter-spacing: 0.3px;
  border-bottom: 3px solid transparent;
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08);
  border-color: #26c6da;
  text-decoration: none;
}

.pkp_navigation_primary > li:first-child a {
  margin-left: 0 !important;
}

.pkp_navigation_primary > li:last-child a {
  margin-right: 0 !important;
}

.pkp_navigation_primary > li > a:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.14);
}

.pkp_navigation_primary ul a {
  color: #0d3b8f !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
  background: #eef4fd;
  border-color: #1668c4;
}

/* ---------- Header + mobile toggle: GLOBAL (all pages, all journals) ---------- */
.pkp_structure_head {
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.pkp_site_nav_toggle {
  background: #0d3b8f;
  border: 1px solid #0d3b8f;
  color: #ffffff;
}

.pkp_site_nav_toggle:focus {
  outline: 2px solid #26c6da;
}

/* ---------- Register/Login (user nav) readable on all pages ---------- */
.pkp_navigation_user a {
  color: #0d3b8f !important;
}

.pkp_navigation_user a:hover,
.pkp_navigation_user a:focus {
  color: #1668c4 !important;
  text-decoration: underline;
}

/* Mobile: nav opens as a white panel, links readable blue (same on all journals) */
@media (max-width: 991px) {
  .pkp_site_nav_menu {
    background: #ffffff;
  }

  .pkp_navigation_primary_row {
    background: #ffffff;
  }

  .pkp_navigation_primary > li > a {
    color: #0d3b8f !important;
  }
}

/* ---------- Journal cards grid: publisher index only ---------- */
body:has(.pkp_site_name img[src*="public/site/"]) .journals {
  margin-top: 0;
  padding: 30px 0 40px;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals h2 {
  font-size: 30px;
  font-weight: 800;
  color: #081f4d;
  margin: 0 0 28px;
  padding-bottom: 12px;
  border-bottom: 3px solid;
  border-image: linear-gradient(90deg, #1668c4, #26c6da) 1;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals > ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals > ul > li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: none !important;
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #dce7f5;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(13, 59, 143, 0.08);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals > ul > li::before {
  content: "";
  display: block;
  height: 6px;
  background: linear-gradient(90deg, #0d3b8f, #1668c4);
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals > ul > li:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(13, 59, 143, 0.16);
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals .thumb {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #eef4ff, #d9e8fb);
  min-height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals .thumb a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals .thumb img {
  max-width: 100%;
  max-height: 150px;
  width: auto;
  height: auto;
  display: block;
  border-radius: 6px;
  box-shadow: 0 6px 14px rgba(8, 31, 77, 0.18);
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals .thumb + .body {
  float: none !important;
  width: 100% !important;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px 20px 22px;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals h3 {
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 700;
  color: #081f4d;
  line-height: 1.4;
  text-align: center;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals h3 a {
  text-decoration: none;
  color: #081f4d;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals h3 a:hover {
  color: #1668c4;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals .links {
  list-style: none;
  margin: auto 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals .links li {
  display: block !important;
  margin: 0 !important;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals .links li a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 11px 16px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals .links li.view a {
  background: linear-gradient(90deg, #0d3b8f, #1668c4);
  color: #fff;
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  .links
  li.view
  a:hover {
  background: linear-gradient(90deg, #081f4d, #0d3b8f);
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  .links
  li.current
  a {
  background: #fff;
  color: #0d3b8f;
  border: 1.5px solid #0d3b8f;
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  .links
  li.current
  a:hover {
  background: #eef4ff;
}

/* ---------- Journal metadata block on publisher homepage cards ---------- */
body:has(.pkp_site_name img[src*="public/site/"]) .journals .journal-meta {
  margin: 0 0 16px;
  padding: 10px 12px;
  background: #f8fbff;
  border: 1px solid #e8edf5;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals .jm-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #5b7296;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals .jm-row span {
  font-weight: 700;
}

body:has(.pkp_site_name img[src*="public/site/"]) .journals .jm-row b {
  font-weight: 700;
  color: #0d3b8f;
}

/* ---------- Journal metadata via pseudo-element (publisher homepage) ---------- */
/* Har card apne unique thumbnail src se target hota hai (public/journals/{id}/).
   Bas id ke hisaab se --jmeta badlo; box ka style neeche ek hi jagah hai. */
body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  li:has(img[src*="public/journals/1/"])
  h3::after {
  --jmeta: "Abbreviation : J. Soc. Sci.\A ISSN : 2984-9691\A DOI Prefix : XXXXXXXXX\A Frequency : Bi-Monthly\A Acceptance Rate : 30%\A Max Plagiarism : 20%\A Editor-in-Chief : Dr Mohammad Afsar Alam";
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  li:has(img[src*="public/journals/2/"])
  h3::after {
  --jmeta: "Abbreviation : J. Educ.\A ISSN : 2984-9772\A DOI Prefix : XXXXXXXXX\A Frequency : Bi-Monthly\A Acceptance Rate : 30%\A Max Plagiarism : 20%\A Editor-in-Chief : Orazbaev Arislanbay Komekbayevich";
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  li:has(img[src*="public/journals/3/"])
  h3::after {
  --jmeta: "Abbreviation : J. Arts Humanit.\A ISSN : 2984-9764\A DOI Prefix : XXXXXXXXX\A Frequency : Bi-Monthly\A Acceptance Rate : 30%\A Max Plagiarism : 20%\A Editor-in-Chief : Orazbaev Arislanbay Komekbayevich";
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  li:has(img[src*="public/journals/4/"])
  h3::after {
  --jmeta: "Abbreviation : J. Med. Sci.\A ISSN : 2984-9756\A DOI Prefix : XXXXXXXXX\A Frequency : Bi-Monthly\A Acceptance Rate : 30%\A Max Plagiarism : 20%\A Editor-in-Chief : Dr Mohammad Jamali";
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  li:has(img[src*="public/journals/5/"])
  h3::after {
  --jmeta: "Abbreviation : J. Pharm.\A ISSN : 2984-9748\A DOI Prefix : XXXXXXXXX\A Frequency : Bi-Monthly\A Acceptance Rate : 30%\A Max Plagiarism : 20%\A Editor-in-Chief : Dr Boukhazani Fouzi";
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  li:has(img[src*="public/journals/6/"])
  h3::after {
  --jmeta: "Abbreviation : J. Dent. Sci.\A ISSN : 2984-9721\A DOI Prefix : XXXXXXXXX\A Frequency : Bi-Monthly\A Acceptance Rate : 30%\A Max Plagiarism : 20%\A Editor-in-Chief : DR. ABRAR BAKRY ELMALIK";
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  li:has(img[src*="public/journals/7/"])
  h3::after {
  --jmeta: "Abbreviation : J. Comput. Sci.\A ISSN : 2984-9780\A DOI Prefix : XXXXXXXXX\A Frequency : Bi-Monthly\A Acceptance Rate : 30%\A Max Plagiarism : 20%\A Editor-in-Chief : Bo-Ying Bao";
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  li:has(img[src*="public/journals/8/"])
  h3::after {
  --jmeta: "Abbreviation : J Mul Bul\A ISSN : 2984-9705\A DOI Prefix : XXXXXXXXX\A Frequency : Bi-Monthly\A Acceptance Rate : 30%\A Max Plagiarism : 20%\A Editor-in-Chief : Nana Rinkiashvili";
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  li:has(img[src*="public/journals/9/"])
  h3::after {
  --jmeta: "Abbreviation : J. Psychol.\A ISSN : 2984-9713\A DOI Prefix : XXXXXXXXX\A Frequency : Bi-Monthly\A Acceptance Rate : 30%\A Max Plagiarism : 20%\A Editor-in-Chief : Dr Silvia A. Bunge";
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  li:has(img[src*="public/journals/10/"])
  h3::after {
  --jmeta: "Abbreviation : J. Agric. Vet. Sci.\A ISSN : 2984-973X\A DOI Prefix : XXXXXXXXX\A Frequency : Bi-Monthly\A Acceptance Rate : 30%\A Max Plagiarism : 20%\A Editor-in-Chief : Gilbert Alerta";
}

body:has(.pkp_site_name img[src*="public/site/"])
  .journals
  li:has(img[src*="public/journals/"])
  h3::after {
  content: var(--jmeta, "");
  display: block;
  margin-top: 12px;
  padding: 10px 12px;
  background: #f8fbff;
  border: 1px solid #e8edf5;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.9;
  color: #5b7296;
  font-weight: 400;
  text-align: left;
  white-space: pre-line;
}

/* ---------- Footer: keep custom footer, hide OJS branding only (all pages) ---------- */
.pkp_brand_footer {
  display: none !important;
}

.pkp_structure_footer_wrapper {
  padding: 0;
}

.pkp_structure_footer {
  padding: 0;
  text-align: left;
}

/* ---------- Responsive (publisher index only) ---------- */
@media (max-width: 1199px) {
  body:has(.pkp_site_name img[src*="public/site/"]) .journals > ul {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 991px) {
  body:has(.pkp_site_name img[src*="public/site/"]) .journals > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  body:has(.pkp_site_name img[src*="public/site/"]) .journals > ul {
    grid-template-columns: 1fr;
  }
}