/* =========================================================
   Basileia Custom Stylesheet
   Terinspirasi gaya AJSTD — modern, bersih, tipografi serif elegan
   Dipasang lewat: Settings > Website > Appearance > Advanced
   ========================================================= */

/* ---- Layout 2 kolom: gambar kiri, About the Journal kanan ---- */
.page_index_journal {
  display: grid !important;
  grid-template-columns: 38% 1fr !important;
  gap: 36px !important;
  align-items: start !important;
  padding: 24px 0;
}

.page_index_journal .homepage_image {
  margin: 0 !important;
}

.page_index_journal .homepage_image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 420px;
  object-fit: cover !important;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(28, 42, 56, 0.12);
}

.page_index_journal .homepage_about {
  padding-top: 4px;
}

.page_index_journal .homepage_about h2 {
  font-family: 'DM Serif Display', Georgia, serif !important;
  color: var(--basileia-navy);
  font-size: 26px;
}

/* Di layar HP/tablet sempit, otomatis tumpuk ke bawah */
@media (max-width: 900px) {
  .page_index_journal {
    display: block !important;
  }
  .page_index_journal .homepage_image img {
    min-height: 260px;
    margin-bottom: 20px;
  }
}

/* ---- Menu navigasi mobile: pastikan solid (tidak transparan/numpuk konten) ---- */
@media (max-width: 768px) {
  .pkp_site_nav_menu {
    background: var(--basileia-navy, #1C2A38) !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 999 !important;
  }

  .pkp_site_nav_menu a,
  .pkp_site_nav_menu li {
    background: var(--basileia-navy, #1C2A38) !important;
    color: #fff !important;
  }

  #headerNavigationContainer,
  .pkp_head_wrapper {
    position: relative;
    z-index: 1;
  }
}

/* ---- Palet warna Basileia (samakan dengan logo) ---- */
:root {
  --basileia-navy: #1C2A38;
  --basileia-navy-soft: #2d4356;
  --basileia-gold: #E8C13A;
  --basileia-gold-dark: #B8901F;
  --basileia-cream: #F7F3E3;
}

/* Di layar HP (sempit), turunkan tinggi banner + pakai "contain" supaya
   logo tidak ter-crop parah (rasio lebar:tinggi logo tidak berubah,
   tapi lebar layar HP jauh lebih sempit dari desktop) */
@media (max-width: 768px) {
  #headerNavigationContainer .pkp_site_name_wrapper img,
  .pkp_head_wrapper .pkp_site_name_wrapper img,
  .pkp_site_name_wrapper .journal_logo img,
  .pkp_site_name .is_img img,
  .pkp_page_header img {
    height: 90px !important;
    object-fit: contain !important;
    background: var(--basileia-navy, #1C2A38);
    padding: 8px 0;
  }
}

@media (max-width: 480px) {
  #headerNavigationContainer .pkp_site_name_wrapper img,
  .pkp_head_wrapper .pkp_site_name_wrapper img,
  .pkp_site_name_wrapper .journal_logo img,
  .pkp_site_name .is_img img,
  .pkp_page_header img {
    height: 70px !important;
  }
}

/* ---- Logo header: jadikan banner penuh mengisi seluruh area header ---- */
#headerNavigationContainer,
.pkp_head_wrapper {
  padding: 0 !important;
}

#headerNavigationContainer .pkp_site_name_wrapper,
.pkp_head_wrapper .pkp_site_name_wrapper {
  display: block !important;
  width: 100% !important;
  min-height: unset;
  padding: 0 !important;
  margin: 0 !important;
}

#headerNavigationContainer .pkp_site_name_wrapper img,
.pkp_head_wrapper .pkp_site_name_wrapper img,
.pkp_site_name_wrapper .journal_logo img,
.pkp_site_name .is_img img,
.pkp_page_header img {
  width: 100% !important;
  height: 160px !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center;
  display: block;
}

/* Paksa seluruh rantai pembungkus logo ikut melebar penuh, bukan cuma gambarnya */
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name .is_img {
  width: 100% !important;
  max-width: none !important;
  display: block !important;
}

/* ---- Header & navigasi utama ---- */
#headerNavigationContainer,
.pkp_head_wrapper {
  background: var(--basileia-navy) !important;
}

.pkp_site_name_wrapper .pkp_site_name,
.pkp_site_name_wrapper .is_text {
  font-family: 'DM Serif Display', Georgia, serif !important;
  letter-spacing: 1px;
}

#navigationPrimary,
.pkp_navigation_primary_row {
  background: var(--basileia-navy-soft) !important;
  border-top: 1px solid rgba(232, 193, 58, 0.25);
}

#navigationPrimary a,
.pkp_navigation_primary_row a {
  color: #F0F0F0 !important;
  font-weight: 500;
  letter-spacing: .5px;
}

#navigationPrimary a:hover,
.pkp_navigation_primary_row a:hover {
  color: var(--basileia-gold) !important;
}

/* ---- Judul halaman / breadcrumb ---- */
.page_index h1,
.pkp_page_title {
  font-family: 'DM Serif Display', Georgia, serif !important;
  color: var(--basileia-navy);
  font-style: italic;
}

/* ---- Deskripsi jurnal di halaman depan ---- */
.page_index .description,
.journal_description {
  font-size: 16px;
  line-height: 1.8;
  color: #444;
  max-width: 760px;
}

/* ---- Kartu artikel (listing di Current/Archives) ---- */
.obj_article_summary {
  background: #fff;
  border: 1px solid #e6e2d3;
  border-radius: 12px;
  padding: 20px 22px;
  margin-bottom: 16px;
  transition: box-shadow .2s, transform .2s;
}

.obj_article_summary:hover {
  box-shadow: 0 8px 24px rgba(28, 42, 56, 0.08);
  transform: translateY(-2px);
}

.obj_article_summary .title,
.obj_article_summary .title a {
  font-family: 'DM Serif Display', Georgia, serif !important;
  font-style: italic;
  font-size: 19px;
  color: var(--basileia-navy) !important;
}

.obj_article_summary .authors {
  color: #6b7280;
  font-size: 14px;
  margin-top: 4px;
}

/* ---- Search bar: perbaiki kontras ---- */
#navigationSearch,
.pkp_search,
.pkp_navigation_search,
.search {
  color: #F0F5F5 !important;
}

#navigationSearch a,
.pkp_search a,
.pkp_navigation_search a,
.search a,
.search button {
  color: #F0F5F5 !important;
  font-weight: 600;
}

#navigationSearch input,
.pkp_search input,
.search input[type="search"],
.search input[type="text"] {
  background: #fff !important;
  color: #1C2A38 !important;
  border-radius: 6px !important;
  border: 1px solid #ccc !important;
}

/* ---- Sidebar blocks ---- */
.pkp_block {
  background: var(--basileia-cream);
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 18px;
  border: 1px solid #ece6cf;
}

.pkp_block .block_title,
.pkp_block h2 {
  font-family: 'DM Serif Display', Georgia, serif !important;
  color: var(--basileia-navy);
  font-size: 17px;
  border-bottom: 2px solid var(--basileia-gold);
  padding-bottom: 8px;
  margin-bottom: 12px;
}

.pkp_block a {
  color: var(--basileia-navy-soft);
}

.pkp_block a:hover {
  color: var(--basileia-gold-dark);
}

/* ---- Tombol utama (Submit, Register, dsb) ---- */
.pkp_button,
.pkp_button_primary,
.cta.pkp_button {
  background: var(--basileia-gold) !important;
  color: var(--basileia-navy) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

.pkp_button:hover,
.pkp_button_primary:hover {
  background: var(--basileia-gold-dark) !important;
}

/* ---- Footer ---- */
#footer,
.pkp_structure_footer {
  background: var(--basileia-navy) !important;
  color: #cbd5d5 !important;
}

#footer a,
.pkp_structure_footer a {
  color: var(--basileia-gold) !important;
}

/* ---- Responsif: rapikan spacing di layar kecil ---- */
@media (max-width: 768px) {
  .obj_article_summary {
    padding: 16px 18px;
  }
  .pkp_block {
    padding: 14px 16px;
  }
}