/* =====================================================================
   LAW_JURNAL — Custom Stylesheet untuk OJS 3.5 (Tema "Default")
   Fakultas Hukum, Universitas Dharmawangsa — Medan
   ---------------------------------------------------------------------
   Cara pasang: Settings -> Website -> Appearance -> Setup ->
   "Custom Stylesheet" -> unggah file ini. (Panduan lengkap di chat.)
   ===================================================================== */

/* Font (dimuat dari Google Fonts oleh browser pembaca) */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

/* =========================================================
   1) TOKEN WARNA  —  UBAH DI SINI kalau ingin ganti nuansa
   ========================================================= */
:root{
  --lj-green:      #1d5b2a;   /* hijau utama: header, footer, tombol   */
  --lj-green-900:  #123a1b;   /* hijau paling gelap: gradasi           */
  --lj-green-700:  #2a7038;   /* hijau terang: hover                   */
  --lj-apple:      #8cbf3f;   /* aksen apple green (dari logo)         */
  --lj-apple-700:  #6c9a2c;   /* apple gelap: hover tombol/teks        */
  --lj-gold:       #c8a63e;   /* emas tipis: aksen otoritas (opsional) */
  --lj-cream:      #f5f7ef;   /* latar halaman                         */
  --lj-ink:        #232a20;   /* teks utama                            */
  --lj-muted:      #5c6a55;   /* teks sekunder                         */
  --lj-line:       #e2e7d8;   /* garis/hairline & border kartu         */
  --lj-radius:     8px;
}

/* =========================================================
   2) DASAR: tipografi & latar
   ========================================================= */
body,
.pkp_structure_page{
  font-family:'Source Sans 3',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--lj-ink);
  background:var(--lj-cream);
  font-size:16px;
  line-height:1.6;
}
.pkp_structure_content{ background:var(--lj-cream); }

a{ color:var(--lj-green-700); transition:color .18s ease; }
a:hover,a:focus{ color:var(--lj-apple-700); }

/* Judul & heading -> serif akademik */
h1,h2,h3,
.obj_article_summary .title,
.obj_article_details h1,
.pkp_structure_main h2{
  font-family:'Lora',Georgia,'Times New Roman',serif;
  color:var(--lj-green-900);
  line-height:1.25;
}

/* Heading utama konten: aksen batang kiri (bukan garis bawah generik) */
.pkp_structure_main h2{
  border-left:5px solid var(--lj-apple);
  padding-left:14px;
  margin-top:1.6rem;
}

/* Batasi lebar baca teks isi agar nyaman dibaca */
.obj_article_details .item.abstract,
.userInterface .description{ max-width:70ch; }

/* Gambar (banner homepage, dll.) responsif */
.pkp_structure_content img{ max-width:100%; height:auto; }

/* =========================================================
   3) HEADER / MASTHEAD  — mode BANNER FULL-WIDTH
   (banner diunggah sebagai Logo di Appearance -> Setup -> Logo;
    aturan di bawah membuatnya melebar penuh seperti Worksheet)
   ========================================================= */
.pkp_structure_head{
  background:#ffffff !important;
  border-bottom:none !important;
  box-shadow:none !important;
}
.pkp_head_wrapper{ padding:0 !important; position:relative; }

/* Logo (banner) melebar 100% mengisi header */
.pkp_site_name_wrapper{ width:100%; margin:0; float:none; }
.pkp_site_name,
.pkp_site_name a{ display:block; width:100%; margin:0; padding:0; }
.pkp_site_name img{
  width:100%;
  height:auto;
  max-height:none;      /* KUNCI: lepas batasan tinggi bawaan tema */
  display:block;
}
/* Kalau header terasa terlalu tinggi, aktifkan baris ini & atur angkanya:
.pkp_site_name img{ max-height:260px; object-fit:contain; } */

/* Daftar & Login menumpuk di kanan-atas banner */
.pkp_navigation_user_wrapper{
  position:absolute; top:14px; right:26px; z-index:5;
}
.pkp_navigation_user > li > a{
  color:#ffffff !important;
  font-weight:600;
  border-radius:20px;
  padding:8px 16px;
  text-shadow:0 1px 3px rgba(0,0,0,.45);
  transition:background .18s ease,color .18s ease;
}
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus{
  background:rgba(255,255,255,.18);
  color:#ffffff !important;
}

/* =========================================================
   4) NAVIGASI UTAMA (Terkini / Arsip / Pengumuman / Tentang)
   ========================================================= */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper{
  background:#ffffff;
  box-shadow:0 1px 8px rgba(0,0,0,.06);
}
.pkp_navigation_primary > li > a{
  color:var(--lj-green-900) !important;
  font-weight:600;
  padding:15px 18px;
  position:relative;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus{ color:var(--lj-apple-700) !important; }
/* garis aksen muncul saat hover */
.pkp_navigation_primary > li > a::after{
  content:"";
  position:absolute; left:18px; right:18px; bottom:9px; height:3px;
  border-radius:2px; background:var(--lj-apple);
  transform:scaleX(0); transform-origin:left; transition:transform .2s ease;
}
.pkp_navigation_primary > li > a:hover::after,
.pkp_navigation_primary > li > a:focus::after{ transform:scaleX(1); }

/* Submenu "Tentang Kami" */
.pkp_navigation_primary li ul{
  background:#fff; border:1px solid var(--lj-line);
  box-shadow:0 8px 24px rgba(0,0,0,.10); border-radius:var(--lj-radius);
  overflow:hidden;
}
.pkp_navigation_primary li ul li a:hover{
  background:var(--lj-cream); color:var(--lj-apple-700) !important;
}

/* Tautan Cari */
.pkp_search a,.pkp_navigation_search a{ color:var(--lj-green-900) !important; font-weight:600; }
.pkp_search input,.pkp_navigation_search input{
  border:1px solid var(--lj-line); border-radius:20px; padding:6px 14px;
}

/* =========================================================
   5) TOMBOL (submit, baca, unduh, form)
   ========================================================= */
.pkp_button,
a.cmp_button,.cmp_button,
.obj_galley_link,
button.submitFormButton,
.pkp_form .buttons button,
.pkp_page_content .btn{
  background:var(--lj-green) !important;
  border:1px solid var(--lj-green) !important;
  color:#fff !important;
  border-radius:var(--lj-radius) !important;
  font-weight:600;
  padding:9px 18px !important;
  transition:background .18s ease,transform .12s ease,box-shadow .18s ease;
}
.pkp_button:hover,
a.cmp_button:hover,.cmp_button:hover,
.obj_galley_link:hover,
button.submitFormButton:hover,
.pkp_form .buttons button:hover{
  background:var(--lj-apple-700) !important;
  border-color:var(--lj-apple-700) !important;
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(29,91,42,.22);
}

/* =========================================================
   6) DAFTAR ARTIKEL / ISI ISSUE  (rapi, aksen kiri, bukan kartu berat)
   ========================================================= */
.obj_article_summary{
  padding:16px 18px 16px 20px;
  border-bottom:1px solid var(--lj-line);
  border-left:4px solid transparent;
  transition:border-color .18s ease,background .18s ease;
}
.obj_article_summary:hover{
  border-left-color:var(--lj-apple);
  background:#ffffff;
}
.obj_article_summary .title a{
  color:var(--lj-green-900); font-weight:600; font-size:1.12rem;
}
.obj_article_summary .title a:hover{ color:var(--lj-apple-700); }
.obj_article_summary .authors{ color:var(--lj-muted); }
.obj_article_summary .galleys_links a{ margin-top:6px; }

/* Judul issue & label seksi */
.obj_issue_toc h2{
  border-left:5px solid var(--lj-gold); padding-left:14px;
}
.obj_issue_toc .section h2{
  font-size:1.15rem; color:var(--lj-green); border-left-color:var(--lj-apple);
}

/* =========================================================
   7) SIDEBAR  (blok Submit / Sinta / Turnitin, dll.)
   ========================================================= */
.pkp_structure_sidebar .pkp_block{
  background:#ffffff;
  border:1px solid var(--lj-line);
  border-radius:12px;
  padding:16px 18px;
  margin-bottom:22px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block > h2,
.pkp_structure_sidebar .pkp_block .pkp_block_header{
  font-family:'Lora',Georgia,serif;
  color:var(--lj-green-900);
  font-weight:700; font-size:1.05rem;
  border-bottom:2px solid var(--lj-apple);
  padding-bottom:8px; margin-bottom:12px;
}
.pkp_structure_sidebar img{ border-radius:8px; }

/* =========================================================
   8) FOOTER
   ========================================================= */
.pkp_structure_footer_wrapper,
.pkp_structure_footer{
  background:linear-gradient(100deg,var(--lj-green-900),var(--lj-green)) !important;
  color:#e7efdd;
  border-top:4px solid var(--lj-apple);
}
.pkp_structure_footer a{ color:#cfe6ac !important; }
.pkp_structure_footer a:hover{ color:#ffffff !important; }

/* =========================================================
   9) DETAIL LAIN: breadcrumb, pagination, tabel, blockquote
   ========================================================= */
.cmp_breadcrumbs a{ color:var(--lj-green-700); }
.pkp_pagination a{
  color:var(--lj-green); border:1px solid var(--lj-line);
  border-radius:6px; padding:4px 10px;
}
.pkp_pagination .current{
  background:var(--lj-green); color:#fff; border-radius:6px; padding:4px 10px;
}
.pkp_structure_main table th{ background:var(--lj-cream); color:var(--lj-green-900); }
blockquote{
  border-left:4px solid var(--lj-apple);
  background:#fff; padding:10px 16px; color:var(--lj-muted);
}

/* =========================================================
   10) AKSESIBILITAS & RESPONSIF
   ========================================================= */
a:focus-visible,button:focus-visible,
.pkp_navigation_primary > li > a:focus-visible{
  outline:3px solid var(--lj-gold); outline-offset:2px; border-radius:4px;
}
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation:none !important; }
  .pkp_navigation_primary > li > a::after{ transition:none; }
}
@media (max-width:768px){
  .pkp_site_name,.pkp_site_name a{ font-size:1.2rem !important; }
  .obj_article_summary .title a{ font-size:1.05rem; }
}