/* =========================================================
   Journal Ekonomi — Cleaned & Consolidated CSS
   ========================================================= */
   
.img-index{
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
}

.icon img{
    max-width: 200px;
}

/* ============ Global ============ */
a { color: #0A464E; }

.pkp_structure_page { background-color: #f2f2f2; }
/*custom menu sidebar*/
.item_menu{
    margin-bottom: 4px;
    background: linear-gradient(135deg, #3E4B96 0%, #916EFF 100%);
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    border-radius: 5px;
    list-style: none;

}
.pkp_block .content ul li{
	padding:10px;
}

.item_menu:hover{
    transform: scale(1.05);
}
.item_menu a{
    color: #fff;
    font-weight: 700;
}

.pkp_structure_main {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.pkp_structure_sidebar {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .pkp_structure_sidebar { width: 270px; }
  .pkp_structure_main { width: 920px; }
  .pkp_structure_content{
      padding-top:0;
  }
  .pkp_structure_main:first-child:last-child{
      margin-top:1,5rem;
  }
  .pkp_site_name .is_img img{
      max-height: 150px;
  }
}
@media (min-width: 1200px) {
  .pkp_structure_main { width: 1160px; }
}

.pkp_structure_head { border-bottom: 1px solid #e0e0e0; }

.pkp_structure_footer_wrapper,
.pkp_structure_footer { background: #ebebeb; }
.pkp_brand_footer { display: none; }

/* ============ Header utils ============ */
.menu-user-desktop { display: none; }
.menu-user-mobile { display: block; }

@media (min-width: 992px) {
  .menu-user-desktop { display: block; }
  .menu-user-mobile { display: none; }
  .pkp_head_wrapper { padding-top: 1.286rem; }
}

/* ============ ISSN strip ============ */
.publisher-issn { background-color: #f2f2f2; }
.konten-issn{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  width: 1200px;
  padding: 0;
  margin: 0;
}
.judul-custom{ color: #000; font-weight: 700; }
.issn{ padding-left: 20px; color: #fff; }

/* ============ Homepage two-column layout ============ */
/* === Dua kolom: image + about (responsive) === */
.page_index_journal_row1{
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
}

/* Desktop/tablet: dua kolom */
@media (min-width: 992px){
  .page_index_journal_row1{
    grid-template-columns: 25% 50% 25%;
  }
  /* Hilangkan aturan width lama dari theme */
  .page_index_journal_row1 .homepage_image,
  .page_index_journal_row1l .homepage_about{
    width: auto !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Posisi: kolom kiri = gambar, kolom kanan = about */
  .page_index_journal_row1 > .homepage_image{ grid-column: 1; }
  .page_index_journal_row1 > .homepage_about{ grid-column: 2; }
  .page_index_journal_row1 > .sidebar-menu-custom{ grid-column: 3; }
}

/* Kartu gambar lebih rapi */
.page_index_journal_row1 .homepage_image img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  transition: transform .3s, box-shadow .3s, filter .3s;
}
.page_index_journal_row1 .homepage_image img:hover{
  transform: scale(1.03);
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
  filter: brightness(1.04);
}

.page_index_journal_row2{
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
}

/* Desktop/tablet: dua kolom */
@media (min-width: 992px){
  .page_index_journal_row2{
    grid-template-columns: 100% 100%;
  }
  /* Hilangkan aturan width lama dari theme */
  .page_index_journal_row2 .homepage_image,
  .page_index_journal_row2 .homepage_about{
    width: auto !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Posisi: kolom kiri = gambar, kolom kanan = about */
  .page_index_journal_row2 > .current_issue{ grid-column: 1; }
  .page_index_journal_row2 > .additional_content{ grid-column: 1; }
}

/* ============ Current Issue / TOC ============ */
.current_issue{
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  background-color: #f2f2f2;
  border-radius: 20px;
}
.current_issue h2{
  font-size: 30px;
  margin: 0;
}
.obj_issue_toc .sections:not(:first-child){ margin: 0; }
.neo-section__title{
    background-color:transparent !important;
}
.read_more:after{
    top:11px !important;
}

@media (min-width: 768px){
  .pkp_page_index .current_issue .section:last-child{ margin: 0; }
  .obj_issue_toc .galleys,
  .obj_issue_toc .section{
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px){
  .obj_issue_toc .galleys,
  .obj_issue_toc .section{ margin: 0; }
}

/* ============ Article details width ============ */
@media (min-width: 992px),
       (min-width: 1200px){
  .obj_article_details .main_entry{ width: 800px; }
}

/* ============ CTA Button Grid ============ */
.container-button{
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 0;
}
@media (max-width: 900px){
  .container-button{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){
  .container-button{ grid-template-columns: 1fr; }
}

.btn{
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 80px;
  padding: 20px;
  border: none;
  outline: none;
  border-radius: 22px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, #3E4B96 0%, #916EFF 100%);
  box-shadow: 0 3px 18px rgba(52,148,230,.10);
  cursor: pointer;
  transition: transform .13s, box-shadow .13s;
}
.btn:visited{ color: #fff; }
.btn:hover{
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 8px 24px rgba(52,148,230,.16);
  color: #fff;
}
.icon-top img{
  font-size: 2.1rem;
  margin-bottom: 2px;
  max-width: 45px;
}
@media (max-width: 600px){
  .btn{ font-size: 1.05rem; }
}

/* ============ Publikasi / Index sections ============ */
.publikasi-section, .index-section{ text-align: center; }

.publikasi-section h2,
.index-section h2{ font-size: 25px; font-weight: 700; }

/*.judul-section{
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 40px;
}*/
@media (max-width: 480px){
  .judul-section{ font-size: 22px; }
}

.publikasi-steps{
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: auto;
  flex-wrap: nowrap;
}
.step{
  width: 250px;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
.step .icon{
  display: inline-block;
  padding: 20px;
  background: #FEBD1C;
  border-radius: 50%;
}
.step .icon img{ width: 40px; height: 40px; }
.step h3{
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.step p{
  font-size: 14px;
  line-height: 1.5;
}

/* Responsive steps */
@media (max-width: 768px){
  .publikasi-steps{
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
  }
  .step{
    width: 90%;
    max-width: 400px;
  }
}
@media (max-width: 480px){
  .step h3{ font-size: 16px; }
  .step p{ font-size: 13px; }
}

/* ============ Footer ============ */
.footer-container{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.column-footer{
  flex: 1 1 calc(25% - 20px);
  min-width: 250px;
  box-sizing: border-box;
}
.column-footer .about{ max-width: 100px; }

.column-footer h3{
  margin-top: 0;
  font-size: 18px;
  color: #333;
}
.column-footer p{
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}
.column-footer ul{
  list-style: none;
  padding-left: 0;
}
.column-footer ul li{ margin-bottom: 8px; }
.column-footer ul li a{
  text-decoration: none;
  color: #555;
}

/* Footer responsive */
@media (max-width: 768px){
  .column-footer{ flex: 1 1 calc(50% - 20px); }
}
@media (max-width: 480px){
  .column-footer{ flex: 1 1 100%; }
}

/* ============ Minor UI tweaks ============ */
.pkp_block .title{ color: #000; }



/*css halaman editor*/

.editor-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  border-radius: 10px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* Kartu tiap editor */
.editor-card {
  background: #ffffff;
  border: 1px solid #e0e6ed;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  width: 320px;
  padding: 20px;
  transition: all 0.3s ease;
}

.editor-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
}

/* Isi detail */
.editor-details {
  text-align: center;
}

.editor-name {
  font-weight: 600;
  font-size: 15px;
  color: #1a3b5d;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.editor-campus strong {
  font-size: 16px;
  color: #0b2545;
}

.editor-campus {
  font-size: 14px;
  color: #4a4a4a;
  margin-bottom: 6px;
}

.editor-ids {
  font-size: 13px;
  color: #6b7280;
  margin-top: 10px;
}

.editor-ids a {
  color: #0077cc;
  text-decoration: none;
}

.editor-ids a:hover {
  text-decoration: underline;
}

/* Responsif */
@media (max-width: 768px) {
  .editor-card {
    width: 100%;
    max-width: 500px;
  }
}

/*css halaman editor*/