:root{
  --guru-red:#c1121f;
  --guru-red-soft:#fbeaec;
  --guru-border:#e5e7eb;
  --guru-text:#111827;
}

/* Wrapper */
.guru-card{
  margin: 30px 0;
  padding: 20px;
  border: 1px solid var(--guru-border);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Layout kiri cover kanan tabel */
.guru-grid{
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

/* Cover */
.guru-cover{
  flex: 0 0 280px;
}

.guru-cover img{
  width: 100%;
  height: auto;
  border-radius: 12px;
  border: 3px solid var(--guru-red);
  box-shadow: 0 8px 18px rgba(193,18,31,.15);
}

/* Table */
.guru-meta{
  flex: 1;
}

.guru-table{
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.guru-table th,
.guru-table td{
  padding: 12px;
  border-bottom: 1px solid var(--guru-border);
  font-size: 14px;
}

.guru-table th{
  width: 35%;
  text-align: left;
  font-weight: 600;
  background: var(--guru-red-soft);
  color: #000;
}

.guru-table td{
  background: #fff;
}

/* About */
.guru-about{
  margin-top: 20px;
  padding-top: 15px;
  border-top: 2px solid var(--guru-red);
}

.guru-about strong{
  color: var(--guru-red);
}

/* Responsive */
@media (max-width: 768px){
  .guru-grid{
    flex-direction: column;
  }

  .guru-cover{
    max-width: 320px;
    margin: auto;
  }
}
.guru-card {
  border: none;
  border-left: 5px solid #c1121f;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.guru-table th {
  font-weight: 700;
  color: #222;
}

.guru-table td {
  color: #444;
}
.guru-table tr:hover {
  background: #fff5f6;
  transition: 0.2s ease;
}
.page_index .guru-card {
  margin-top: 35px;
}
.guru-card {
  border-left: 6px solid #c1121f;
  border-top: none;
}
.guru-about {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
}
.page_index .guru-card {
  margin-top: 40px;
}


/* =====================================
   FINAL: Sticky Header (Manuscript OJS 3.4)
   Aman, rapi, tidak ganggu dropdown user
   ===================================== */

#headerNavigationContainer{
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
  overflow: visible !important;
}

/* Pastikan parent tidak mematikan sticky */
.pkp_structure_page,
.pkp_structure_body{
  overflow: visible !important;
  transform: none !important;
}

/* Konten tidak perlu ditambah padding-top */
.pkp_structure_content{
  padding-top: 0 !important;
}
/* =========================================
   Homepage order fix (Manuscript OJS 3.4)
   Hero -> Additional Content -> Current Issue
   ========================================= */

.pkp_page_index .pkp_structure_main{
  display: flex !important;
  flex-direction: column !important;
}

/* 1) HERO / Homepage Image tetap paling atas */
.pkp_page_index .homepage_image{
  order: 1 !important;
}

/* 2) Additional Content naik setelah hero
   (OJS bisa pakai salah satu class ini tergantung theme) */
.pkp_page_index .additional_content,
.pkp_page_index .homepage_additional_content{
  order: 2 !important;
}

/* 3) Current Issue turun setelah Additional Content */
.pkp_page_index .current_issue,
.pkp_page_index .cmp_current_issue{
  order: 3 !important;
}
/* =========================================
   FIX URUTAN HOMEPAGE (FINAL – sesuai DOM Anda)
   Hero -> Additional Content -> Current Issue
   ========================================= */

.page_index_journal{
  display: flex !important;
  flex-direction: column !important;
}

/* Hero tetap pertama */
.page_index_journal .homepage_image{
  order: 1 !important;
}

/* Additional Content naik ke posisi kedua */
.page_index_journal .additional_content{
  order: 2 !important;
}

/* Current Issue turun ke posisi ketiga */
.page_index_journal .current_issue{
  order: 3 !important;
}
/* =========================
   SIDEBAR BEAUTIFY (Manuscript OJS 3.4)
   ========================= */

:root{
  --brand-red:#c1121f;
  --sb-border:#e5e7eb;
  --sb-text:#111827;
  --sb-muted:#6b7280;
}

/* Kartu sidebar */
.pkp_structure_sidebar{
  padding-top: 10px;
}
.pkp_structure_sidebar .pkp_block{
  background:#fff !important;
  border:1px solid var(--sb-border) !important;
  border-radius:14px !important;
  box-shadow: 0 8px 22px rgba(17,24,39,.06) !important;
  overflow:hidden;
  margin: 0 0 14px 0 !important;
}

/* Judul blok (header kecil, elegan) */
.pkp_structure_sidebar .pkp_block .title{
  margin:0 !important;
  padding: 12px 14px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: var(--sb-text) !important;
  background: linear-gradient(0deg, #fff, rgba(193,18,31,.06)) !important;
  border-bottom:1px solid rgba(193,18,31,.12) !important;
}

/* Isi blok */
.pkp_structure_sidebar .pkp_block .content{
  padding: 10px 14px 12px !important;
  color: var(--sb-text);
}

/* List link sidebar */
.pkp_structure_sidebar .pkp_block ul{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.pkp_structure_sidebar .pkp_block li{
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_structure_sidebar .pkp_block a{
  display:block !important;
  padding: 10px 10px !important;
  border-radius: 10px !important;
  color:#0f3b57 !important;
  text-decoration:none !important;
  font-weight: 600;
  line-height: 1.35;
}
.pkp_structure_sidebar .pkp_block a:hover,
.pkp_structure_sidebar .pkp_block a:focus{
  background: rgba(193,18,31,.06) !important;
  color: var(--brand-red) !important;
}

/* Separator halus antar item (opsional, cantik) */
.pkp_structure_sidebar .pkp_block li + li a{
  border-top: 1px dashed rgba(17,24,39,.10);
  border-radius: 0 !important;
  padding-top: 11px !important;
}

/* Tombol/Widget (mis: tools) biar rapi */
.pkp_structure_sidebar .pkp_block img{
  max-width: 100% !important;
  height: auto !important;
  border-radius: 10px;
}

/* Mobile: rapikan jarak */
@media (max-width: 768px){
  .pkp_structure_sidebar .pkp_block{
    border-radius: 12px !important;
  }
  .pkp_structure_sidebar .pkp_block .title{
    padding: 11px 12px !important;
  }
  .pkp_structure_sidebar .pkp_block .content{
    padding: 10px 12px 12px !important;
  }
}
/* =========================
   SIDEBAR POLISH (Elsevier-like)
   OJS 3.4 Manuscript
   ========================= */

:root{
  --brand-red:#c1121f;
  --sb-bg:#ffffff;
  --sb-border:#e5e7eb;
  --sb-text:#111827;
  --sb-muted:#6b7280;
}

/* 1) Card sidebar (setiap block di kanan) */
.pkp_structure_sidebar .pkp_block{
  background: var(--sb-bg) !important;
  border: 1px solid var(--sb-border) !important;
  border-radius: 14px !important;
  padding: 14px 14px !important;
  margin: 0 0 14px !important;
  box-shadow: 0 8px 20px rgba(17,24,39,.06) !important;
}

/* 2) Judul block (misal: Editorial Policies) */
.pkp_structure_sidebar .pkp_block .title{
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--sb-text) !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid var(--sb-border) !important;
}

/* 3) List menu sidebar */
.pkp_structure_sidebar .pkp_block ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block ul li{
  margin: 0 !important;
  padding: 0 !important;
}

/* 4) Link item sidebar: slim, full-width, hover halus */
.pkp_structure_sidebar .pkp_block ul li a{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 10px !important;
  border-radius: 10px !important;
  color: #0f3d5e !important;  /* biru link OJS tetap */
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all .15s ease !important;
}

/* hover */
.pkp_structure_sidebar .pkp_block ul li a:hover{
  background: rgba(193,18,31,.06) !important;
  color: var(--brand-red) !important;
}

/* 5) Active/current item (yang kepilih) */
.pkp_structure_sidebar .pkp_block ul li a[aria-current="page"],
.pkp_structure_sidebar .pkp_block ul li.current a,
.pkp_structure_sidebar .pkp_block ul li a.isCurrent{
  background: rgba(193,18,31,.10) !important;
  color: var(--brand-red) !important;
  border: 1px solid rgba(193,18,31,.18) !important;
}

/* 6) Tambah “dot” kecil biar premium */
.pkp_structure_sidebar .pkp_block ul li a::before{
  content:"";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(17,24,39,.18);
  flex: 0 0 auto;
}

.pkp_structure_sidebar .pkp_block ul li a:hover::before,
.pkp_structure_sidebar .pkp_block ul li a[aria-current="page"]::before,
.pkp_structure_sidebar .pkp_block ul li.current a::before{
  background: var(--brand-red);
}

/* 7) Rapikan jarak block sidebar dari tepi */
.pkp_structure_sidebar{
  padding-top: 6px !important;
}

/* 8) Mobile: radius tetap, padding sedikit turun */
@media (max-width: 768px){
  .pkp_structure_sidebar .pkp_block{
    border-radius: 12px !important;
    padding: 12px !important;
  }
}
/* =========================
   GJ FOOTER 3 KOLOM (FIX)
   ========================= */
:root{
  --gj-red:#c1121f;
  --gj-border:#e5e7eb;
  --gj-text:#111827;
  --gj-muted:#6b7280;
}

.gj-footer3{
  display:grid;
  grid-template-columns: 220px 1fr 320px; /* logo | info | cc */
  gap: 22px;
  align-items:start;
  padding: 22px 18px;
  margin-top: 26px;
  border-top: 3px solid var(--gj-red);
  background:#fff;
  box-shadow: 0 -6px 18px rgba(17,24,39,.06);
  border-radius: 14px;
}

/* LOGO */
.gj-logo{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.gj-logo-img{
  max-width: 210px;
  width: 100%;
  height: auto;
  display:block;
}

/* INFO */
.gj-info{
  color: var(--gj-text);
  font-size: 14px;
  line-height: 1.65;
}
.gj-block strong{
  color: var(--gj-red);
}
.gj-block--mt{
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(193,18,31,.35);
}
.gj-info a{
  color: var(--gj-red);
  font-weight: 700;
  text-decoration: none;
}
.gj-info a:hover{
  text-decoration: underline;
}

/* CC */
.gj-cc{
  padding-left: 18px;
  border-left: 1px solid var(--gj-border);
}
.gj-cc-img{
  display:block;
  margin-bottom: 10px;
}
.gj-cc-text{
  color: var(--gj-muted);
  font-size: 13px;
  line-height: 1.55;
}

/* RESPONSIVE */
@media (max-width: 992px){
  .gj-footer3{
    grid-template-columns: 1fr;
  }
  .gj-cc{
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid var(--gj-border);
    padding-top: 14px;
    margin-top: 6px;
  }
  .gj-logo{
    justify-content:center;
  }
  .gj-logo-img{
    max-width: 260px;
  }
}
/* =========================
   HILANGKAN LOGO / TEXT PKP (OJS)
   ========================= */

/* Blok teks OJS/PKP */
.pkp_brand_footer,
.pkp_structure_footer .pkp_brand_footer,
.pkp_footer_content .pkp_brand_footer,
.pkp_structure_footer .brand,
.pkp_structure_footer .pkp_footer_content .brand{
  display: none !important;
}

/* Kalau masih muncul teks plain */
.pkp_structure_footer{
  position: relative;
}

.pkp_structure_footer:after{
  content: "";
  display: none;
}

/* ==================================
   LUXURY GOLD ACCENT EDITORIAL
================================== */

/* 1️⃣ Background luar – warm ivory luxury */
body{
  background:
    radial-gradient(1200px 600px at 10% 0%, rgba(184,134,11,.08), transparent 60%),
    linear-gradient(180deg, #f8f5f0 0%, #efe8df 50%, #e7ded4 100%) !important;
}

/* 2️⃣ Main container – premium paper */
.pkp_structure_main{
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid rgba(184,134,11,.15) !important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.08),
    0 10px 30px rgba(184,134,11,.08) !important;
  position: relative;
}

/* 3️⃣ Gold Accent Bar (Top Line) */
.pkp_structure_main::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  border-radius:20px 20px 0 0;
  background: linear-gradient(90deg, #b8860b, #d4af37, #b8860b);
}

/* 4️⃣ Sidebar Premium Card */
.pkp_structure_sidebar .pkp_block{
  background:#ffffff !important;
  border-radius:16px !important;
  border:1px solid rgba(184,134,11,.15) !important;
  box-shadow: 0 15px 35px rgba(0,0,0,.06) !important;
}

/* 5️⃣ Sidebar Title – bold + gold underline */
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block .title{
  font-weight:800 !important;
  font-size:15px !important;
  padding-bottom:10px !important;
  margin-bottom:14px !important;
  border-bottom:2px solid #d4af37 !important;
}

/* 6️⃣ Link hover – gold glow */
a:hover{
  color:#b8860b !important;
  text-decoration:none !important;
}

/* 7️⃣ Subtle gold highlight on active menu */
.pkp_navigation_primary .current > a{
  border-bottom:2px solid #d4af37 !important;
}

/* 8️⃣ Mobile refinement */
@media (max-width:768px){
  .pkp_structure_main{
    border-radius:16px !important;
  }
}