/* ============================================================
   FIFS — Food Innovation, Function and Sustainability
   OJS 3.5 journal stylesheet
   Designed to sit beneath Scientific Scholarly Publishing
   Scope: FIFS journal only (upload through FIFS Appearance)
   ============================================================ */

:root{
  --fifs-navy:#072f45;
  --fifs-deep:#073e2b;
  --fifs-green:#4f972f;
  --fifs-lime:#8acb49;
  --fifs-ink:#173446;
  --fifs-muted:#667c87;
  --fifs-line:#dce7e3;
  --fifs-soft:#f5f8f6;
  --fifs-white:#ffffff;
  --fifs-shadow:0 14px 34px rgba(5,55,36,.09);
}

/* ---------- Global journal polish ---------- */
body{
  background:#f5f8f7;
  color:var(--fifs-ink);
}
a{transition:color .18s ease,background .18s ease,transform .18s ease}

/* ---------- Journal header ---------- */
.pkp_structure_head{
  background:#fff !important;
  border-bottom:0 !important;
  box-shadow:0 4px 18px rgba(6,47,69,.08);
}
.pkp_head_wrapper{
  max-width:1220px !important;
  margin:0 auto !important;
}
.pkp_site_name{
  padding-top:22px !important;
  padding-bottom:16px !important;
}
.pkp_site_name .is_text{
  color:var(--fifs-deep) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:800 !important;
  font-size:30px !important;
  line-height:1.15 !important;
  letter-spacing:-.025em !important;
  text-decoration:none !important;
}
.pkp_site_name::after{
  content:"Advancing Food Science for a Better Future";
  display:block;
  margin-top:6px;
  color:#5f766c;
  font:600 13px/1.4 Arial,Helvetica,sans-serif;
}

/* ---------- Navigation ---------- */
.pkp_navigation_primary_wrapper{
  background:linear-gradient(90deg,var(--fifs-navy),var(--fifs-deep)) !important;
  border:0 !important;
}
.pkp_navigation_primary{
  max-width:1220px !important;
  margin:0 auto !important;
}
.pkp_navigation_primary>li>a{
  color:#fff !important;
  font-weight:700 !important;
  padding:15px 16px !important;
  border-bottom:3px solid transparent !important;
}
.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus{
  background:rgba(255,255,255,.06) !important;
  border-bottom-color:var(--fifs-lime) !important;
}
.pkp_navigation_primary ul{
  min-width:295px !important;
  background:#fff !important;
  border:1px solid var(--fifs-line) !important;
  border-radius:0 0 12px 12px !important;
  box-shadow:var(--fifs-shadow) !important;
  padding:7px 0 !important;
}
.pkp_navigation_primary ul a{
  color:var(--fifs-ink) !important;
  padding:10px 16px !important;
  line-height:1.35 !important;
}
.pkp_navigation_primary ul a:hover{
  background:#eef6ef !important;
  color:var(--fifs-deep) !important;
}
.pkp_navigation_search_wrapper a,
.pkp_navigation_user>li>a{color:#fff !important}

/* ---------- Main content shell ---------- */
.pkp_structure_content{
  max-width:1220px !important;
  margin:0 auto !important;
}
.pkp_structure_main{
  background:#fff;
}
.pkp_structure_sidebar .pkp_block{
  background:#fff;
  border:1px solid var(--fifs-line);
  border-radius:14px;
  box-shadow:0 8px 22px rgba(8,50,69,.06);
  padding:20px 22px;
  margin-bottom:20px;
}
.pkp_structure_sidebar .title{
  color:var(--fifs-navy);
  font-weight:800;
}

/* ---------- Homepage-only layout ---------- */
.page_index_journal .pkp_structure_content{
  max-width:1220px !important;
}
.page_index_journal .pkp_structure_sidebar{
  display:none !important;
}
.page_index_journal .pkp_structure_main{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.page_index_journal .journal_summary,
.page_index_journal .homepage_image{
  display:none !important;
}
.page_index_journal .additional_content{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

/* ---------- Custom FIFS homepage ---------- */
.fifs-home{
  font-family:Arial,Helvetica,sans-serif;
  color:var(--fifs-ink);
}
.fifs-home *{box-sizing:border-box}

/* Hero */
.fifs-hero{
  position:relative;
  overflow:hidden;
  min-height:480px;
  background:
    linear-gradient(90deg,rgba(3,43,30,.98) 0%,rgba(3,49,34,.96) 42%,rgba(3,49,34,.38) 70%,rgba(3,49,34,.08) 100%),
    url("https://scientificscholarly.org/fifs-assets/fifs-hero.jpg") right center/62% 100% no-repeat;
  border-radius:0 0 20px 20px;
}
.fifs-hero-inner{
  max-width:1180px;
  margin:0 auto;
  padding:66px 34px 72px;
}
.fifs-kicker{
  display:inline-block;
  color:#c7ecc1;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:14px;
}
.fifs-hero h1{
  max-width:650px;
  margin:0 0 22px !important;
  color:#fff !important;
  font-size:56px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
  font-weight:850 !important;
}
.fifs-hero h1 span{color:var(--fifs-lime)}
.fifs-hero p{
  max-width:620px;
  color:rgba(255,255,255,.94);
  font-size:18px;
  line-height:1.65;
  margin:0 0 28px;
}
.fifs-actions{display:flex;flex-wrap:wrap;gap:12px}
.fifs-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 22px;
  border-radius:9px;
  text-decoration:none !important;
  font-weight:800;
}
.fifs-btn-primary{
  background:linear-gradient(135deg,var(--fifs-lime),#61ae39);
  color:#0a311f !important;
  box-shadow:0 8px 20px rgba(93,164,53,.24);
}
.fifs-btn-secondary{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.75);
  background:rgba(0,0,0,.08);
}
.fifs-btn:hover{transform:translateY(-2px)}

/* Feature strip */
.fifs-feature-wrap{
  max-width:1120px;
  margin:-26px auto 0;
  padding:0 24px;
  position:relative;
  z-index:3;
}
.fifs-feature-strip{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  background:#fff;
  border:1px solid var(--fifs-line);
  border-radius:14px;
  box-shadow:var(--fifs-shadow);
}
.fifs-feature{
  min-height:92px;
  padding:18px 16px;
  border-right:1px solid #e8eeeb;
}
.fifs-feature:last-child{border-right:0}
.fifs-feature strong{
  display:block;
  color:var(--fifs-navy);
  font-size:14px;
}
.fifs-feature small{
  display:block;
  color:var(--fifs-muted);
  font-size:11px;
  margin-top:4px;
}

/* Main homepage cards */
.fifs-content{
  max-width:1120px;
  margin:0 auto;
  padding:54px 24px 12px;
}
.fifs-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:24px;
}
.fifs-card{
  background:#fff;
  border:1px solid var(--fifs-line);
  border-radius:16px;
  box-shadow:var(--fifs-shadow);
  padding:30px 32px;
}
.fifs-card h2{
  color:var(--fifs-navy) !important;
  font-size:27px !important;
  line-height:1.2 !important;
  margin:0 0 20px !important;
  font-weight:850 !important;
}
.fifs-card p{
  color:#435b66;
  font-size:15px;
  line-height:1.75;
}
.fifs-link{
  color:#0b765f !important;
  font-weight:850;
  text-decoration:none !important;
}

/* Announcements */
.fifs-news{
  padding:15px 0;
  border-bottom:1px solid #e7ece9;
}
.fifs-news:last-child{border-bottom:0;padding-bottom:0}
.fifs-news h3{
  color:var(--fifs-ink) !important;
  font-size:16px !important;
  margin:0 0 5px !important;
}
.fifs-news p{
  margin:0 0 6px;
  font-size:14px;
  line-height:1.6;
}

/* Quick links */
.fifs-quick{
  max-width:1120px;
  margin:0 auto;
  padding:18px 24px 56px;
}
.fifs-quick-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.fifs-quick a{
  display:block;
  background:#fff;
  border:1px solid var(--fifs-line);
  border-radius:12px;
  padding:18px 20px;
  color:var(--fifs-deep) !important;
  font-weight:800;
  text-decoration:none !important;
  box-shadow:0 6px 18px rgba(8,50,69,.05);
}
.fifs-quick a:hover{
  transform:translateY(-2px);
  border-color:#bcd9b0;
  box-shadow:var(--fifs-shadow);
}

/* ---------- Inner pages ---------- */
.pkp_structure_main h1{
  color:var(--fifs-navy);
  font-weight:850;
  letter-spacing:-.025em;
}
.pkp_structure_main h2,
.pkp_structure_main h3{
  color:var(--fifs-deep);
}
.obj_article_summary,
.obj_issue_summary{
  border:1px solid var(--fifs-line);
  border-radius:12px;
  background:#fff;
  padding:20px 22px;
  margin-bottom:16px;
}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper{
  background:linear-gradient(135deg,#062d43,#073e2b) !important;
  color:#fff !important;
  border-top:0 !important;
}
.pkp_structure_footer{
  max-width:1220px !important;
  margin:0 auto !important;
}
.pkp_footer_content,
.pkp_footer_content p,
.pkp_footer_content strong{color:rgba(255,255,255,.95) !important}
.pkp_footer_content a{color:#d5edcf !important}
.pkp_brand_footer{filter:brightness(0) invert(1);opacity:.9}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .fifs-grid{grid-template-columns:1fr}
  .fifs-feature-strip{grid-template-columns:repeat(2,1fr)}
  .fifs-feature:nth-child(2n){border-right:0}
  .fifs-quick-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .pkp_site_name .is_text{font-size:23px !important}
  .pkp_site_name::after{font-size:11px}
  .fifs-hero{
    min-height:auto;
    background:
      linear-gradient(90deg,rgba(3,43,30,.96),rgba(3,43,30,.88)),
      url("https://scientificscholarly.org/fifs-assets/fifs-hero.jpg") center/cover no-repeat;
  }
  .fifs-hero-inner{padding:48px 22px 54px}
  .fifs-hero h1{font-size:40px !important}
  .fifs-hero p{font-size:16px}
  .fifs-feature-strip{grid-template-columns:1fr}
  .fifs-feature{border-right:0;border-bottom:1px solid #e8eeeb}
  .fifs-feature:last-child{border-bottom:0}
  .fifs-quick-grid{grid-template-columns:1fr}
}
/* =========================================================
   FIFS ISSUE + ARTICLE PAGE REFINEMENT
   ========================================================= */

/* ---------- ISSUE PAGE ---------- */

.page_issue .page_title{
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  color:var(--fifs-navy) !important;
  margin-bottom:24px !important;
}

.page_issue .obj_issue_toc .heading{
  background:#fff !important;
  border:1px solid var(--fifs-line) !important;
  border-radius:14px !important;
  box-shadow:var(--fifs-shadow) !important;
  padding:24px !important;
  margin-bottom:30px !important;
}

.page_issue .obj_issue_toc .cover{
  width:190px !important;
  max-width:190px !important;
  margin-right:28px !important;
}

.page_issue .obj_issue_toc .cover img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  box-shadow:0 8px 22px rgba(0,0,0,.12) !important;
}

.page_issue .obj_issue_toc .published{
  color:var(--fifs-muted) !important;
  font-size:13px !important;
}

.page_issue .obj_issue_toc .section{
  margin-top:34px !important;
}

.page_issue .obj_issue_toc .section > h2{
  color:var(--fifs-deep) !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  border-bottom:3px solid var(--fifs-lime) !important;
  padding-bottom:9px !important;
  margin-bottom:18px !important;
}

.page_issue .obj_article_summary{
  padding:22px 24px !important;
  margin-bottom:16px !important;
  border:1px solid var(--fifs-line) !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 5px 16px rgba(7,47,69,.04) !important;
  transition:.2s ease !important;
}

.page_issue .obj_article_summary:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 26px rgba(7,47,69,.08) !important;
}

.page_issue .obj_article_summary > .title{
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  margin-bottom:8px !important;
}

.page_issue .obj_article_summary > .title a{
  color:var(--fifs-navy) !important;
  text-decoration:none !important;
}

.page_issue .obj_article_summary .authors{
  color:var(--fifs-muted) !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.page_issue .obj_article_summary .galleys_links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:70px !important;
  padding:6px 14px !important;
  background:var(--fifs-deep) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:6px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

.page_issue .obj_article_summary .galleys_links a:hover{
  background:#0b765f !important;
}


/* ---------- ARTICLE LANDING PAGE ---------- */

.page_article .obj_article_details > .page_title{
  font-size:31px !important;
  line-height:1.26 !important;
  font-weight:850 !important;
  color:var(--fifs-navy) !important;
  letter-spacing:-.02em !important;
  margin-bottom:26px !important;
}

.page_article .obj_article_details .main_entry{
  background:#fff !important;
}

.page_article .obj_article_details .authors{
  margin-bottom:18px !important;
}

.page_article .obj_article_details .authors li{
  margin-bottom:13px !important;
}

.page_article .obj_article_details .authors .name{
  font-size:15px !important;
  font-weight:800 !important;
  color:var(--fifs-deep) !important;
}

.page_article .obj_article_details .authors .affiliation{
  font-size:12px !important;
  line-height:1.5 !important;
  color:var(--fifs-muted) !important;
}

.page_article .obj_article_details .item.doi{
  margin-top:6px !important;
  margin-bottom:14px !important;
  padding:12px 14px !important;
  background:#f2f8f4 !important;
  border-left:4px solid var(--fifs-green) !important;
  border-radius:0 7px 7px 0 !important;
}

.page_article .obj_article_details .item.doi a{
  color:#0b765f !important;
  font-weight:700 !important;
}

.page_article .obj_article_details .item.keywords{
  padding-top:10px !important;
}

.page_article .obj_article_details .item.abstract{
  margin-top:10px !important;
}

.page_article .obj_article_details .item.abstract .label,
.page_article .obj_article_details .abstract h2{
  color:var(--fifs-deep) !important;
  font-size:20px !important;
  font-weight:850 !important;
  border-bottom:3px solid var(--fifs-lime) !important;
  padding-bottom:8px !important;
  margin-bottom:15px !important;
}

.page_article .obj_article_details .item.abstract p{
  font-size:15px !important;
  line-height:1.8 !important;
  color:#374f5a !important;
}

.page_article .obj_article_details .entry_details{
  background:#fff !important;
  border:1px solid var(--fifs-line) !important;
  border-radius:12px !important;
  overflow:hidden !important;
}

.page_article .obj_article_details .entry_details .item{
  padding:16px 18px !important;
  border-bottom:1px solid #e7efeb !important;
}

.page_article .obj_article_details .entry_details .item:last-child{
  border-bottom:0 !important;
}

.page_article .obj_article_details .entry_details img{
  max-width:185px !important;
  height:auto !important;
  display:block !important;
  margin:0 auto !important;
}

.page_article .obj_article_details .galleys_links a,
.page_article .obj_article_details .obj_galley_link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:78px !important;
  padding:8px 16px !important;
  background:var(--fifs-deep) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:6px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

.page_article .obj_article_details .galleys_links a:hover,
.page_article .obj_article_details .obj_galley_link:hover{
  background:#0b765f !important;
}


/* ---------- DESKTOP WIDTH REFINEMENT ---------- */

@media(min-width:1200px){

  .page_article .obj_article_details .main_entry{
    width:570px !important;
  }

  .page_article .obj_article_details .entry_details{
    width:290px !important;
  }

}


/* ---------- MOBILE ---------- */

@media(max-width:767px){

  .page_article .obj_article_details > .page_title{
    font-size:25px !important;
  }

  .page_issue .obj_issue_toc .cover{
    width:160px !important;
    max-width:160px !important;
    margin:0 auto 20px !important;
  }

  .page_issue .obj_article_summary{
    padding:18px !important;
  }

}


/* =========================================================
   FIFS ARTICLE PAGE — FINAL STABLE LAYOUT
   ========================================================= */

@media (min-width: 992px){

  /* Remove the generic OJS Information sidebar on article pages */
  body:has(.page_article) .pkp_structure_sidebar{
    display:none !important;
  }

  /* Make the complete OJS content shell use the available journal width */
  body:has(.page_article) .pkp_structure_content,
  body:has(.page_article) .pkp_structure_content.has_sidebar{
    width:100% !important;
    max-width:1220px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body:has(.page_article) .pkp_structure_main{
    float:none !important;
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
    padding:0 32px 60px !important;
    border:0 !important;
  }

  /* Use a dependable flex layout for the article itself */
  .page_article .obj_article_details .row{
    display:flex !important;
    align-items:flex-start !important;
    gap:28px !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .page_article .obj_article_details .main_entry{
    float:none !important;
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    padding-right:0 !important;
    margin:0 !important;
    border-right:0 !important;
  }

  .page_article .obj_article_details .entry_details{
    float:none !important;
    flex:0 0 285px !important;
    width:285px !important;
    max-width:285px !important;
    box-sizing:border-box !important;
    margin:0 !important;
  }

  .page_article .obj_article_details > .page_title{
    width:100% !important;
    max-width:none !important;
  }

  .page_article .obj_article_details .item.abstract p{
    max-width:none !important;
  }
}

@media (max-width: 991px){
  body:has(.page_article) .pkp_structure_sidebar{
    display:none !important;
  }

  body:has(.page_article) .pkp_structure_main{
    width:100% !important;
    max-width:none !important;
    float:none !important;
  }
}


/* =========================================================
   FIFS ARTICLE PAGE — NORMAL-ZOOM POLISH
   Fixes title clipping/overcrowding and balances columns
   ========================================================= */

@media (min-width: 992px){

  /* Keep the article comfortably inside the viewport */
  body:has(.page_article) .pkp_structure_content,
  body:has(.page_article) .pkp_structure_content.has_sidebar{
    max-width:1180px !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body:has(.page_article) .pkp_structure_main{
    padding:0 28px 60px !important;
  }

  /* Long article titles: smaller, safer, no clipping */
  .page_article .obj_article_details > .page_title{
    font-size:28px !important;
    line-height:1.30 !important;
    letter-spacing:-.015em !important;
    padding-right:18px !important;
    overflow:visible !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }

  /* Balanced two-column article layout */
  .page_article .obj_article_details .row{
    gap:24px !important;
  }

  .page_article .obj_article_details .main_entry{
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  .page_article .obj_article_details .entry_details{
    flex:0 0 280px !important;
    width:280px !important;
    max-width:280px !important;
  }

  /* Slightly more compact author block at normal zoom */
  .page_article .obj_article_details .authors .name{
    font-size:14px !important;
  }

  .page_article .obj_article_details .authors .affiliation{
    font-size:11.5px !important;
  }

  /* Keep metadata card from visually crowding the title */
  .page_article .obj_article_details .entry_details{
    border-radius:10px !important;
  }
}


/* ---------- FINAL: remove vertical divider on article page ---------- */
.page_article .obj_article_details .main_entry{
  border-right:none !important;
}

.page_article .obj_article_details .entry_details{
  border-left:none !important;
}