/* ============================================================
   AL-FALAH CLEAN THEME - OJS 3.3
   Full visual reset for frontend only.
   Brand: dark green + white + gold.
   ============================================================ */

:root{
  --af-green:#00533c;
  --af-dark:#003b2b;
  --af-deep:#002d21;
  --af-gold:#c6a04a;
  --af-gold-soft:#fff8e8;
  --af-soft:#f4f8f6;
  --af-line:#d8e3de;
  --af-text:#1f2937;
  --af-muted:#667085;
  --af-white:#fff;
}

/* GENERAL */
html{scroll-behavior:smooth}
body{
  margin:0!important;
  background:#f4f6f5!important;
  color:var(--af-text)!important;
  font-family:Arial,"Helvetica Neue",sans-serif!important;
  font-size:14px!important;
  line-height:1.55!important;
}
a{
  color:var(--af-green)!important;
  text-decoration:none!important;
}
a:hover,a:focus{
  color:#8a6a20!important;
  text-decoration:none!important;
}
.pkp_structure_page{
  background:transparent!important;
  border:0!important;
}

/* ============================================================
   HEADER HARD RESET
   ============================================================ */
#headerNavigationContainer,
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

.pkp_structure_head{
  box-shadow:0 2px 12px rgba(15,23,42,.08)!important;
}

.pkp_head_wrapper{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
}

.pkp_site_name_wrapper{
  padding:0!important;
}

.pkp_site_name{
  margin:0!important;
  padding:10px 16px 8px!important;
  text-align:center!important;
  background:#fff!important;
}

.pkp_site_name .is_img{
  display:block!important;
  margin:0 auto!important;
  padding:0!important;
}

.pkp_site_name .is_img img{
  display:block!important;
  width:auto!important;
  max-width:min(100%,720px)!important;
  max-height:112px!important;
  margin:0 auto!important;
  object-fit:contain!important;
}

.pkp_site_name .is_text,
.pkp_site_name .is_text a{
  color:var(--af-green)!important;
  background:transparent!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:28px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

/* NAV HARD RESET - remove old red bar */
.pkp_site_nav_menu,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper{
  background:var(--af-green)!important;
  background-color:var(--af-green)!important;
  background-image:none!important;
  border:0!important;
}

.pkp_site_nav_menu{
  border-bottom:4px solid var(--af-gold)!important;
}

.pkp_navigation_primary_row{
  max-width:1180px!important;
  margin:0 auto!important;
  min-height:48px!important;
}

.pkp_navigation_primary_wrapper{
  float:none!important;
  width:auto!important;
  padding:0 8px!important;
}

.pkp_navigation_primary{
  margin:0!important;
  padding:0!important;
}

.pkp_navigation_primary>li{
  margin:0!important;
}

.pkp_navigation_primary>li>a{
  display:block!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  padding:13px 12px!important;
  font-family:Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.15px!important;
}

.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
}

.pkp_navigation_primary .dropdown-menu{
  background:#fff!important;
  border:0!important;
  border-top:4px solid var(--af-gold)!important;
  box-shadow:0 12px 26px rgba(15,23,42,.16)!important;
}
.pkp_navigation_primary .dropdown-menu a{
  background:#fff!important;
  color:var(--af-text)!important;
  padding:9px 12px!important;
  font-size:12px!important;
}

.pkp_navigation_user_wrapper,
.pkp_navigation_user{
  background:transparent!important;
}

.pkp_navigation_user>li>a,
.pkp_search_desktop,
.pkp_search_desktop a,
.pkp_search_desktop span{
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
}

/* ============================================================
   CONTENT LAYOUT
   ============================================================ */
.pkp_structure_content{
  width:calc(100% - 28px)!important;
  max-width:1180px!important;
  margin:14px auto 0!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid var(--af-line)!important;
  border-radius:6px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.05)!important;
  box-sizing:border-box!important;
}

.pkp_structure_content *,
.pkp_structure_main,
.pkp_structure_sidebar{
  box-sizing:border-box!important;
}

@media(min-width:992px){
  .pkp_structure_content{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:22px!important;
  }
  .pkp_structure_main{
    float:none!important;
    width:auto!important;
    min-width:0!important;
    flex:1 1 auto!important;
    padding:0!important;
    margin:0!important;
  }
  .pkp_structure_sidebar{
    float:none!important;
    clear:none!important;
    position:static!important;
    flex:0 0 270px!important;
    width:270px!important;
    min-width:270px!important;
    max-width:270px!important;
    padding:0!important;
    margin:0!important;
  }
}

.cmp_breadcrumbs,.breadcrumb{
  margin:0 0 10px!important;
  padding:0!important;
  font-size:12px!important;
  color:var(--af-muted)!important;
}

/* TYPOGRAPHY */
.page h1,.page h2,.page h3,
.current_issue h2,.obj_issue_toc .heading h2,
.pkp_page_index h2,.pkp_page_index h3{
  color:var(--af-green)!important;
  font-family:Georgia,"Times New Roman",serif!important;
}
.page h1{
  font-size:25px!important;
  margin:0 0 14px!important;
  padding:0 0 8px!important;
  border-bottom:3px solid var(--af-gold)!important;
}
.page h2{
  font-size:20px!important;
  margin:14px 0 9px!important;
}
.page p{
  margin:0 0 10px!important;
  line-height:1.6!important;
}

/* ============================================================
   SIDEBAR FULL RESET
   ============================================================ */
.pkp_structure_sidebar{
  background:transparent!important;
  background-image:none!important;
}

/* Remove legacy decorations from wrappers */
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .pkp_block[style]{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  border:1px solid var(--af-line)!important;
  border-radius:6px!important;
  box-shadow:0 4px 14px rgba(15,23,42,.04)!important;
  margin:0 0 10px!important;
  padding:0 8px 8px!important;
  overflow:hidden!important;
  min-height:0!important;
}

/* Hide truly empty blocks */
.pkp_structure_sidebar .pkp_block:empty{
  display:none!important;
}

/* Strip old nested card styles */
.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_sidebar .pkp_block .content div,
.pkp_structure_sidebar .pkp_block .content p,
.pkp_structure_sidebar .pkp_block .content span,
.pkp_structure_sidebar .pkp_block .content ul,
.pkp_structure_sidebar .pkp_block .content ol,
.pkp_structure_sidebar .pkp_block .content li,
.pkp_structure_sidebar .pkp_block .content table,
.pkp_structure_sidebar .pkp_block .content tbody,
.pkp_structure_sidebar .pkp_block .content tr,
.pkp_structure_sidebar .pkp_block .content td,
.pkp_structure_sidebar .pkp_block .content th{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
}

/* Direct wrapper cleanup - removes blank rounded boxes */
.pkp_structure_sidebar .pkp_block .content > div,
.pkp_structure_sidebar .pkp_block .content > p,
.pkp_structure_sidebar .pkp_block .content > table,
.pkp_structure_sidebar .pkp_block .content > ul,
.pkp_structure_sidebar .pkp_block .content > ol{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  min-height:0!important;
  height:auto!important;
}

/* Block title */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2.title,
.pkp_structure_sidebar .pkp_block h3.title{
  display:block!important;
  background:linear-gradient(90deg,var(--af-dark),var(--af-green))!important;
  color:#fff!important;
  border:0!important;
  border-left:4px solid var(--af-gold)!important;
  border-radius:0!important;
  margin:0 -8px 8px!important;
  padding:8px 10px!important;
  min-height:0!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.2px!important;
}

.pkp_structure_sidebar .pkp_block .content{
  margin:0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.25!important;
}

.pkp_structure_sidebar .pkp_block .content ul,
.pkp_structure_sidebar .pkp_block .content ol{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.pkp_structure_sidebar .pkp_block .content li{
  margin:0 0 5px!important;
  padding:0!important;
  min-height:0!important;
}

/* Menu links */
.pkp_structure_sidebar .pkp_block .content a,
.pkp_structure_sidebar .pkp_block .content a[style],
.pkp_structure_sidebar .pkp_block .content li a,
.pkp_structure_sidebar .pkp_block .content td a{
  display:block!important;
  width:100%!important;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:var(--af-green)!important;
  border:1px solid var(--af-line)!important;
  border-left:3px solid var(--af-gold)!important;
  border-radius:4px!important;
  box-shadow:none!important;
  padding:7px 9px!important;
  margin:0 0 5px!important;
  min-height:0!important;
  height:auto!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
}

.pkp_structure_sidebar .pkp_block .content a:hover,
.pkp_structure_sidebar .pkp_block .content a:focus{
  background:var(--af-gold-soft)!important;
  color:var(--af-dark)!important;
  border-color:var(--af-gold)!important;
}

/* Tables used by legacy custom menu */
.pkp_structure_sidebar .pkp_block .content table{
  width:100%!important;
  border:0!important;
  border-collapse:collapse!important;
  border-spacing:0!important;
}
.pkp_structure_sidebar .pkp_block .content tr,
.pkp_structure_sidebar .pkp_block .content td,
.pkp_structure_sidebar .pkp_block .content th{
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

/* Submission button */
.pkp_structure_sidebar .block_make_submission_link,
.pkp_structure_sidebar .pkp_block_make_submission a{
  display:block!important;
  background:var(--af-green)!important;
  color:#fff!important;
  border:1px solid var(--af-green)!important;
  border-left:3px solid var(--af-gold)!important;
  border-radius:4px!important;
  padding:8px 10px!important;
  margin:0!important;
  font-size:11px!important;
  font-weight:800!important;
}
.pkp_structure_sidebar .block_make_submission_link:hover,
.pkp_structure_sidebar .pkp_block_make_submission a:hover{
  background:var(--af-gold)!important;
  border-color:var(--af-gold)!important;
  color:#1f2937!important;
}

/* ============================================================
   ISSUE / ARCHIVE / ARTICLE
   ============================================================ */
.obj_issue_summary{
  display:flex!important;
  align-items:flex-start!important;
  gap:16px!important;
  padding:12px 0!important;
  margin:0!important;
  border-bottom:1px solid var(--af-line)!important;
}
.obj_issue_summary .cover,
.obj_issue_summary .cover a,
.obj_issue_summary .cover img{
  width:128px!important;
  min-width:128px!important;
  height:auto!important;
}
.obj_issue_summary .cover img{
  display:block!important;
  border-radius:4px!important;
  box-shadow:0 4px 12px rgba(15,23,42,.10)!important;
}
.obj_issue_summary .title,
.obj_issue_summary .series{
  margin:0 0 3px!important;
  line-height:1.3!important;
}
.obj_issue_summary .title a,
.obj_issue_summary .series{
  color:var(--af-green)!important;
  font-size:16px!important;
}

.obj_issue_toc{
  padding:16px!important;
  background:#fff!important;
  border:1px solid var(--af-line)!important;
  border-radius:6px!important;
}
.obj_issue_toc .heading{
  padding-bottom:12px!important;
  margin-bottom:10px!important;
}
.obj_issue_toc .heading .cover,
.obj_issue_toc .heading .cover img{
  width:128px!important;
  min-width:128px!important;
  height:auto!important;
}
.obj_issue_toc .section{
  margin-top:14px!important;
}
.obj_issue_toc .section>h2{
  background:var(--af-soft)!important;
  color:var(--af-green)!important;
  border-left:4px solid var(--af-gold)!important;
  padding:8px 10px!important;
  margin:0 0 8px!important;
  font-size:16px!important;
}

.obj_article_summary{
  position:relative!important;
  padding:12px 6px 12px 16px!important;
  margin:0!important;
  border-bottom:1px solid #e6ede9!important;
}
.obj_article_summary:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:16px!important;
  width:4px!important;
  height:24px!important;
  border-radius:4px!important;
  background:var(--af-gold)!important;
}
.obj_article_summary .title{
  margin:0 0 4px!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:800!important;
}
.obj_article_summary .title a{color:var(--af-green)!important}
.obj_article_summary .authors,
.obj_article_summary .pages{
  font-size:12px!important;
  line-height:1.45!important;
  color:#56626d!important;
}

.obj_galley_link,
.obj_galley_link.pdf,
.pkp_button,
.cmp_button{
  display:inline-block!important;
  background:var(--af-green)!important;
  color:#fff!important;
  border:1px solid var(--af-green)!important;
  border-radius:4px!important;
  box-shadow:none!important;
  padding:6px 11px!important;
  font-size:11px!important;
  font-weight:800!important;
}
.obj_galley_link:hover,
.pkp_button:hover,
.cmp_button:hover{
  background:var(--af-gold)!important;
  border-color:var(--af-gold)!important;
  color:#1f2937!important;
}

/* FOOTER */
.pkp_structure_footer_wrapper{
  margin-top:28px!important;
  background:linear-gradient(90deg,var(--af-deep),var(--af-dark))!important;
  border-top:4px solid var(--af-gold)!important;
  color:#fff!important;
}
.pkp_structure_footer_wrapper a{color:#f0d58c!important}
.pkp_brand_footer{display:none!important}

/* MOBILE */
@media(max-width:991px){
  .pkp_structure_content{
    display:block!important;
    width:auto!important;
    margin:10px!important;
    padding:14px!important;
  }
  .pkp_structure_main,
  .pkp_structure_sidebar{
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
  }
  .pkp_structure_sidebar{margin-top:18px!important}
  .pkp_site_name .is_img img{
    max-height:86px!important;
    max-width:min(100%,520px)!important;
  }
}

/* === COMPACT_SIDEBAR_ALFALAH_FINAL_START === */
/* ============================================================
   FINAL COMPACT SIDEBAR AL-FALAH
   Fokus: menghilangkan ruang kosong besar pada Additional Menu
   ============================================================ */

/* Sidebar lebih sempit dan rapat */
@media (min-width: 992px) {
    .pkp_structure_sidebar {
        flex: 0 0 255px !important;
        width: 255px !important;
        min-width: 255px !important;
        max-width: 255px !important;
    }
}

/* Setiap block sidebar */
.pkp_structure_sidebar .pkp_block {
    margin: 0 0 8px !important;
    padding: 0 7px 7px !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Area content: susun vertikal dengan gap kecil */
.pkp_structure_sidebar .pkp_block .content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Hapus semua tinggi/jarak warisan custom HTML */
.pkp_structure_sidebar .pkp_block .content *,
.pkp_structure_sidebar .pkp_block .content *[style] {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    top: auto !important;
    bottom: auto !important;
}

/* Hapus BR lama yang membuat jarak besar */
.pkp_structure_sidebar .pkp_block .content br {
    display: none !important;
}

/* Wrapper custom: jangan ikut membuat box tinggi */
.pkp_structure_sidebar .pkp_block .content > div,
.pkp_structure_sidebar .pkp_block .content > p,
.pkp_structure_sidebar .pkp_block .content > section,
.pkp_structure_sidebar .pkp_block .content > article,
.pkp_structure_sidebar .pkp_block .content > table,
.pkp_structure_sidebar .pkp_block .content > ul,
.pkp_structure_sidebar .pkp_block .content > ol {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Table menu lama */
.pkp_structure_sidebar .pkp_block .content table,
.pkp_structure_sidebar .pkp_block .content tbody,
.pkp_structure_sidebar .pkp_block .content tr,
.pkp_structure_sidebar .pkp_block .content td,
.pkp_structure_sidebar .pkp_block .content th {
    display: block !important;
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

/* List menu */
.pkp_structure_sidebar .pkp_block .content ul,
.pkp_structure_sidebar .pkp_block .content ol {
    list-style: none !important;
}

.pkp_structure_sidebar .pkp_block .content li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Tombol menu */
.pkp_structure_sidebar .pkp_block .content a,
.pkp_structure_sidebar .pkp_block .content a[style],
.pkp_structure_sidebar .pkp_block .content li a,
.pkp_structure_sidebar .pkp_block .content td a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 7px 9px !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.15 !important;
    font-size: 11px !important;
    border-radius: 4px !important;
}

/* Beri jarak antar tombol hanya 5px */
.pkp_structure_sidebar .pkp_block .content a + a,
.pkp_structure_sidebar .pkp_block .content li + li,
.pkp_structure_sidebar .pkp_block .content tr + tr,
.pkp_structure_sidebar .pkp_block .content > div + div,
.pkp_structure_sidebar .pkp_block .content > p + p {
    margin-top: 5px !important;
}

/* Tombol kirim naskah tetap compact */
.pkp_structure_sidebar .block_make_submission_link,
.pkp_structure_sidebar .pkp_block_make_submission a {
    margin: 0 !important;
    padding: 7px 9px !important;
    min-height: 0 !important;
    height: auto !important;
    line-height: 1.15 !important;
    font-size: 11px !important;
}

/* Hilangkan block kosong */
.pkp_structure_sidebar .pkp_block .content:empty,
.pkp_structure_sidebar .pkp_block:empty {
    display: none !important;
}
/* === COMPACT_SIDEBAR_ALFALAH_FINAL_END === */