/* =====================================================
   JITU PREMIUM THEME 2026
   Modern Academic Journal Design
===================================================== */

/* ===== ROOT ===== */

:root{
  --navy:#071952;
  --navy-dark:#051233;
  --blue:#088395;
  --blue-light:#37B7C3;
  --gold:#D4AF37;
  --gold-light:#F4D35E;
  --accent:#FF6B35;
  --white:#ffffff;
  --gray:#f4f7fb;
  --gray-light:#fafbfc;
  --text:#1e293b;

  --radius:18px;

  --shadow-sm:0 4px 12px rgba(0,0,0,.08);
  --shadow-md:0 10px 25px rgba(0,0,0,.12);
  --shadow-lg:0 20px 45px rgba(0,0,0,.18);

  --transition:.35s ease;
}

/* ===== BODY ===== */

body{
  background:#f4f7fb !important;
  color:var(--text);
  font-family:'Inter',sans-serif;
}

/* ===== PAGE ===== */

.page,
.pkp_structure_page{
  max-width:1400px;
  margin:auto;
  background:#fff;
  box-shadow:0 0 40px rgba(0,0,0,.08);
}

/* =====================================================
   HEADER
===================================================== */

.pkp_structure_head,
.header{

  background:
  linear-gradient(
  135deg,
  #051233 0%,
  #071952 50%,
  #088395 100%
  ) !important;

  position:relative;
  overflow:hidden;
}

.pkp_structure_head:before,
.header:before{

  content:'';
  position:absolute;

  width:450px;
  height:450px;

  border-radius:50%;

  top:-220px;
  right:-100px;

  background:rgba(255,255,255,.06);
}

.pkp_structure_head:after,
.header:after{

  content:'';
  position:absolute;

  width:250px;
  height:250px;

  border-radius:50%;

  bottom:-100px;
  left:-50px;

  background:rgba(212,175,55,.10);
}

/* =====================================================
   NAVIGATION
===================================================== */

.pkp_navigation_primary,
.navbar{

  background:#051233 !important;
  border-top:3px solid var(--gold);
}

.pkp_navigation_primary > li > a,
.navbar a{

  color:#fff !important;
  font-weight:600;
  letter-spacing:.5px;
  transition:.3s;
}

.pkp_navigation_primary > li > a:hover,
.navbar a:hover{

  color:var(--gold-light) !important;
}

.pkp_navigation_primary > li > a:after{

  background:var(--gold);
}

/* =====================================================
   CURRENT ISSUE
===================================================== */

.current_issue,
.issue-toc,
.issue-header{

  background:
  linear-gradient(
  135deg,
  #071952,
  #088395
  );

  color:white;

  border-radius:20px;

  padding:25px;

  margin-bottom:25px;

  box-shadow:var(--shadow-md);
}

.current_issue h2,
.issue-header h2{

  color:white !important;
}

.current_issue p,
.issue-header p{

  color:rgba(255,255,255,.8);
}

/* =====================================================
   ARTICLE LIST
===================================================== */

.obj_article_summary,
.article-card{

  background:#fff;

  border:none;

  border-radius:20px;

  padding:20px;

  margin-bottom:20px;

  box-shadow:var(--shadow-sm);

  transition:var(--transition);

  position:relative;

  overflow:hidden;
}

.obj_article_summary:before,
.article-card:before{

  content:'';

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:5px;

  background:
  linear-gradient(
  90deg,
  var(--navy),
  var(--gold)
  );
}

.obj_article_summary:hover,
.article-card:hover{

  transform:translateY(-8px);

  box-shadow:var(--shadow-lg);
}

.obj_article_summary .title a,
.article-card .art-title{

  color:var(--navy) !important;

  font-size:20px !important;

  line-height:1.7;

  font-weight:700;

  text-decoration:none;
}

.obj_article_summary .title a:hover,
.article-card .art-title:hover{

  color:var(--accent) !important;
}

/* ===== AUTHORS ===== */

.obj_article_summary .authors,
.article-card .authors{

  color:#64748b;

  font-style:italic;
}

/* =====================================================
   PDF BUTTON
===================================================== */

.obj_galley_link,
.btn-pdf{

  background:
  linear-gradient(
  135deg,
  var(--navy),
  var(--blue)
  ) !important;

  color:white !important;

  border:none !important;

  border-radius:30px !important;

  padding:8px 18px !important;

  transition:.3s;
}

.obj_galley_link:hover,
.btn-pdf:hover{

  background:
  linear-gradient(
  135deg,
  var(--gold),
  var(--accent)
  ) !important;

  color:white !important;
}

/* =====================================================
   SIDEBAR
===================================================== */

.pkp_block,
.sb-block{

  background:rgba(255,255,255,.9);

  backdrop-filter:blur(15px);

  border:none !important;

  border-radius:20px;

  overflow:hidden;

  box-shadow:var(--shadow-sm);

  margin-bottom:20px;

  transition:.3s;
}

.pkp_block:hover{

  transform:translateY(-3px);

  box-shadow:var(--shadow-md);
}

.pkp_block .title,
.sb-title{

  background:
  linear-gradient(
  135deg,
  var(--navy),
  var(--blue)
  );

  color:white !important;

  padding:12px 15px;

  border-bottom:3px solid var(--gold);
}

.pkp_block a{

  transition:.3s;
}

.pkp_block a:hover{

  color:var(--accent) !important;

  padding-left:5px;
}

/* =====================================================
   STATISTICS
===================================================== */

.stat-item{

  background:
  linear-gradient(
  135deg,
  var(--navy),
  var(--blue)
  );

  color:white;

  border-radius:15px;

  padding:15px;

  margin-bottom:10px;
}

.stat-num{

  font-size:32px;

  font-weight:700;

  color:white;
}

/* =====================================================
   BUTTONS
===================================================== */

.btn,
button,
.pkp_button{

  border-radius:30px !important;
}

/* =====================================================
   SEARCH BOX
===================================================== */

input[type="text"],
input[type="search"]{

  border-radius:30px !important;

  border:1px solid #dbe3ec !important;
}

input[type="text"]:focus,
input[type="search"]:focus{

  border-color:var(--blue) !important;

  box-shadow:0 0 10px rgba(8,131,149,.2);
}

/* =====================================================
   FOOTER
===================================================== */

.pkp_structure_footer_wrapper,
.footer{

  background:
  linear-gradient(
  135deg,
  var(--navy-dark),
  var(--navy)
  ) !important;

  color:white;

  border-top:4px solid var(--gold);
}

.pkp_structure_footer_wrapper a,
.footer a{

  color:var(--gold-light) !important;
}

.pkp_structure_footer_wrapper a:hover,
.footer a:hover{

  color:white !important;
}

/* =====================================================
   TABLES
===================================================== */

table{

  border-radius:12px;

  overflow:hidden;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:992px){

  .pkp_structure_content{

    display:block;
  }

  .obj_article_summary .title a{

    font-size:17px !important;
  }
}

@media(max-width:768px){

  .obj_article_summary{

    padding:15px;
  }

  .obj_article_summary .title a{

    font-size:16px !important;
  }
}
html,
body,
.pkp_structure_page{
    background:#f4f7fb !important;
}

.pkp_structure_content{
    background:#f4f7fb !important;
}

.pkp_structure_main{
    background:#ffffff !important;
    border-radius:20px;
    padding:20px;
    box-shadow:0 5px 25px rgba(0,0,0,.05);
}