/* ==========================================================================
   CUSTOM STYLESHEET — LOIS: Jurnal Hukum dan Humaniora
   Tema warna: Merah Gelap (Maroon) & Gold
   Terinspirasi dari aksaracendikia.id / ejournal.aksaracendikia.id
   Dibangun di atas struktur tema default OJS (Open Journal Systems 3.x)
   Cara pakai: Website Settings → Appearance → Setup → Custom CSS
   (tempel seluruh isi file ini), atau simpan sebagai styleSheet.css
   di folder public/journals/<id>/ jurnal Anda.
   ========================================================================== */

/* ---------- 1. PALET WARNA (ubah di sini untuk menyesuaikan nuansa) ---------- */
:root{
  --lois-maroon-dark : #4C0D18;   /* merah gelap paling pekat */
  --lois-maroon       : #6E0F22;  /* merah gelap utama */
  --lois-maroon-light : #8C1A2E;  /* aksen / hover */
  --lois-gold-dark    : #A9791F;  /* gold gelap untuk teks di atas putih */
  --lois-gold         : #C9A227;  /* gold utama */
  --lois-gold-light   : #E8C97A;  /* gold terang untuk hover/highlight */
  --lois-cream        : #FBF6EC;  /* latar konten */
  --lois-text         : #2B2320;  /* teks utama */
}

/* ---------- 2. TIPOGRAFI DASAR ---------- */
body{
  color: var(--lois-text);
}
a{
  color: var(--lois-maroon);
}
a:hover, a:focus{
  color: var(--lois-gold-dark);
}

/* ==========================================
   BANNER HEADER OJS 3.5
========================================== */

.pkp_site_name_wrapper{
    background-image:url('<p><img src="https://ejournal.aksaracendikia.id/public/site/images/aksaracendikia/lois-jurnal-hukum-dan-humaniora-publisher--yayasan-pendidikan-aksara-cendikia-addres-jln.-gora-1-no.-99-nu-selagalas-kecamatan-sandubaya-kota-mataram-nusa-tenggara-barat-video-2.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;

    height:260px !important;
    min-height:260px !important;

    padding:0 !important;
    margin:0 !important;
}

/* sembunyikan logo/nama jurnal bawaan */
.pkp_site_name,
.pkp_site_name a,
.pkp_site_name_wrapper img{
    opacity:0;
    visibility:hidden;
}

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

.pkp_structure_head{
    background:#ffffff !important;
}

/* ==========================================
   MENU DI BAWAH BANNER
========================================== */

.pkp_navigation_primary_row{
    background:#6d0015 !important;
    position:relative !important;
    margin-top:0 !important;
}

/* warna menu */
.pkp_navigation_primary > li > a,
#navigationPrimary > li > a{
    color:#F3E9CF !important;
    font-weight:600;
}

.pkp_navigation_primary > li > a:hover,
#navigationPrimary > li.pkp_nav_current > a{
    color:#C9A227 !important;
}

/* dropdown */
.pkp_navigation_primary ul{
    background:#7A0019 !important;
}

.pkp_navigation_primary ul li a{
    color:#F3E9CF !important;
}

/* ==========================================
   HAPUS SPASI YANG MENGGANGGU
========================================== */

.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper{
    margin:0 !important;
    padding:0 !important;
}
/* ---------- 4. AREA KONTEN ---------- */
.pkp_structure_content{
  background: var(--lois-cream);
}
.page_index_journal h2,
.pkp_structure_content h1,
.pkp_structure_content h2{
  color: var(--lois-maroon);
}

/* Kotak "Submit your manuscript" / call-to-action */
.btn-submit,
a.btn-submit{
  background: linear-gradient(135deg, var(--lois-gold-dark), var(--lois-gold)) !important;
  color: var(--lois-maroon-dark) !important;
  border: 1px solid var(--lois-gold-dark);
}
.btn-submit:hover{
  background: var(--lois-gold-light) !important;
  color: var(--lois-maroon-dark) !important;
}

/* ---------- 5. DAFTAR ARTIKEL (BERANDA / ARSIP) ---------- */
.cmp_article_list .obj_article_summary{
  border-left: 4px solid var(--lois-gold);
  background: #FFFFFF;
  padding-left: 14px;
  transition: border-color .2s ease;
}
.cmp_article_list .obj_article_summary:hover{
  border-left-color: var(--lois-maroon);
}
.obj_article_summary .title a{
  color: var(--lois-maroon);
  font-weight: 700;
}
.obj_article_summary .title a:hover{
  color: var(--lois-gold-dark);
}
.obj_article_summary .authors{
  color: #6b5e52;
}

/* ---------- 6. SIDEBAR / BLOK KUSTOM (kebijakan jurnal, tools, dsb) ---------- */
.pkp_structure_sidebar .pkp_block{
  background: #FFFFFF;
  border: 1px solid rgba(110,15,34,0.12);
  border-top: 3px solid var(--lois-gold);
  margin-bottom: 1.25em;
}
.pkp_structure_sidebar .pkp_block .title,
.journal_policies_title,
.tools_title,
.assosiate_title,
.visitor_header_title{
  color: var(--lois-maroon);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  border-bottom: 2px solid var(--lois-gold-light);
  padding-bottom: 6px;
  display: block;
}
.pkp_structure_sidebar a{
  color: var(--lois-maroon);
}
.pkp_structure_sidebar a:hover{
  color: var(--lois-gold-dark);
}

/* ---------- 7. FOOTER ---------- */
.pkp_structure_footer_wrapper{
  background: var(--lois-maroon-dark);
}
footer.site-footer{
  color: #F3E9CF;
}
.publisher-logo{
  color: #FFFFFF;
}
.copyright-footer{
  color: #D8C79A;
  border-top: 1px solid rgba(201,162,39,0.25);
  padding-top: 10px;
}
.copyright-footer a{
  color: var(--lois-gold);
}
.copyright-footer a:hover{
  color: #FFFFFF;
}
.social-icon{
  background-color: var(--lois-gold);
  transition: background-color .2s ease;
}
.social-icon:hover{
  background-color: var(--lois-gold-light);
}
.pkp_brand_footer{
  background: var(--lois-maroon-dark);
  border-top: 1px solid rgba(201,162,39,0.2);
}

/* ---------- 8. TOMBOL & FORM (login, search, register, dst) ---------- */
.pkp_button, .pkp_button.pkp_button_primary, button[type="submit"]{
  background: var(--lois-maroon);
  border-color: var(--lois-maroon-dark);
  color: #FFFFFF;
}
.pkp_button:hover, .pkp_button.pkp_button_primary:hover, button[type="submit"]:hover{
  background: var(--lois-gold-dark);
  border-color: var(--lois-gold-dark);
  color: #FFFFFF;
}

/* ---------- 9. TABEL / ISI ARTIKEL (opsional, untuk halaman detail artikel) ---------- */
table caption,
.item.doi, .item.keywords .label{
  color: var(--lois-maroon);
}
::selection{
  background: var(--lois-gold-light);
  color: var(--lois-maroon-dark);
}