/*!
 * Pustaka Sosio Edukasi Theme
 * Professional Stylesheet for OJS 3.5.0-4
 * Designed to extend Default Theme
 */

/* ========= VARIABLES ========= */
:root{
  --primary:#0B4EA2;
  --primary-700:#083C7D;
  --secondary:#1976D2;
  --accent:#FFC107;
  --success:#2E7D32;
  --danger:#C62828;
  --bg:#F4F7FB;
  --surface:#FFFFFF;
  --border:#E4EBF3;
  --text:#263238;
  --muted:#6B7280;
  --radius:16px;
  --shadow-sm:0 4px 10px rgba(0,0,0,.05);
  --shadow:0 10px 24px rgba(0,0,0,.08);
  --shadow-lg:0 18px 40px rgba(0,0,0,.12);
  --transition:.25s ease;
}

/* ========= GLOBAL ========= */
html{scroll-behavior:smooth}
body{
  background:linear-gradient(180deg,#eef5ff 0,#f8fbff 60%,#fff 100%);
  color:var(--text);
  font:16px/1.7 "Inter","Segoe UI",Roboto,Arial,sans-serif;
}
a{color:var(--primary);transition:var(--transition)}
a:hover{color:var(--secondary);text-decoration:none}
img{max-width:100%;height:auto}

/* ========= HEADER ========= */
.pkp_structure_head{
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  box-shadow:var(--shadow);
}
.pkp_site_name a{
  color:#fff!important;
  font-size:2rem;
  font-weight:800;
  letter-spacing:.02em;
}
.pkp_navigation_primary>li>a,
.pkp_navigation_user>li>a{
  color:#fff!important;
  font-weight:600;
}
.pkp_navigation_primary>li>a:hover{
  color:var(--accent)!important;
}

/* ========= HERO / ABOUT ========= */
.page_index_journal .homepage_about{
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
  border-radius:24px;
  padding:2.2rem;
  margin:2rem 0;
  box-shadow:var(--shadow);
  border-top:5px solid var(--accent);
}

/* ========= CARDS ========= */
.obj_article_summary,
.obj_issue_summary,
.obj_announcement_summary,
.pkp_block{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
  transition:var(--transition);
}
.obj_article_summary,
.obj_announcement_summary{padding:1.4rem;margin-bottom:1.2rem}
.obj_issue_summary{overflow:hidden}
.obj_article_summary:hover,
.obj_issue_summary:hover,
.obj_announcement_summary:hover,
.pkp_block:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
}
.obj_article_summary h3 a{
  color:var(--primary);
  font-weight:700;
}
.obj_article_summary .meta,
.obj_article_summary .authors,
.item .subtitle{
  color:var(--muted);
}

/* ========= BUTTONS ========= */
button,.btn,.pkp_button{
  background:linear-gradient(135deg,var(--primary),var(--secondary))!important;
  color:#fff!important;
  border:none!important;
  border-radius:999px!important;
  padding:.8rem 1.5rem!important;
  font-weight:600;
  transition:var(--transition);
}
button:hover,.btn:hover,.pkp_button:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
}
.obj_galley_link{
  background:var(--accent)!important;
  color:#1f2937!important;
  border-radius:999px;
  font-weight:700;
}

/* ========= SIDEBAR ========= */
.pkp_block{
  padding:1.2rem;
  margin-bottom:1.4rem;
}
.pkp_block h2{
  color:var(--primary);
  border-bottom:2px solid var(--border);
  padding-bottom:.5rem;
}

/* ========= FORMS ========= */
input[type=text],
input[type=password],
input[type=search],
input[type=email],
select,
textarea{
  width:100%;
  border:1px solid #d7e2ef;
  border-radius:12px;
  padding:.75rem .9rem;
  transition:var(--transition);
}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:var(--secondary);
  box-shadow:0 0 0 3px rgba(25,118,210,.15);
}

/* ========= TABLE ========= */
table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
}
thead{
  background:var(--primary);
  color:#fff;
}
th,td{
  padding:.85rem;
  border-bottom:1px solid var(--border);
}

/* ========= BREADCRUMB ========= */
.cmp_breadcrumbs{
  background:#fff;
  border-radius:12px;
  padding:.8rem 1rem;
  box-shadow:var(--shadow-sm);
}

/* ========= FOOTER ========= */
.pkp_structure_footer_wrapper{
  margin-top:4rem;
  background:linear-gradient(135deg,var(--primary-700),var(--primary));
  color:#fff;
  padding:3rem 0;
}
.pkp_footer_content,
.pkp_structure_footer_wrapper a{
  color:#fff!important;
}

/* ========= BADGES ========= */
.badge-doi,.badge-open-access,.badge-indexed{
  display:inline-block;
  padding:.3rem .7rem;
  border-radius:999px;
  font-size:.75rem;
  font-weight:700;
}
.badge-doi{background:#e3f2fd;color:#1565c0}
.badge-open-access{background:#e8f5e9;color:#2e7d32}
.badge-indexed{background:#fff8e1;color:#ef6c00}

/* ========= ANIMATION ========= */
.fade-up{
  animation:fadeUp .5s ease both;
}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:none}
}

/* ========= RESPONSIVE ========= */
@media (max-width:992px){
  .pkp_site_name a{font-size:1.6rem}
}
@media (max-width:768px){
  .homepage_about{padding:1.2rem}
  .obj_article_summary{padding:1rem}
  .pkp_navigation_primary>li>a{padding:.5rem}
}