/* =========================================================
   EMAS Journal — Custom Stylesheet "Citra" (varian Hijau)
   Sama persis dengan emas-ojs-custom.css, hanya warna dasar
   diganti hijau #356833.
   Upload via: Settings > Website > Appearance > Advanced >
               Journal Stylesheet (CSS) > Upload File
   Setelah upload: Admin Panel > Clear Template Cache
   Tema dasar: Default Theme OJS 3.3
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap');

:root{
  --emas-ink:#356833;       /* Hijau — warna brand utama */
  --emas-gold:#EAC46C;      /* Gold — warna brand aksen */
  --emas-gold-soft:#F3D999; /* tint lebih terang dari gold brand, untuk teks di atas hijau */
  --emas-bronze:#C79A3D;    /* shade lebih gelap dari gold brand, untuk hover/link */
  --emas-parchment:#FAF6EC;
  --emas-charcoal:#1E3A1C;  /* dekat hijau gelap, untuk teks body di atas latar terang */
  --emas-oxblood:#7A2E2E;
}

body{
  background:var(--emas-parchment) !important;
  color:var(--emas-charcoal) !important;
  font-family:'Public Sans', -apple-system, sans-serif !important;
}

/* ---------- Perbesar logo header (default OJS membatasi ~100px) ---------- */
.pkp_site_name_wrapper .is_img img,
.pkp_site_name_wrapper img,
#headerContainer .pkp_site_name img,
.pkp_head_wrapper img{
  max-height: 170px !important;
  height: auto !important;
  width: auto !important;
  max-width: 100% !important;
}
/* Beri ruang vertikal ekstra supaya logo besar tidak mepet ke nav di bawahnya */
#headerContainer,
.pkp_structure_head{
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

/* ---------- Header / masthead ---------- */
#headerContainer,
.pkp_structure_head{
  background:var(--emas-ink) !important;
  color:var(--emas-parchment) !important;
}
.pkp_site_name_wrapper .pkp_site_name,
.pkp_site_name_wrapper .pkp_site_name a{
  font-family:'Fraunces', serif !important;
  font-weight:600 !important;
  color:var(--emas-parchment) !important;
  letter-spacing:.01em;
}
.pkp_structure_head .institution,
.pkp_head_wrapper .description{
  color:var(--emas-gold-soft) !important;
}

/* ---------- Primary navigation ---------- */
#headerNavigationContainer,
.pkp_navigation_primary_row{
  background:var(--emas-ink) !important;
  border-top:1px solid rgba(201,162,39,.25) !important;
}
.pkp_navigation_primary li a{
  color:var(--emas-parchment) !important;
  font-weight:600 !important;
  letter-spacing:.02em;
}
.pkp_navigation_primary li a:hover,
.pkp_navigation_primary li.current a{
  color:var(--emas-gold-soft) !important;
  border-bottom:2px solid var(--emas-gold) !important;
}
.pkp_navigation_user a{
  color:var(--emas-gold-soft) !important;
}

/* ---------- Top utility bar (Daftar / Login) — garis pemisah tipis
   meniru baris "e-ISSN · BornesiaPress" di atas logo pada mockup ---------- */
.pkp_navigation_user{
  border-bottom:1px solid rgba(234,196,108,.25) !important;
  padding-bottom:10px !important;
  margin-bottom:10px !important;
}
.pkp_navigation_user a{
  font-family:'IBM Plex Mono', monospace !important;
  font-size:.82em !important;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.pkp_navigation_user a:hover{
  color:var(--emas-gold) !important;
}

/* ---------- Search "Cari" — ikon & teks gold, sejajar rapi ---------- */
#navigationSearch,
.pkp_navigation_search{
  color:var(--emas-gold-soft) !important;
}
#navigationSearch a,
.pkp_navigation_search a{
  color:var(--emas-gold-soft) !important;
}
#navigationSearch a:hover,
.pkp_navigation_search a:hover{
  color:var(--emas-gold) !important;
}
#navigationSearch svg,
.pkp_navigation_search svg,
#navigationSearch .fa,
.pkp_navigation_search .fa{
  fill:var(--emas-gold-soft) !important;
  color:var(--emas-gold-soft) !important;
}

/* ---------- Nav item transition halus ---------- */
.pkp_navigation_primary li a{
  transition:color .15s ease, border-color .15s ease;
  padding-bottom:6px;
  border-bottom:2px solid transparent;
}

/* ---------- Dropdown submenu ("Tentang Kami" ▾) — teks navy (gold tidak terbaca) ---------- */
.pkp_navigation_primary li ul,
.pkp_navigation_primary li .sub_menu,
.pkp_navigation_primary li .submenu,
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_primary ul.menu{
  background:var(--emas-parchment) !important;
  border:1px solid rgba(18,40,61,.15) !important;
  box-shadow:0 6px 16px rgba(18,40,61,.25) !important;
}
.pkp_navigation_primary li ul li a,
.pkp_navigation_primary li .sub_menu a,
.pkp_navigation_primary li .submenu a,
.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_primary ul.menu a{
  background:transparent !important;
  color:var(--emas-ink) !important;
  font-weight:600 !important;
  border-bottom:1px solid rgba(18,40,61,.08) !important;
}
.pkp_navigation_primary li ul li a:hover,
.pkp_navigation_primary li .sub_menu a:hover,
.pkp_navigation_primary li .submenu a:hover,
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary ul.menu a:hover,
.pkp_navigation_primary li ul li a.current,
.pkp_navigation_primary li .sub_menu a.current{
  background:rgba(234,196,108,.25) !important;
  color:var(--emas-ink) !important;
  border-left:3px solid var(--emas-bronze) !important;
}

/* ---------- Links & headings ---------- */
a{ color:var(--emas-bronze); }
a:hover{ color:var(--emas-gold); }
h1, h2, h3, .page_title, .pkp_page_title{
  font-family:'Fraunces', serif !important;
  color:var(--emas-ink) !important;
}

/* Signature: double gold rule under section headings,
   meniru gaya akuntansi menggarisbawahi total akhir */
.page .pkp_page_title,
#homepageAbout > h2,
.pkp_block_content h2{
  position:relative;
  padding-bottom:16px;
}
.page .pkp_page_title::after,
#homepageAbout > h2::after,
.pkp_block_content h2::after{
  content:'';
  position:absolute;
  left:0; bottom:0;
  width:90px; height:6px;
  background:
    linear-gradient(var(--emas-gold),var(--emas-gold)) top/100% 2px no-repeat,
    linear-gradient(var(--emas-gold),var(--emas-gold)) bottom/100% 2px no-repeat;
}

/* ---------- Buttons ---------- */
.pkpButton,
.cmp_button{
  background:var(--emas-gold) !important;
  color:var(--emas-ink) !important;
  border:none !important;
  font-weight:700 !important;
  border-radius:2px !important;
}
.pkpButton:hover,
.cmp_button:hover{
  background:var(--emas-bronze) !important;
  color:var(--emas-parchment) !important;
}

/* ---------- Article / issue listings ---------- */
.obj_article_summary,
.cmp_article_summary{
  border-bottom:1px solid rgba(27,42,36,.12) !important;
}
.obj_article_summary .title,
.cmp_article_summary .title{
  font-family:'Fraunces', serif !important;
  color:var(--emas-ink) !important;
}
.obj_article_summary .authors,
.cmp_article_summary .authors,
.item_authors{
  color:var(--emas-bronze) !important;
  font-family:'IBM Plex Mono', monospace !important;
  font-size:.85em !important;
}

/* Highlight the current issue block */
.page_issue_current .obj_issue_summary,
#homepageAbout .highlight{
  background:var(--emas-gold) !important;
  color:var(--emas-ink) !important;
}

/* ---------- Sidebar blocks ---------- */
.pkp_block .pkp_block_content h3,
.pkp_block .block_title{
  color:var(--emas-ink) !important;
  border-bottom:2px solid var(--emas-gold) !important;
  padding-bottom:6px;
}

/* ---------- Footer ---------- */
#footerContainer,
.pkp_structure_footer_wrapper{
  background:var(--emas-ink) !important;
  color:var(--emas-gold-soft) !important;
}
#footerContainer a,
.pkp_structure_footer_wrapper a{
  color:var(--emas-gold-soft) !important;
}

/* ---------- Metadata / DOI / dates ---------- */
.doi, .item_doi, .published, .pub-date{
  font-family:'IBM Plex Mono', monospace !important;
  color:var(--emas-bronze) !important;
}

/* ---------- Alerts / new-issue badges (dipakai jarang) ---------- */
.label--new, .badge--announcement{
  background:var(--emas-oxblood) !important;
  color:#fff !important;
}