/*
CCRIA — Balanced International Homepage v2
Fix: proportional cover-left / information-right layout
OJS 3.3.x
*/

:root{
 --navy:#062838;
 --teal:#2d8586;
 --accent:#39aaa8;
 --soft:#f0f5f6;
 --line:#d9e3e6;
 --text:#273840;
 --muted:#68777e;
}

/* ===== PAGE / HEADER ===== */
html,body{background:#f5f7f8}
body{font-family:"Segoe UI",Arial,sans-serif;color:var(--text);line-height:1.7}

.pkp_structure_page{
 max-width:1340px;
 margin:18px auto;
 background:#fff;
 border:1px solid var(--line);
 box-shadow:0 8px 26px rgba(6,40,56,.07)
}
.pkp_structure_head{
 background:var(--navy)!important;
 border-top:4px solid var(--accent)
}
.pkp_site_name{padding:20px 32px 18px}
.pkp_site_name .is_text{
 color:#fff;
 font-size:22px;
 font-weight:800;
 line-height:1.25;
 text-transform:uppercase
}
.pkp_site_nav_menu{
 background:#fff;
 border-bottom:1px solid var(--line)
}
.pkp_navigation_primary{padding-left:18px}
.pkp_navigation_primary>li>a,
.pkp_navigation_search_wrapper a{
 color:var(--navy);
 font-size:14px;
 font-weight:700
}
.pkp_navigation_primary>li>a{
 padding-top:14px;
 padding-bottom:12px;
 border-bottom:3px solid transparent
}
.pkp_navigation_primary>li>a:hover{
 color:var(--teal);
 border-bottom-color:var(--accent)
}

/* ===== MAIN ===== */
.pkp_structure_main{
 padding:38px 36px 48px;
 background:#fff
}

/*
The existing CCRIA Additional Content uses:
.aimcolumn
  .aimleft  = cover
  .aimright = aims/scope + journal metadata

The important change:
cover gets only 27%; information gets 73%.
Both sit in ONE compact horizontal hero.
*/
.additional_content{
 margin:0!important;
 padding:0!important
}
.additional_content:after{
 content:"";
 display:block;
 clear:both
}

.additional_content .aimcolumn{
 box-sizing:border-box!important
}

/* COVER SIDE */
.additional_content .aimleft{
 float:left!important;
 width:27%!important;
 padding:24px 20px 24px 4px!important;
 background:#fff!important;
 text-align:center!important
}
.additional_content .aimleft img{
 display:block!important;
 width:auto!important;
 height:auto!important;
 max-width:215px!important;
 max-height:330px!important;
 margin:0 auto!important;
 object-fit:contain!important;
 border:1px solid #d1dade;
 box-shadow:0 8px 20px rgba(6,40,56,.12)
}

/* INFORMATION SIDE */
.additional_content .aimright{
 float:left!important;
 width:73%!important;
 min-height:330px!important;
 padding:25px 29px 23px!important;
 background:var(--soft)!important;
 border:0!important;
 border-left:3px solid var(--accent)!important;
 box-sizing:border-box!important
}

/* Add a clean title without consuming too much height */
.additional_content .aimright p:first-child:before{
 content:"AIMS AND SCOPE";
 display:block;
 margin:0 0 13px;
 padding:0 0 9px;
 color:var(--navy);
 border-bottom:1px solid #9dcaca;
 font-size:20px;
 font-weight:800;
 letter-spacing:.15px;
 text-align:left
}

/* Remove duplicated visible "Aims and Scope" at beginning when possible */
.additional_content .aimright p{
 margin:0 0 13px!important;
 color:#293a42!important;
 font-size:14.5px!important;
 line-height:1.65!important;
 text-align:justify!important
}

/* Metadata card: compact, not oversized */
.additional_content .aimright ul{
 margin:16px 0 0!important;
 padding:13px 18px 13px 37px!important;
 background:#fff!important;
 border:1px solid #d4e0e3!important;
 border-radius:4px!important;
 box-shadow:none!important
}
.additional_content .aimright li{
 margin:3px 0!important;
 font-size:13.5px!important;
 line-height:1.45!important
}
.additional_content .aimright li strong{
 color:var(--navy)
}

/* ===== CONTENT AFTER HERO ===== */
.homepage_about{
 clear:both!important;
 margin-top:26px!important;
 padding:25px 0!important;
 border-top:1px solid var(--line)!important;
 border-bottom:1px solid var(--line)!important
}
.pkp_structure_main h2{
 margin-bottom:18px;
 padding-bottom:9px;
 color:var(--navy);
 font-size:22px
}
.pkp_structure_main h2:after{
 content:"";
 display:block;
 width:48px;
 height:3px;
 margin-top:7px;
 background:var(--accent)
}
.homepage_about p,
.additional_content p{
 line-height:1.7
}

/* ===== SIDEBAR ===== */
.pkp_structure_sidebar{
 background:#f7f9f9;
 padding:27px 20px;
 border-left:1px solid var(--line)
}
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .block_custom{
 margin:0 0 22px;
 padding:0;
 background:#fff;
 border:1px solid var(--line);
 border-radius:5px;
 overflow:hidden
}
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .block_custom .title{
 display:block;
 width:auto;
 margin:0;
 padding:10px 14px;
 background:var(--teal);
 color:#fff;
 font-size:14px;
 font-weight:800;
 text-transform:uppercase
}
.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_sidebar .block_custom .content{
 padding:14px!important
}
.pkp_structure_sidebar img{
 display:block;
 max-width:100%;
 height:auto;
 margin:5px auto 10px
}
.pkp_structure_sidebar ul{
 margin:0;
 padding:0;
 list-style:none
}
.pkp_structure_sidebar li{
 padding:8px 0;
 border-bottom:1px solid #e5ecee
}

/* ===== ARTICLES ===== */
.obj_article_summary,
.obj_issue_summary{
 padding:18px 0;
 border-bottom:1px solid var(--line)
}
.obj_article_summary .title a,
.obj_issue_summary .title a{
 color:var(--navy);
 font-weight:700
}
.obj_galley_link{
 padding:5px 11px!important;
 background:#fff!important;
 color:var(--teal)!important;
 border:1px solid var(--teal)!important;
 border-radius:3px;
 font-size:12px;
 font-weight:700
}
.obj_galley_link:hover{
 background:var(--teal)!important;
 color:#fff!important
}

/* ===== FOOTER ===== */
.pkp_structure_footer_wrapper{
 background:var(--navy);
 border-top:4px solid var(--accent)
}
.pkp_structure_footer{
 background:var(--navy);
 color:#dce8ea
}
.pkp_footer_content{padding:30px 35px}
.pkp_footer_content,
.pkp_footer_content p,
.pkp_footer_content strong{color:#dce8ea}
.pkp_footer_content a{color:#8adbd8}
.pkp_brand_footer{background:#fff}

/* ===== RESPONSIVE ===== */
@media(max-width:1050px){
 .additional_content .aimleft{width:30%!important}
 .additional_content .aimright{width:70%!important}
 .additional_content .aimleft img{max-width:195px!important}
}
@media(max-width:760px){
 .pkp_structure_page{margin:0;border:0;box-shadow:none}
 .pkp_structure_main{padding:24px 17px}
 .additional_content .aimleft,
 .additional_content .aimright{
   float:none!important;
   width:100%!important
 }
 .additional_content .aimleft{
   padding:15px 10px 24px!important
 }
 .additional_content .aimleft img{
   max-width:210px!important
 }
 .additional_content .aimright{
   min-height:0!important;
   padding:22px!important;
   border-left:0!important;
   border-top:3px solid var(--accent)!important
 }
 .pkp_structure_sidebar{border-left:0}
}


/* ===== HEADER VISIBILITY UPGRADE =====
   Brighter academic teal-navy header so Dashboard/User navigation remains visible.
*/
.pkp_structure_head{
  background:linear-gradient(110deg,#0b4258 0%,#176b73 62%,#238d89 100%)!important;
  border-top:5px solid #64d1c7!important;
}

/* Journal title */
.pkp_site_name .is_text,
.pkp_site_name .is_text:hover,
.pkp_site_name a,
.pkp_site_name a:hover{
  color:#ffffff!important;
}

/* Top-right account / Dashboard navigation */
.pkp_navigation_user,
.pkp_navigation_user > li,
.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus,
.pkp_navigation_user .profile,
.pkp_navigation_user .profile > a{
  color:#ffffff!important;
}

.pkp_navigation_user > li > a{
  font-weight:700!important;
  text-shadow:0 1px 1px rgba(0,0,0,.16);
}

/* Make the user/account control readable on the colored header */
.pkp_navigation_user .profile > a,
.pkp_navigation_user > li.profile > a{
  padding:7px 12px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:5px!important;
  background:rgba(0,0,0,.12)!important;
}

/* Dropdown itself remains white and readable */
.pkp_navigation_user ul{
  background:#ffffff!important;
  border:1px solid #d5e0e3!important;
  box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
}
.pkp_navigation_user ul li a{
  color:#163845!important;
  text-shadow:none!important;
}
.pkp_navigation_user ul li a:hover,
.pkp_navigation_user ul li a:focus{
  color:#ffffff!important;
  background:#176b73!important;
}

/* Icons/caret in user navigation */
.pkp_navigation_user .fa,
.pkp_navigation_user .fas,
.pkp_navigation_user .far,
.pkp_navigation_user [class*="pkp_helpers_icon"]{
  color:#ffffff!important;
}


/* =========================================================
   COMPACT SIDEBAR v2
   Template + Accreditation/Indexing made smaller and tighter
   ========================================================= */

/* Reduce overall sidebar width impression / spacing */
.pkp_structure_sidebar{
  padding:22px 16px!important;
}

/* Compact every sidebar card */
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .block_custom{
  margin-bottom:15px!important;
  border-radius:4px!important;
}

/* Smaller title bars */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .block_custom .title{
  padding:7px 10px!important;
  font-size:11px!important;
  line-height:1.25!important;
  letter-spacing:.15px!important;
}

/* Less inner whitespace */
.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_sidebar .block_custom .content{
  padding:9px 10px!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* Generic sidebar images: accreditation/indexing logos */
.pkp_structure_sidebar .pkp_block img,
.pkp_structure_sidebar .block_custom img{
  display:block!important;
  width:auto!important;
  max-width:165px!important;
  max-height:58px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:8px auto!important;
}

/* Template image may be a little wider, but still compact */
.pkp_structure_sidebar img[alt*="Template" i],
.pkp_structure_sidebar img[src*="template" i]{
  max-width:165px!important;
  max-height:70px!important;
}

/* Accreditation/indexing blocks: tighten text and logos */
.pkp_structure_sidebar .content p{
  margin:5px 0 8px!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* When logos are wrapped in links/paragraphs */
.pkp_structure_sidebar .content a img,
.pkp_structure_sidebar .content p img{
  max-width:165px!important;
  max-height:58px!important;
  margin:7px auto!important;
}

/* Reduce vertical gaps from line breaks in custom HTML */
.pkp_structure_sidebar .content br{
  line-height:.65!important;
}

/* Compact quick menu as well */
.pkp_structure_sidebar li{
  padding:6px 0!important;
  font-size:11.5px!important;
}

/* Mobile: don't let sidebar graphics grow again */
@media(max-width:760px){
  .pkp_structure_sidebar .pkp_block img,
  .pkp_structure_sidebar .block_custom img,
  .pkp_structure_sidebar .content a img,
  .pkp_structure_sidebar .content p img{
    max-width:155px!important;
  }
}


/* =========================================================
   COMPACT EDITORIAL PROCESS / WORKFLOW
   Shrink the large vertical editorial-process diagram
   ========================================================= */

/* Images commonly used for Editorial Process / Publication Process */
.additional_content img[src*="process" i],
.additional_content img[src*="editorial" i],
.additional_content img[src*="workflow" i],
.additional_content img[alt*="process" i],
.additional_content img[alt*="editorial" i],
.additional_content img[alt*="workflow" i],
.pkp_structure_main img[src*="process" i],
.pkp_structure_main img[src*="editorial" i],
.pkp_structure_main img[src*="workflow" i],
.pkp_structure_main img[alt*="process" i],
.pkp_structure_main img[alt*="editorial" i],
.pkp_structure_main img[alt*="workflow" i]{
  display:block!important;
  width:auto!important;
  max-width:300px!important;
  max-height:650px!important;
  height:auto!important;
  margin:18px auto!important;
  object-fit:contain!important;
}

/* If the process graphic sits alone inside a paragraph/div */
.pkp_structure_main p > img:only-child,
.pkp_structure_main div > img:only-child{
  width:auto!important;
  max-width:300px!important;
  height:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Compact heading/spacing around editorial process section */
.pkp_structure_main h2,
.pkp_structure_main h3{
  margin-top:22px!important;
  margin-bottom:14px!important;
}

/* Prevent embedded workflow images from inheriting oversized rules */
.page_index_journal .additional_content img[src*="process" i],
.page_index_journal .additional_content img[src*="editorial" i],
.page_index_journal .additional_content img[src*="workflow" i]{
  max-width:300px!important;
  max-height:650px!important;
}

/* Mobile */
@media(max-width:760px){
  .additional_content img[src*="process" i],
  .additional_content img[src*="editorial" i],
  .additional_content img[src*="workflow" i],
  .pkp_structure_main img[src*="process" i],
  .pkp_structure_main img[src*="editorial" i],
  .pkp_structure_main img[src*="workflow" i],
  .pkp_structure_main p > img:only-child,
  .pkp_structure_main div > img:only-child{
    max-width:245px!important;
    max-height:560px!important;
  }
}