/* ==========================================================================
   CUSTOM THEME — Journal of the Science of Food and Agriculture (JOSFA)
   Untuk OJS 3.3.x — Tema Default (Bootstrap3 based)
   Palet warna terinspirasi pangan & pertanian: hijau daun, oranye gandum, krem.
   Cara pasang:
   1. Login sebagai Admin/Editor Jurnal
   2. Masuk ke: Pengaturan > Website > Tampilan (Appearance) > tab "CSS Tambahan"
   3. Tempel seluruh isi file ini, lalu Simpan
   ========================================================================== */

:root{
  --josfa-green-dark:  #1f5e3a;
  --josfa-green:        #2f7d4f;
  --josfa-green-light:  #e8f3ec;
  --josfa-wheat:        #d98c2b;
  --josfa-wheat-light:  #fbeedd;
  --josfa-cream:        #faf7f0;
  --josfa-text:         #2b2b28;
  --josfa-muted:        #6b6b63;
}

/* ---------- Umum / Tipografi ---------- */
body{
  background-color: var(--josfa-cream);
  color: var(--josfa-text);
}

a{
  color: var(--josfa-green-dark);
}
a:hover, a:focus{
  color: var(--josfa-wheat);
}

/* ---------- Header Situs ---------- */
#headerNavigationBlock,
.pkp_structure_head{
  background-color: #ffffff;
  border-bottom: 4px solid var(--josfa-green);
}

.pkp_site_name-wrapper{
  background: linear-gradient(90deg, var(--josfa-green-dark), var(--josfa-green));
}
.pkp_site_name a,
.pkp_site_name-text{
  color: #ffffff !important;
  font-weight: 700;
  letter-spacing: .3px;
}

.pkp_structure_head .pkp_site_name_wrapper{
  background: transparent;
}

/* ---------- Navigasi Utama ---------- */
.pkp_navigation_primary_row{
  background-color: var(--josfa-green-dark);
}
.pkp_navigation_primary_row .menu > li > a{
  color: #ffffff;
  font-weight: 600;
}
.pkp_navigation_primary_row .menu > li > a:hover,
.pkp_navigation_primary_row .menu > li > a:focus{
  background-color: var(--josfa-wheat);
  color: #ffffff;
}
.pkp_navigation_primary_row .menu .dropdown-menu{
  background-color: #ffffff;
  border-top: 3px solid var(--josfa-wheat);
}
.pkp_navigation_primary_row .menu .dropdown-menu a{
  color: var(--josfa-text);
}
.pkp_navigation_primary_row .menu .dropdown-menu a:hover{
  background-color: var(--josfa-green-light);
  color: var(--josfa-green-dark);
}

/* ---------- Tombol / Buttons ---------- */
.pkp_button,
.cmp_button,
button.pkp_button,
.pkp_button.pkp_button_offset,
.pkp_form input[type=submit]{
  background-color: var(--josfa-green);
  border-color: var(--josfa-green-dark);
  color: #ffffff !important;
  border-radius: 4px;
}
.pkp_button:hover,
.cmp_button:hover{
  background-color: var(--josfa-wheat);
  border-color: var(--josfa-wheat);
}
.pkp_button.pkp_button_primary{
  background-color: var(--josfa-wheat);
  border-color: var(--josfa-wheat);
}
.pkp_button.pkp_button_primary:hover{
  background-color: var(--josfa-green-dark);
  border-color: var(--josfa-green-dark);
}

/* ---------- Kotak Terbitan Terkini / Cover ---------- */
#homepageIssue,
.homepage_content{
  background-color: #ffffff;
  border: 1px solid #e3ddd0;
  border-radius: 8px;
  padding: 24px;
}
#homepageIssue h2,
.page_issue_heading{
  color: var(--josfa-green-dark);
  border-bottom: 2px solid var(--josfa-wheat);
  padding-bottom: 8px;
}

/* Cover terbitan */
.issue_cover img,
#homepageIssue img{
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0,0,0,.12);
}

/* ---------- Daftar Artikel ---------- */
.obj_article_summary{
  background-color: #ffffff;
  border: 1px solid #ece6d8;
  border-radius: 8px;
  padding: 16px 18px;
  margin-bottom: 16px;
  transition: box-shadow .2s ease, transform .2s ease;
}
.obj_article_summary:hover{
  box-shadow: 0 4px 14px rgba(31,94,58,.15);
  transform: translateY(-2px);
}
.obj_article_summary .title,
.obj_article_summary .title a{
  color: var(--josfa-green-dark);
  font-weight: 700;
}
.obj_article_summary .authors{
  color: var(--josfa-muted);
  font-style: italic;
}

/* Badge PDF/Galley */
.obj_article_summary .galleys_link,
.obj_galley_link{
  background-color: var(--josfa-wheat-light);
  color: var(--josfa-wheat);
  border: 1px solid var(--josfa-wheat);
  border-radius: 4px;
  padding: 2px 10px;
  font-size: .85em;
  font-weight: 600;
}
.obj_article_summary .galleys_link:hover{
  background-color: var(--josfa-wheat);
  color: #ffffff;
}

/* ---------- Sidebar ---------- */
.pkp_block{
  background-color: #ffffff;
  border: 1px solid #ece6d8;
  border-radius: 8px;
  margin-bottom: 16px;
}
.pkp_block .title,
.sidebar .pkp_block .title{
  background-color: var(--josfa-green-light);
  color: var(--josfa-green-dark);
  font-weight: 700;
  padding: 10px 14px;
  border-radius: 8px 8px 0 0;
}

/* ---------- Breadcrumb ---------- */
.pkp_page_content .breadcrumb,
.cmp_breadcrumbs{
  background-color: transparent;
  color: var(--josfa-muted);
}
.cmp_breadcrumbs a{
  color: var(--josfa-green);
}

/* ---------- Footer ---------- */
#footer,
.pkp_structure_footer_wrapper{
  background-color: var(--josfa-green-dark);
  color: #f0ede4;
  padding: 30px 0;
}
#footer a,
.pkp_structure_footer_wrapper a{
  color: #f0ede4;
}
#footer a:hover,
.pkp_structure_footer_wrapper a:hover{
  color: var(--josfa-wheat);
}

/* ---------- Search Box ---------- */
.pkp_search .form-control,
input[type=search]{
  border-radius: 20px;
  border: 1px solid var(--josfa-green);
}
.pkp_search button{
  color: var(--josfa-green-dark);
}

/* ---------- Responsif ---------- */
@media (max-width: 768px){
  .pkp_navigation_primary_row .menu > li > a{
    color: var(--josfa-text);
  }
  .pkp_site_name-wrapper{
    background: var(--josfa-green-dark);
  }
}