/*
DIGITAL BUSINESS — Split Hero Layout
OJS 3.3.x
Keeps the existing green/yellow identity.
Goal: cover/logo left, journal information right.
*/

/* ---------- existing site identity ---------- */
body{
  background:#f5f6f6;
  font-family:"Segoe UI",Arial,sans-serif;
  color:#333;
}
.pkp_structure_page{
  max-width:1300px;
  margin:18px auto;
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}
.pkp_structure_head{
  background:#98e93d!important;
}
.pkp_site_name .is_text,
.pkp_site_name a{
  color:#111!important;
  font-weight:800!important;
}
.pkp_site_nav_menu{
  background:#fff!important;
  border-bottom:1px solid #e7d87c;
}
.pkp_navigation_primary>li>a,
.pkp_navigation_search_wrapper a{
  color:#555!important;
  font-weight:700;
}

/* ---------- main proportions ---------- */
.pkp_structure_main{
  padding:34px 30px 46px!important;
}
.pkp_structure_sidebar{
  background:#fffdf0!important;
  padding:25px 18px!important;
}

/* =========================================================
   DIGITAL BUSINESS HERO
   Works with the db-hero HTML previously used:
   .db-hero
     .db-cover
     .db-info
   ========================================================= */
.db-hero{
  display:grid!important;
  grid-template-columns:255px minmax(0,1fr)!important;
  gap:34px!important;
  align-items:center!important;
  width:100%!important;
  margin:0 0 34px!important;
  padding:30px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-top:1px solid #e5e5e5!important;
  border-bottom:1px solid #e5e5e5!important;
}

/* LEFT — cover */
.db-cover{
  width:255px!important;
  max-width:255px!important;
  padding:0!important;
  margin:0!important;
  text-align:center!important;
}
.db-cover img{
  display:block!important;
  width:auto!important;
  max-width:235px!important;
  max-height:335px!important;
  height:auto!important;
  margin:0 auto!important;
  object-fit:contain!important;
  box-shadow:0 9px 20px rgba(0,0,0,.15)!important;
}

/* RIGHT — journal information */
.db-info{
  min-width:0!important;
  padding:24px 28px!important;
  background:#fffdf3!important;
  border-left:4px solid #9be83f!important;
  box-sizing:border-box!important;
}
.db-info .db-kicker{
  display:inline-block!important;
  margin:0 0 8px!important;
  padding:4px 9px!important;
  background:#9be83f!important;
  color:#1f2a16!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.6px!important;
  text-transform:uppercase!important;
}
.db-info h2{
  margin:0 0 8px!important;
  padding:0!important;
  color:#333!important;
  font-size:25px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.db-info h2:after{display:none!important}
.db-info .db-issn{
  margin:0 0 15px!important;
  color:#666!important;
  font-size:13px!important;
  font-weight:600!important;
}
.db-info .db-description{
  margin:0 0 17px!important;
  color:#444!important;
  font-size:14px!important;
  line-height:1.7!important;
  text-align:justify!important;
}

/* information card on right */
.db-info:after{
  content:"Editor-in-Chief: Maria, Y. Demita  •  Publisher: Central Research Institute for Agriculture (CeRIA)";
  display:block;
  margin-top:17px;
  padding:12px 14px;
  background:#fff;
  border:1px solid #e8e2c5;
  color:#555;
  font-size:12.5px;
  line-height:1.55;
}

/* action links */
.db-action{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:16px!important;
}
.db-action a{
  display:inline-block!important;
  padding:8px 13px!important;
  border:1px solid #76b92f!important;
  border-radius:3px!important;
  background:#fff!important;
  color:#497b18!important;
  font-size:12px!important;
  font-weight:700!important;
}
.db-action a:first-child{
  background:#8edb37!important;
  color:#17250b!important;
}
.db-action a:hover{
  background:#5d941f!important;
  color:#fff!important;
}

/* ---------- fallback for older Additional Content structures ---------- */
/* If cover/info are direct children with these common names */
.additional_content .db-cover{
  float:none!important;
}
.additional_content .db-info{
  float:none!important;
}

/* ---------- sidebar compact ---------- */
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .block_custom{
  margin:0 0 18px!important;
}
.pkp_structure_sidebar .title{
  padding:7px 0!important;
  color:#555!important;
  font-size:13px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  border-bottom:2px solid #37d7d2!important;
}
.pkp_structure_sidebar .content{
  padding:8px 0!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
.pkp_structure_sidebar img{
  display:block!important;
  width:auto!important;
  max-width:190px!important;
  max-height:120px!important;
  height:auto!important;
  margin:8px auto!important;
  object-fit:contain!important;
}
.pkp_structure_sidebar li{
  padding:5px 0!important;
  font-size:11px!important;
}

/* ---------- headings / later homepage content ---------- */
.pkp_structure_main h2,
.pkp_structure_main h3{
  color:#4b4b4b;
}
.homepage_about{
  clear:both!important;
  margin-top:25px!important;
}

/* ---------- mobile ---------- */
@media(max-width:800px){
  .pkp_structure_main{padding:22px 15px!important}
  .db-hero{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:22px 16px!important;
  }
  .db-cover{
    width:100%!important;
    max-width:none!important;
  }
  .db-cover img{
    max-width:210px!important;
    max-height:310px!important;
  }
  .db-info{
    padding:21px!important;
    border-left:0!important;
    border-top:4px solid #9be83f!important;
  }
}