/* ==========================================================
   HJAI-DS — Journal Stylesheet (NO ISSN)
   Hensard Journal of Artificial Intelligence and Data Science
   ========================================================== */

/* ==========================================================
   1. HEADER STYLING
   ========================================================== */
header.pkp_structure_head{
  background:#0f172a;            /* deep AI-blue */
  min-height:150px;
  padding:14px 22px;
  border-bottom:2px solid #1e293b;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
}

/* Journal title block */
.pkp_site_name{
  text-align:left;
  padding:12px 0;
  color:#e5e7eb;
  line-height:1.25;
}

/* Journal title */
.pkp_site_name::before{
  content:"Hensard Journal of AI and Data Science";
  display:block;
  font-weight:700;
  font-size:18px;
  letter-spacing:.3px;
  color:#f8fafc;
}

/* Subtitle */
.pkp_site_name::after{
  content:"(Peer-reviewed, Open Access Journal)\A Hensard University, Bayelsa, Nigeria";
  white-space:pre-wrap;
  display:block;
  font-size:13px;
  color:#cbd5e1;
  margin-top:6px;
}

/* Hide default clickable title */
.pkp_site_name a{
  display:none;
}

/* ==========================================================
   2. NAVIGATION BAR
   ========================================================== */
.pkp_navigation_primary{
  background:#020617;
}

.pkp_navigation_primary a{
  color:#e5e7eb !important;
  font-weight:500;
}

.pkp_navigation_primary a:hover{
  background:#1e293b !important;
  color:#38bdf8 !important;
}

/* ==========================================================
   3. HOMEPAGE BACKGROUND
   ========================================================== */
body.page_index,
body.pkp_page_index_journal{
  background:#f8fafc !important;  /* light neutral */
}

/* ==========================================================
   4. BUTTONS (SUBMISSION, LINKS)
   ========================================================== */
a.btn,
button,
.pkp_button{
  background:#2563eb !important;
  color:#ffffff !important;
  border-radius:6px;
  font-weight:600;
  border:none;
}

a.btn:hover,
button:hover{
  background:#1d4ed8 !important;
}

/* ==========================================================
   5. SECTION HEADINGS
   ========================================================== */
h1, h2, h3, h4{
  color:#0f172a;
  font-weight:700;
}

h2{
  border-bottom:2px solid #e5e7eb;
  padding-bottom:6px;
}

/* ==========================================================
   6. ARTICLE LISTING
   ========================================================== */
.obj_article_summary{
  border-left:4px solid #2563eb;
  padding-left:12px;
  margin-bottom:20px;
}

.obj_article_summary .title{
  font-size:17px;
  font-weight:700;
}

/* ==========================================================
   7. SIDEBAR
   ========================================================== */
.pkp_structure_sidebar{
  background:#f1f5f9;
  border-left:1px solid #e5e7eb;
}

.pkp_structure_sidebar h2{
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:.4px;
}

/* ==========================================================
   8. FOOTER
   ========================================================== */
.pkp_structure_footer{
  background:#020617;
  color:#cbd5e1;
  padding:25px;
  font-size:13px;
}

.pkp_structure_footer a{
  color:#38bdf8;
}

/* ==========================================================
   9. MOBILE OPTIMIZATION
   ========================================================== */
@media (max-width:768px){

  .pkp_site_name::before{
    font-size:19px;
  }

  .pkp_site_name::after{
    font-size:13px;
    line-height:1.4;
  }

  .pkp_navigation_primary{
    padding-bottom:10px;
  }

  .pkp_navigation_primary a{
    display:block !important;
    padding:10px 18px;
  }

  .pkp_structure_sidebar{
    margin-top:20px;
  }
}