/* ============================================================
   IJAICMES — Journal Style Sheet  (v3)
   Upload: Settings -> Website -> Appearance -> Advanced
           -> Journal style sheet   (purani file replace ho jayegi)
   Then hard-refresh:  Ctrl + Shift + R
   ============================================================ */

:root {
  --ij-navy:      #0b3d91;
  --ij-navy-dark: #072a66;
  --ij-navy-deep: #051d47;
  --ij-accent:    #f0a500;
  --ij-line:      #dde3ec;
  --ij-tint:      #f5f8fc;
  --ij-text:      #22303f;
  --ij-muted:     #5b6b7d;
}

body { color: var(--ij-text); background: #fff; }

.pkp_structure_page {
  max-width: 1240px;
  margin: 0 auto;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.06);
}

/* ============================================================
   HEADER / MASTHEAD  — logo + journal name + badges
   ============================================================ */
.pkp_structure_head {
  background: linear-gradient(135deg, var(--ij-navy-deep) 0%, var(--ij-navy) 100%);
  border-bottom: 4px solid var(--ij-accent);
}

.pkp_head_wrapper { padding-bottom: 0; }

.pkp_site_name_wrapper {
  padding: 22px 0 20px;
  position: relative;
}

/* logo + naam ek row me */
.pkp_site_name {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  height: auto;
}

.pkp_site_name .is_img,
.pkp_site_name > a {
  display: flex;
  align-items: center;
  gap: 22px;
  text-decoration: none;
  border: 0;
  padding: 0;
  height: auto;
  max-width: 100%;
}

.pkp_site_name .is_img img {
  max-height: 74px;
  width: auto;
  background: #fff;
  padding: 9px 14px;
  border-radius: 6px;
  flex-shrink: 0;
}

/* Journal ka pura naam logo ke baju me */
.pkp_site_name .is_img::after {
  content: "International Journal of Artificial Intelligence, Computational Management and Engineering Systems";
  display: block;
  color: #ffffff;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: 0.2px;
  max-width: 640px;
  text-align: left;
  border-left: 3px solid var(--ij-accent);
  padding-left: 20px;
}

/* Right side badges — khaali jagah bharti hai */
.pkp_site_name_wrapper::after {
  content: "OPEN ACCESS  ·  PEER-REVIEWED  ·  QUARTERLY";
  position: absolute;
  right: 0;
  bottom: 26px;
  color: var(--ij-accent);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1.6px;
  border: 1px solid rgba(240, 165, 0, 0.55);
  padding: 7px 14px;
  border-radius: 3px;
  white-space: nowrap;
}

/* Agar logo na ho to text naam bhi theek dikhe */
.pkp_site_name .is_text {
  color: #fff !important;
  font-weight: 700;
  font-size: 21px;
  line-height: 1.35;
}

/* Register / Login */
.pkp_navigation_user > li > a {
  color: #d7e2f5 !important;
  font-weight: 500;
  font-size: 13.5px;
}
.pkp_navigation_user > li > a:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08);
}

/* ============================================================
   PRIMARY NAV
   ============================================================ */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
  background: rgba(0, 0, 0, 0.22);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.pkp_navigation_primary > li > a {
  color: #eaf0fa !important;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 15px 18px;
  border-bottom: 3px solid transparent;
  transition: all 0.18s ease;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li.in_focus > a,
.pkp_navigation_primary > li.current > a {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.10);
  border-bottom-color: var(--ij-accent);
}

/* Dropdown */
.pkp_navigation_primary ul {
  background: #fff;
  border: 1px solid var(--ij-line);
  border-top: 3px solid var(--ij-accent);
  box-shadow: 0 12px 28px rgba(5, 29, 71, 0.25);
  min-width: 280px;
  padding: 6px 0;
  border-radius: 0 0 4px 4px;
}

.pkp_navigation_primary ul li a {
  color: var(--ij-text) !important;
  font-weight: 500;
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
  padding: 10px 18px;
  border-left: 3px solid transparent;
  border-bottom: 1px solid #f0f3f8;
}
.pkp_navigation_primary ul li:last-child a { border-bottom: 0; }
.pkp_navigation_primary ul li a:hover {
  background: var(--ij-tint);
  color: var(--ij-navy) !important;
  border-left-color: var(--ij-navy);
}

.pkp_search a,
.pkp_navigation_search_wrapper a { color: #eaf0fa !important; }

/* ============================================================
   BREADCRUMBS
   ============================================================ */
.cmp_breadcrumbs {
  background: var(--ij-tint);
  border-bottom: 1px solid var(--ij-line);
  margin: 0 0 28px;
  padding: 11px 0;
  font-size: 13.5px;
  color: var(--ij-muted);
}
.cmp_breadcrumbs a { color: var(--ij-navy); text-decoration: none; font-weight: 500; }
.cmp_breadcrumbs a:hover { text-decoration: underline; }

/* ============================================================
   CONTENT
   ============================================================ */
.page, .obj_article_details { font-size: 15.5px; line-height: 1.78; }

.page h1 {
  color: var(--ij-navy);
  font-weight: 700;
  font-size: 30px;
  border-bottom: 3px solid var(--ij-accent);
  padding-bottom: 10px;
  margin-bottom: 26px;
}

.page h2 {
  color: var(--ij-navy);
  font-weight: 700;
  font-size: 23px;
  margin: 36px 0 14px;
  padding-bottom: 7px;
  border-bottom: 2px solid var(--ij-line);
}

.page h3 { color: var(--ij-navy-dark); font-weight: 600; font-size: 18.5px; margin: 26px 0 10px; }
.page h4 { color: var(--ij-text); font-weight: 600; font-size: 16px; margin: 22px 0 6px; }
.page p  { margin-bottom: 15px; }

.page ul, .page ol { margin: 0 0 20px; padding-left: 24px; }
.page ul li, .page ol li { margin-bottom: 8px; padding-left: 4px; }
.page ul li::marker { color: var(--ij-navy); }
.page ol li::marker { color: var(--ij-navy); font-weight: 700; }

/* Tables */
.page table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0 30px;
  font-size: 14.5px;
  box-shadow: 0 1px 3px rgba(11, 61, 145, 0.06);
}
.page table th {
  background: var(--ij-navy);
  color: #fff;
  text-align: left;
  font-weight: 600;
  padding: 12px 15px;
  border: 1px solid var(--ij-navy);
}
.page table td { padding: 11px 15px; border: 1px solid var(--ij-line); vertical-align: top; }
.page table tbody tr:nth-child(odd) { background: var(--ij-tint); }
.page table tbody tr:hover { background: #eaf0f8; }
.page table td:first-child strong { color: var(--ij-navy-dark); }

/* Callout */
.page blockquote {
  border-left: 5px solid var(--ij-navy);
  background: var(--ij-tint);
  margin: 0 0 28px;
  padding: 18px 24px;
  font-style: normal;
  border-radius: 0 4px 4px 0;
}
.page blockquote p:last-child { margin-bottom: 0; }

/* Editorial board entries */
.page h4 + p {
  border-left: 3px solid var(--ij-line);
  padding-left: 15px;
  margin-bottom: 24px;
  font-size: 14.5px;
  color: #3b4a5a;
}

.page a { color: var(--ij-navy); text-decoration: none; border-bottom: 1px solid rgba(11,61,145,0.35); }
.page a:hover { color: var(--ij-navy-dark); border-bottom-color: var(--ij-navy-dark); }
.page hr { border: 0; border-top: 2px solid var(--ij-line); margin: 36px 0; }

/* Issues / articles */
.obj_issue_toc h2 { color: var(--ij-navy); border-bottom: 2px solid var(--ij-line); padding-bottom: 6px; }
.obj_article_summary > h3 a { color: var(--ij-navy-dark); font-weight: 600; }
.obj_article_summary > h3 a:hover { color: var(--ij-navy); }

.cmp_button, .obj_galley_link, .pkp_button {
  background: var(--ij-navy) !important;
  border-color: var(--ij-navy) !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 3px;
}
.cmp_button:hover, .obj_galley_link:hover, .pkp_button:hover {
  background: var(--ij-navy-dark) !important;
  border-color: var(--ij-navy-dark) !important;
}

/* ============================================================
   SIDEBAR
   ============================================================ */
.pkp_structure_sidebar { padding-left: 30px; }

.pkp_block {
  background: var(--ij-tint);
  border: 1px solid var(--ij-line);
  border-top: 3px solid var(--ij-navy);
  padding: 16px 18px;
  margin-bottom: 24px;
  border-radius: 3px;
}
.pkp_block .title {
  color: var(--ij-navy);
  font-weight: 700;
  font-size: 16px;
  border-bottom: 1px solid var(--ij-line);
  padding-bottom: 8px;
  margin-bottom: 10px;
  text-transform: none;
}
.pkp_block ul li a { color: var(--ij-navy-dark); font-size: 14px; text-decoration: none; }
.pkp_block ul li a:hover { color: var(--ij-navy); text-decoration: underline; }

/* ============================================================
   FOOTER
   ============================================================ */
.pkp_structure_footer_wrapper {
  background: linear-gradient(135deg, var(--ij-navy-deep) 0%, var(--ij-navy) 100%);
  border-top: 4px solid var(--ij-accent);
  color: #cfdaee;
  padding: 32px 0 20px;
}
.pkp_structure_footer_wrapper p { line-height: 1.85; margin-bottom: 12px; font-size: 14px; }
.pkp_structure_footer_wrapper strong { color: #fff; }
.pkp_structure_footer_wrapper a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.pkp_structure_footer_wrapper a:hover { color: var(--ij-accent); border-bottom-color: var(--ij-accent); }
.pkp_brand_footer { opacity: 0.6; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1100px) {
  .pkp_site_name .is_img::after { font-size: 17px; max-width: 460px; }
  .pkp_site_name_wrapper::after { display: none; }
}

@media (max-width: 991px) {
  .pkp_structure_sidebar { padding-left: 0; }
}

@media (max-width: 767px) {
  .pkp_site_name .is_img,
  .pkp_site_name > a { flex-direction: column; align-items: flex-start; gap: 14px; }
  .pkp_site_name .is_img::after {
    font-size: 15px;
    max-width: 100%;
    border-left: 0;
    border-top: 3px solid var(--ij-accent);
    padding-left: 0;
    padding-top: 12px;
  }
  .pkp_site_name .is_img img { max-height: 54px; }
  .page h1 { font-size: 24px; }
  .page h2 { font-size: 20px; }
  .page table { font-size: 13.5px; }
  .page table td, .page table th { padding: 9px 10px; }
  .pkp_navigation_primary > li > a { padding: 12px 14px; font-size: 13.5px; }
}