@charset "UTF-8";

/* =====================================================
   JUPAUD - Journal Stylesheet V3 (2026-11-08)
   OJS 3.4.0.10 (default theme) - Scopus-style, clean rewrite

   Replaces the 2256-line V1 (styleSheet.original.css), which had
   268 !important, 41 duplicated selectors, ~60 classes no page
   uses (.juktisi-*, .jupaud-*, #what-we-do, carousel...) and these
   visible bugs:
   - "Search" link white on the cream menu bar (invisible)
   - .jc_* article markup unstyled: raw e-mail text, author names
     glued together, affiliations numbered twice "1. (1)",
     CONTACT strip and Metrics panel unstyled
   - DOI / Dimensions labels drawn as oversized yellow pills
   - html{scroll-behavior:smooth} made in-page jumps sluggish

   Homepage "About the Journal" and the footer are custom HTML with
   inline styles (Website settings), so they are not styled here.
   Article markup: shared article_summary.tpl / article_details.tpl
   (.jc_* classes, same as JOCSAIC / JUPEMBA).
===================================================== */

/* ---------- 1. Tokens (Scopus palette) ---------- */
:root{
  --sc-ink:#2e2e2e;          /* body text */
  --sc-ink-2:#505050;        /* secondary text */
  --sc-ink-3:#6b6b6b;        /* muted labels */
  --sc-link:#007398;         /* Elsevier/Scopus link blue */
  --sc-link-hover:#00566f;
  --sc-accent:#e9711c;       /* Scopus orange */
  --sc-accent-dark:#b8540f;  /* orange for text / white-on-orange */
  --sc-accent-2:#007398;
  --sc-line:#dcdcdc;
  --sc-line-2:#ececec;
  --sc-soft:#f7f7f7;
  --sc-page:#f2f2f2;
  --sc-oa:#007398;           /* open access label */
  --sc-radius:4px;
}

/* ---------- 2. Base ---------- */
body{
  background:var(--sc-page);
  color:var(--sc-ink);
  font-family:"Noto Sans","Segoe UI",Arial,Helvetica,sans-serif;
  line-height:1.6;
}
a{color:var(--sc-link);text-decoration:none}
a:hover,
a:focus{color:var(--sc-link-hover);text-decoration:underline}
img{max-width:100%;height:auto}

/* ---------- 3. Layout ---------- */
.pkp_structure_page{
  max-width:1240px;
  margin:0 auto;
  background:#fff;
  box-shadow:0 0 0 1px var(--sc-line-2);
}
.pkp_structure_content{font-size:15px;background:#fff}
.pkp_structure_main{padding-top:24px;padding-bottom:24px}
.pkp_structure_sidebar{padding-top:24px}
.pkp_structure_sidebar:before,
.pkp_structure_main:before,
.pkp_structure_main:after{border-color:var(--sc-line-2)}

/* ---------- 4. Header (JUPAUD banner image) ---------- */
.pkp_structure_head{
  position:relative;
  margin:0;
  background:#fff;
  border-bottom:0;
}
.pkp_site_name,
.pkp_site_name .is_img{
  position:relative;
  display:block;
  width:100%;
  margin:0;
}
.pkp_site_name .is_img img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
}

/* user menu (login / register / username) - top right */
.pkp_navigation_user>li>a{
  display:inline-block;
  padding:3px 12px;
  border:1px solid var(--sc-line);
  border-radius:var(--sc-radius);
  background:#fff;
  color:var(--sc-ink);
  font-size:13px;
  font-weight:600;
}
.pkp_navigation_user>li>a:hover,
.pkp_navigation_user>li>a:focus{
  border-color:var(--sc-accent);
  color:var(--sc-accent-dark);
  text-decoration:none;
}
.pkp_navigation_user li li a{color:var(--sc-ink)}

/* ---------- 5. Primary navigation ---------- */
.pkp_navigation_primary_row{
  background:#fff;
  border-top:1px solid var(--sc-line-2);
  border-bottom:1px solid var(--sc-line);
  padding:0 12px;
}
#navigationPrimary>li>a{
  position:relative;
  padding:14px 12px 13px;
  margin:0;
  border:0;
  color:var(--sc-ink);
  font-size:14.5px;
  font-weight:600;
}
#navigationPrimary>li>a:hover,
#navigationPrimary>li>a:focus{
  color:var(--sc-accent-dark);
  background:transparent;
  box-shadow:inset 0 -3px 0 var(--sc-accent);
  text-decoration:none;
}

/* dropdown */
#navigationPrimary li ul{
  min-width:240px;
  padding:6px 0;
  background:#fff;
  border:1px solid var(--sc-line);
  border-radius:var(--sc-radius);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  z-index:1000;
}
#navigationPrimary li ul a{
  display:block;
  padding:8px 16px;
  border:0;
  color:var(--sc-ink);
  font-size:14px;
  font-weight:400;
}
#navigationPrimary li ul a:hover,
#navigationPrimary li ul a:focus{
  background:var(--sc-soft);
  color:var(--sc-accent-dark);
  border-left:0;
  text-decoration:none;
}

/* search link (was white on cream) */
.pkp_navigation_search_wrapper a,
.pkp_search .search_prompt{
  color:var(--sc-ink);
  font-size:14.5px;
  font-weight:600;
}
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus{
  color:var(--sc-accent-dark);
  border-color:var(--sc-accent);
  text-decoration:none;
}

/* ---------- 6. Page content ---------- */
.cmp_breadcrumbs{font-size:13px;color:var(--sc-ink-3)}
.cmp_breadcrumbs a{color:var(--sc-ink-2)}
.cmp_breadcrumbs a:hover{color:var(--sc-link)}
.cmp_breadcrumbs .current{color:var(--sc-ink-3)}

.page>h1,
.page_title,
.page h1{
  font-size:26px;
  line-height:1.3;
  font-weight:600;
  color:var(--sc-ink);
}
.page h2{font-size:20px;font-weight:600;color:var(--sc-ink)}
.page h3{font-size:17px;font-weight:600;color:var(--sc-ink)}
.page p,
.page li{line-height:1.7}
.page_about p,
.page_submissions p,
.page_editorial_team p{text-align:justify}

.page table{border-collapse:collapse}
.page table td,
.page table th{border-color:var(--sc-line)}

/* generic buttons (forms, read more, submissions) */
.cmp_button,
.pkp_button,
.cmp_form .buttons button,
.page_submissions .cmp_notification a{
  border-radius:var(--sc-radius);
}
.cmp_form .buttons button.submit,
.cmp_button{
  background:var(--sc-accent-dark);
  border-color:var(--sc-accent-dark);
  color:#fff;
  box-shadow:none;
}
.cmp_form .buttons button.submit:hover,
.cmp_button:hover{background:#9a450b;border-color:#9a450b;color:#fff}
.cmp_notification{
  border-left:4px solid var(--sc-accent);
  background:var(--sc-soft);
  color:var(--sc-ink);
}

/* homepage */
.homepage_about>h2,
.current_issue>h2,
.cmp_announcements>h2{
  margin:0 0 14px;
  padding-bottom:8px;
  border-bottom:1px solid var(--sc-line);
  font-size:20px;
  font-weight:600;
  color:var(--sc-ink);
}
.pkp_page_index .current_issue .read_more{
  display:inline-block;
  margin-top:10px;
  font-weight:600;
}

/* announcements */
.cmp_announcements>div,
.obj_announcement_summary{
  padding:14px 0;
  border-bottom:1px solid var(--sc-line-2);
}
.obj_announcement_summary h2,
.obj_announcement_summary h3{font-size:17px;margin:0 0 4px}
.obj_announcement_summary .date{font-size:13px;color:var(--sc-ink-3)}

/* ---------- 7. Current issue / issue page ---------- */
.obj_issue_toc .heading{overflow:hidden;margin-bottom:0}
.obj_issue_toc .cover{
  float:left;
  width:180px;
  margin:0 24px 16px 0;
}
.obj_issue_toc .cover img{
  display:block;
  width:100%;
  border:1px solid var(--sc-line);
  border-radius:var(--sc-radius);
}
.obj_issue_toc .description{text-align:justify;color:var(--sc-ink-2)}
.obj_issue_toc .pub_id,
.obj_issue_toc .published{font-size:14px;color:var(--sc-ink-2)}
.obj_issue_toc .pub_id .type,
.obj_issue_toc .published .label{font-weight:600;color:var(--sc-ink)}
.obj_issue_toc .sections{clear:both}

/* section block: the default theme pulls it 30px outside the box
   (margin:30px -30px) and draws a ::before rule - both reset here */
.obj_issue_toc .section{
  position:static;
  margin:24px 0 0;
  padding:0;
}
.obj_issue_toc .section::before{display:none}

/* section title ("ARTICLES"): accent bar + label + hairline */
.obj_issue_toc .section>h2,
.obj_issue_toc .section>h3{
  position:static;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  padding:0;
  background:none;
  border:0;
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--sc-ink);
}
.obj_issue_toc .section>h2::before,
.obj_issue_toc .section>h3::before{
  content:"";
  flex:0 0 4px;
  height:18px;
  border-radius:2px;
  background:var(--sc-accent);
}
.obj_issue_toc .section>h2::after,
.obj_issue_toc .section>h3::after{
  content:"";
  flex:1 1 auto;
  height:1px;
  background:var(--sc-line);
}
.obj_issue_toc .articles{margin:0;padding:0}
.obj_issue_toc .articles>li{margin:0;list-style:none}

/* ---------- 8. Archive ---------- */
.page_issue_archive .issues_archive{margin:0;padding:0}
.page_issue_archive .issues_archive>li{
  list-style:none;
  margin:0 0 14px;
  padding:0;
}
.obj_issue_summary{
  overflow:hidden;
  padding:16px 18px;
  background:#fff;
  border:1px solid var(--sc-line);
  border-left:4px solid var(--sc-accent);
  border-radius:var(--sc-radius);
  transition:box-shadow .2s ease;
}
.obj_issue_summary:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.obj_issue_summary .cover{
  float:left;
  width:110px;
  margin:0 20px 0 0;
}
.obj_issue_summary .cover img{
  display:block;
  width:100%;
  border:1px solid var(--sc-line);
  border-radius:3px;
}
.obj_issue_summary h2,
.obj_issue_summary .title{
  margin:0 0 4px;
  font-size:18px;
  font-weight:600;
  line-height:1.35;
}
.obj_issue_summary .title a{color:var(--sc-link)}
.obj_issue_summary .series{
  font-size:14px;
  font-weight:600;
  color:var(--sc-ink-2);
}
.obj_issue_summary .description{
  margin-top:8px;
  font-size:14px;
  color:var(--sc-ink-2);
  text-align:justify;
}

/* ---------- 9. DOI links ---------- */
/* =====================================================
   DOI links
   (was #ff9f00 = 2.1:1 contrast on white; now readable)
===================================================== */
a[href*="doi.org"]{
  color:var(--sc-link) !important;
  text-decoration:none !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  word-break:break-word;
}

a[href*="doi.org"]:hover{
  color:var(--sc-link-hover) !important;
  text-decoration:underline !important;
}

/* =====================================================
   ARTICLE SUMMARY - Scopus search-result style
   Markup: .obj_article_summary > h4.title, br, .meta(
     .authors, ul.galleys_links, .article-doi,
     .article-dimensions-badge, .pages), script, .article-metrics
===================================================== */
.obj_article_summary{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:14px;
  row-gap:6px;
  background:#fff;
  border:1px solid var(--sc-line);
  border-left:4px solid var(--sc-accent);
  border-radius:8px;
  padding:16px 20px 14px;
  margin-bottom:14px;
  font-size:14px;
  line-height:1.55;
  color:var(--sc-ink-2);
  transition:border-color .2s ease, box-shadow .2s ease;
}

.obj_article_summary:hover,
.obj_article_summary:focus-within{
  border-left-color:var(--sc-accent-2);
  box-shadow:0 4px 14px rgba(0,0,0,.10);
}

.obj_article_summary>br,
.obj_article_summary>script{display:none}
.obj_article_summary .meta{display:contents}

/* row 1: document type + open access + pages */
.obj_article_summary::before{
  order:0;
  content:"Article  \2022  Open Access";
  white-space:pre;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--sc-oa);
}

.obj_article_summary .pages{
  order:1;
  position:static;
  margin-left:auto;
  line-height:1.4;
  font-size:12.5px;
  color:var(--sc-ink-3);
  white-space:nowrap;
}
.obj_article_summary .pages::before{content:"Pages "}

/* row 2: title */
.obj_article_summary>.title{
  order:2;
  flex:0 0 100%;
  margin:0;
  padding:0;
  font-size:17px;
  line-height:1.4;
  font-weight:600;
}
.obj_article_summary>.title a{
  font-size:inherit;
  font-weight:inherit;
  color:var(--sc-link);
}
.obj_article_summary>.title a:hover{
  color:var(--sc-link-hover);
  text-decoration:underline;
}

/* row 3: authors */
.obj_article_summary .authors{
  order:3;
  flex:0 0 100%;
  font-size:14px;
  color:var(--sc-ink);
  padding-left:22px;
  background:no-repeat left 3px/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237b8794' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E");
}

/* numbered authors + affiliations + ORCID (article_summary-authors.tpl) */
.obj_article_summary .jc_authors{
  padding-left:0;
  background:none;
  margin:2px 0 2px;
}

.jc_au_names{
  position:relative;
  padding-left:26px;
  line-height:1.6;
}
.jc_au_names::before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:18px;
  height:18px;
  background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23007398' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
}

.jc_au{white-space:nowrap}
.jc_au+.jc_au::before{content:",\00a0 ";white-space:normal}

.jc_au_name{
  font-size:15px;
  font-weight:700;
  color:#1f2a44;
  white-space:normal;
}

.jc_au_ref{
  margin-left:2px;
  font-size:10.5px;
  font-weight:500;
  color:var(--sc-ink-2);
  vertical-align:super;
  line-height:0;
}

.jc_au_orcid{
  display:inline-block;
  width:15px;
  height:15px;
  margin-left:5px;
  vertical-align:-2px;
  border-radius:50%;
  background:no-repeat center/15px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23A6CE39' d='M256 128c0 70.7-57.3 128-128 128S0 198.7 0 128 57.3 0 128 0s128 57.3 128 128z'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M86.3 186.2H70.9V79.1h15.4v107.1z'/%3E%3Cpath d='M108.9 79.1h41.6c39.6 0 57 28.3 57 53.6 0 27.5-21.5 53.6-56.8 53.6h-41.8V79.1zm15.4 93.3h24.5c34.9 0 42.9-26.5 42.9-39.7C191.7 111.2 178 93 148 93h-23.7v79.4z'/%3E%3Cpath d='M88.7 56.8c0 5.5-4.5 10.1-10.1 10.1s-10.1-4.6-10.1-10.1 4.5-10.1 10.1-10.1 10.1 4.6 10.1 10.1z'/%3E%3C/g%3E%3C/svg%3E");
  transition:transform .15s ease;
}
.jc_au_orcid:hover,
.jc_au_orcid:focus{transform:scale(1.15)}

/* corresponding-author e-mail icon in the article list (base style: .jc_au_email) */
.jc_au_names .jc_au_email{
  width:15px;
  height:15px;
  margin-left:5px;
  vertical-align:-2px;
  background-size:15px;
}

.jc_affs{
  margin:6px 0 0;
  padding:0 0 0 26px;
  list-style:none;
}
.jc_affs li{
  display:flex;
  gap:10px;
  margin:0;
  font-size:13.5px;
  line-height:1.55;
  color:var(--sc-ink-2);
}
.jc_aff_no{
  flex:0 0 auto;
  min-width:20px;
  color:var(--sc-ink-3);
}

/* row 4: DOI + Dimensions */
.obj_article_summary .article-doi{
  order:4;
  margin:0 !important;
  font-size:13px;
}
.obj_article_summary .article-doi strong{
  color:var(--sc-ink-3) !important;
  font-weight:600;
  margin-right:2px;
}
.obj_article_summary .article-dimensions-badge{
  order:5;
  margin:0 !important;
  line-height:0;
}

/* divider */
.obj_article_summary::after{
  order:6;
  content:"";
  flex:0 0 100%;
  height:0;
  border-top:1px solid var(--sc-line);
  margin:6px 0 2px;
}

/* row 5: actions + metrics */
.obj_article_summary .galleys_links{
  order:7;
  display:flex;
  gap:8px;
  margin:0;
  padding:0;
}
.obj_article_summary .galleys_links li{list-style:none;margin:0}

.obj_article_summary .article-metrics{
  order:8;
  margin-left:auto;
  font-size:12.5px;
  color:var(--sc-ink-3);
}
.obj_article_summary .article-metrics .fa{color:var(--sc-ink-3);margin-right:3px}

/* ---------- Galley (PDF) buttons - shared ---------- */
.obj_galley_link,
.cmp_manuscript_button{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#fff;
  color:var(--sc-accent-dark);
  border:1px solid var(--sc-accent);
  border-radius:4px;
  padding:3px 12px;
  font-size:13px;
  font-weight:700;
  line-height:1.6;
  text-align:center;
  transition:background .15s ease,color .15s ease;
}
.obj_galley_link:hover,
.obj_galley_link:focus,
.cmp_manuscript_button:hover{
  background:var(--sc-accent-dark);
  border-color:var(--sc-accent-dark);
  color:#fff;
}
.obj_galley_link.pdf::before{
  content:"";
  flex:0 0 14px;
  width:14px;
  height:14px;
  margin:0;
  background:currentColor;
  -webkit-mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 13h8v2H8v-2zm0 4h5v2H8v-2z'/%3E%3C/svg%3E");
          mask:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 13h8v2H8v-2zm0 4h5v2H8v-2z'/%3E%3C/svg%3E");
}

/* =====================================================
   ARTICLE DETAIL - Scopus document page style
===================================================== */
.page_article .cmp_breadcrumbs{
  font-size:12.5px;
  color:var(--sc-ink-3);
  margin-bottom:6px;
}
.page_article .cmp_breadcrumbs a{color:var(--sc-ink-2)}
.page_article .cmp_breadcrumbs a:hover{color:var(--sc-link)}

.obj_article_details{color:var(--sc-ink)}

/* document type line above the title */
.obj_article_details .page_title::before{
  content:"Article  \2022  Open Access";
  white-space:pre;
  display:block;
  margin-bottom:10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--sc-oa);
}

.obj_article_details .page_title{
  font-size:28px;
  line-height:1.32;
  font-weight:600;
  color:var(--sc-ink);
  margin:4px 0 18px;
}

.obj_article_details .subtitle{
  font-size:18px;
  color:var(--sc-ink-2);
  margin-top:-10px;
}

/* two-column document layout */
.obj_article_details .row{
  border:0;
  margin:0;
}
.obj_article_details .main_entry,
.obj_article_details .entry_details{
  border:0 !important;
  padding:0;
}

@media(min-width:992px){
  .obj_article_details .row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 250px;
    column-gap:32px;
    align-items:start;
  }
  .obj_article_details .main_entry,
  .obj_article_details .entry_details{
    float:none;
    width:auto;
    margin:0;
    grid-row:1;
  }
  .obj_article_details .main_entry{grid-column:1}
  .obj_article_details .entry_details{
    grid-column:2;
  }
}

/* section headings */
.obj_article_details .main_entry .item{
  padding:0;
  margin:0 0 26px;
}

.obj_article_details .main_entry .item>.label,
.obj_article_details .main_entry .item>h2.label{
  display:block;
  font-size:18px;
  font-weight:600;
  color:var(--sc-ink);
  margin:0 0 12px;
  padding-bottom:8px;
  border-bottom:1px solid var(--sc-line);
}

/* authors (inline list, like Scopus) */
.obj_article_details .item.authors{
  padding-bottom:18px;
  border-bottom:1px solid var(--sc-line);
}
.obj_article_details .item.authors ul.authors{
  display:flex;
  flex-wrap:wrap;
  gap:12px 28px;
  margin:0;
  padding:0;
}
.obj_article_details .item.authors li{
  list-style:none;
  margin:0;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.obj_article_details .item.authors .userGroup{display:none}

.item.authors .name{
  position:relative;
  padding-left:24px;
  font-size:15.5px;
  font-weight:600;
  color:var(--sc-link);
}
.item.authors .name::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  width:16px;
  height:16px;
  background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23007398' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E");
}

/* author number (1), (2)... after each name, same numbering as the article list */
.obj_article_details .item.authors ul.authors{counter-reset:jc-au}
.obj_article_details .item.authors ul.authors>li{counter-increment:jc-au}
.obj_article_details .item.authors .name::after{
  content:"(" counter(jc-au) ")";
  margin-left:3px;
  font-size:11px;
  font-weight:500;
  color:var(--sc-ink-3);
  vertical-align:super;
  line-height:0;
}

.item.authors .affiliation{
  position:relative;
  padding-left:24px;
  font-size:13.5px;
  line-height:1.5;
  color:var(--sc-ink-2);
}
.item.authors .affiliation::before{
  content:"";
  position:absolute;
  left:1px;
  top:2px;
  width:14px;
  height:14px;
  background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237b8794' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L2 8h20L12 3zm-8 7v2h2v6H4v2h16v-2h-2v-6h2v-2H4zm4 2h2v6H8v-6zm6 0h2v6h-2v-6z'/%3E%3C/svg%3E");
}
.item.authors .orcid{padding-left:24px;font-size:13px}
.item.authors .orcid a{color:var(--sc-ink-2)}

/* name + ORCID iD + e-mail icons on one line (article_details-authors.tpl) */
.jc_detail_head{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.jc_detail_head .jc_au_orcid{
  width:17px;
  height:17px;
  margin-left:2px;
  vertical-align:middle;
  background-size:17px;
}
.jc_au_email{
  display:inline-block;
  flex:0 0 17px;
  width:17px;
  height:17px;
  overflow:hidden;
  border-radius:50%;
  font-size:0;
  line-height:0;
  color:transparent !important;
  background:no-repeat center/17px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23007398'/%3E%3Cpath fill='%23fff' d='M6.5 7.5h11a.5.5 0 0 1 .5.5v.6l-6 3.9-6-3.9V8a.5.5 0 0 1 .5-.5zM6 10.1l6 3.9 6-3.9v6.4a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
  transition:transform .15s ease, filter .15s ease;
}
.jc_au_email:hover,
.jc_au_email:focus{transform:scale(1.15);filter:hue-rotate(-25deg)}
.jc_au_orcid:focus-visible,
.jc_au_email:focus-visible{outline:2px solid var(--sc-accent-2);outline-offset:2px}

/* CONTACT strip - corresponding author (article_details.tpl: .jc_contact) */
.jc_contact{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 16px;
  margin:16px 0 0;
  padding:10px 16px;
  background:#eef3f9;
  border-left:4px solid var(--sc-accent);
  border-radius:0 6px 6px 0;
  font-size:14px;
  line-height:1.5;
  color:var(--sc-ink);
}
.jc_contact_lbl{
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--sc-link);
}
.jc_contact_name,
.jc_contact_mail{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.jc_contact_name::before,
.jc_contact_mail::before{
  content:"";
  flex:0 0 15px;
  width:15px;
  height:15px;
  background:var(--sc-link);
  -webkit-mask:no-repeat center/contain var(--jc-icon);
          mask:no-repeat center/contain var(--jc-icon);
}
.jc_contact_name{--jc-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E")}
.jc_contact_mail{
  --jc-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 0 1 1 1v.4l-10 6.2L2 6.4V6a1 1 0 0 1 1-1zm-1 3.7 10 6.2 10-6.2V18a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
  color:var(--sc-ink) !important;
  overflow-wrap:anywhere;
}
.jc_contact_mail:hover{color:var(--sc-link-hover) !important;text-decoration:underline}

/* DOI + Dimensions: compact metadata strip */
.obj_article_details .main_entry .item.doi,
.obj_article_details .main_entry .item.dimensions-badge{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 !important;
  padding:10px 14px;
  background:var(--sc-soft);
  border:1px solid var(--sc-line);
}
.obj_article_details .main_entry .item.doi{
  border-radius:6px 6px 0 0;
  border-bottom:0;
}
.obj_article_details .main_entry .item.dimensions-badge{
  border-radius:0 0 6px 6px;
  margin-bottom:26px !important;
}
.obj_article_details .main_entry .item.doi>.label,
.obj_article_details .main_entry .item.dimensions-badge>.label{
  flex:0 0 92px;
  margin:0;
  padding:0;
  border:0;
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--sc-ink-3);
}
.obj_article_details .main_entry .item.doi .value{font-size:14px}

/* keywords -> "Author keywords" */
.obj_article_details .item.keywords>.label{
  font-size:0 !important;
}
.obj_article_details .item.keywords>.label::before{
  content:"Author keywords";
  font-size:18px;
}
.obj_article_details .item.keywords .value{
  display:block;
  font-size:14.5px;
  line-height:1.7;
  color:var(--sc-link);
}

/* abstract */
.obj_article_details .item.abstract p,
.item.abstract{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
  font-size:15.5px;
  line-height:1.8;
  color:var(--sc-ink);
}
.obj_article_details .item.abstract p{margin:0 0 12px}

/* references: justified, number in its own gutter so line 2+ align with line 1.
   The template wraps the leading "[n]" in .jc_ref_no; references without it
   still get the same left gutter. */
.obj_article_details .item.references .value p{
  position:relative;
  margin:0;
  padding:10px 0 10px 2.9em;
  text-indent:0;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
  font-size:13.5px;
  line-height:1.6;
  color:var(--sc-ink-2);
  border-bottom:1px solid #eef1f4;
  overflow-wrap:anywhere;
}
.obj_article_details .item.references .value p:last-child{border-bottom:0}
/* APA references (no "[n]"): hanging indent instead of an empty gutter */
.obj_article_details .item.references .value p:not(:has(.jc_ref_no)){
  padding-left:2em;
  text-indent:-2em;
}
.obj_article_details .item.references .jc_ref_no{
  position:absolute;
  left:0;
  top:10px;
  width:2.5em;
  color:var(--sc-ink-3);
  font-variant-numeric:tabular-nums;
}

/* ---------- right column: Scopus-like side panels ---------- */
.obj_article_details .entry_details .item{
  background:#fff;
  border:1px solid var(--sc-line);
  border-radius:6px;
  padding:14px 16px;
  margin:0 0 14px;
  font-size:13.5px;
  line-height:1.55;
}

.obj_article_details .entry_details .item.cover_image{padding:10px}
.obj_article_details .entry_details .cover_image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:4px;
}

.obj_article_details .entry_details .item.galleys{
  padding:12px;
  background:var(--sc-soft);
}
.obj_article_details .entry_details .galleys_links{display:block;margin:0;padding:0}
.obj_article_details .entry_details .galleys_links li{list-style:none;margin:0}
.obj_article_details .entry_details .galleys_links li+li{margin-top:8px}
/* .galleys_links also carries class "value", so ".value a" would win - keep the
   extra .galleys_links in these selectors so the button text stays white */
.obj_article_details .entry_details .galleys_links .obj_galley_link{
  display:flex;
  justify-content:center;
  width:100%;
  padding:9px 12px;
  font-size:14.5px;
  background:var(--sc-accent-dark);
  border:0;
  color:#fff;
}
.obj_article_details .entry_details .galleys_links .obj_galley_link:hover,
.obj_article_details .entry_details .galleys_links .obj_galley_link:focus{
  background:var(--sc-accent-dark);
  color:#fff;
}

.obj_article_details .entry_details .sub_item{margin:0;padding:0}
.obj_article_details .entry_details .sub_item+.sub_item{margin-top:10px}

.obj_article_details .entry_details .label,
.obj_article_details .entry_details h2.label{
  display:block;
  margin:0 0 4px;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--sc-ink-3);
}
.obj_article_details .entry_details .value{
  color:var(--sc-ink);
  font-weight:600;
}
.obj_article_details .entry_details .value a{color:var(--sc-link)}

/* metrics panel (article_details.tpl: .jc_metrics) */
.obj_article_details .entry_details .item.jc_metrics{padding:12px}
.jc_metric_row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(90px,1fr));
  gap:8px;
}
.jc_metric{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  padding:10px 6px 9px;
  border-radius:6px;
  background:var(--sc-soft);
  border:1px solid var(--sc-line);
  text-align:center;
}
.jc_metric::before{
  content:"";
  width:18px;
  height:18px;
  margin-bottom:2px;
  background:var(--sc-accent-dark);
  -webkit-mask:no-repeat center/contain var(--jc-icon);
          mask:no-repeat center/contain var(--jc-icon);
}
.jc_metric_views{--jc-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5C6.5 5 2.7 8.6 1 12c1.7 3.4 5.5 7 11 7s9.3-3.6 11-7c-1.7-3.4-5.5-7-11-7zm0 11.5A4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 0 1 0 9zm0-7a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E")}
.jc_metric_dl{--jc-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v9.2l3.3-3.3 1.4 1.4L12 16l-5.7-5.7 1.4-1.4 3.3 3.3V3zM4 18h16v2H4z'/%3E%3C/svg%3E")}
.obj_article_details .entry_details .jc_metric_num{
  font-size:20px;
  font-weight:700;
  line-height:1.2;
  color:var(--sc-link);
  font-variant-numeric:tabular-nums;
}
.obj_article_details .entry_details .jc_metric_lbl{
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--sc-ink-3);
}

/* license */
.obj_article_details .entry_details .item.copyright p{
  margin:6px 0 0;
  font-size:12.5px;
  color:var(--sc-ink-2);
}

/* how to cite */
.obj_article_details .entry_details .citation_display .value{font-weight:400}
.obj_article_details .entry_details .csl-entry{
  font-size:13px;
  line-height:1.55;
  color:var(--sc-ink);
  overflow-wrap:anywhere;
}
.obj_article_details .citation_formats{
  margin-top:10px;
  border:1px solid var(--sc-line);
  border-radius:4px;
}
.obj_article_details .citation_formats_button{
  width:100%;
  margin:0 !important;
  padding:7px 10px !important;
  font-size:12.5px !important;
  font-weight:600;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:var(--sc-link) !important;
  background:#fff;
  border:0;
  text-align:left;
}
.obj_article_details .citation_formats_list a{font-size:13px}

/* other entry_details blocks (keywords plugin, stats, etc.) */
.obj_article_details .entry_details img{max-width:100%;height:auto}

/* ---------- 12. Sidebar (Scopus-like side panels) ---------- */
.pkp_block{
  margin:0 0 18px;
  padding:0;
  background:#fff;
  border:1px solid var(--sc-line);
  border-radius:var(--sc-radius);
  font-size:14px;
  line-height:1.5;
  overflow:hidden;
}
.pkp_block .title{
  display:block;
  margin:0;
  padding:10px 14px;
  background:var(--sc-soft);
  border-bottom:1px solid var(--sc-line);
  border-top:3px solid var(--sc-accent);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-align:left;
  color:var(--sc-ink);
}
.pkp_block .content{padding:4px 0;background:#fff}
.pkp_block .content>p{margin:8px 12px;text-align:center}
.pkp_block ul{margin:0;padding:0}
.pkp_block li{
  list-style:none;
  margin:0;
  padding:0;
  border-bottom:1px solid var(--sc-line-2);
}
.pkp_block li:last-child{border-bottom:0}
.pkp_block li a{
  display:block;
  padding:9px 14px;
  color:var(--sc-ink-2);
}
.pkp_block li a:hover,
.pkp_block li a:focus{
  background:var(--sc-soft);
  color:var(--sc-accent-dark);
  text-decoration:none;
}
.pkp_block .current a,
.block_language .current a{font-weight:700;color:var(--sc-ink)}

.block_make_submission a{
  display:block;
  margin:12px;
  padding:9px 12px;
  background:var(--sc-accent-dark);
  border-radius:var(--sc-radius);
  color:#fff;
  font-weight:700;
  text-align:center;
}
.block_make_submission a:hover{background:#9a450b;color:#fff;text-decoration:none}

/* ---------- 13. Footer (content is custom HTML with inline styles) ---------- */
.pkp_structure_footer_wrapper{background:transparent;border:0}
.pkp_structure_footer{max-width:none;padding:0}
.pkp_footer_content{padding:0;width:100%;float:none}
.pkp_brand_footer{display:none}

/* ---------- 14. Responsive ---------- */
@media(max-width:991px){
  .pkp_structure_main{padding:18px 16px}
  /* default theme pulls the side column 30px outside the box (page overflowed) */
  .obj_article_details .entry_details{margin:0}

  /* banner: the default theme gives the logo row a fixed 40px height,
     which cropped the banner and put the menu button on top of it */
  .pkp_site_name_wrapper{height:auto;padding:0}
  .pkp_site_name{padding:0}

  /* dark strip under the banner: readable ISSN + the menu button */
  .pkp_structure_head::after{
    content:"e-ISSN 3123-5948";
    display:block;
    height:34px;
    padding:0 10px;
    background:var(--sc-ink);
    color:#fff;
    font-size:12.5px;
    font-weight:600;
    letter-spacing:.3px;
    line-height:34px;
    text-align:center;
  }
  .pkp_site_nav_toggle{
    top:auto;
    bottom:-34px;
    left:0;
    width:46px;
    height:34px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:var(--sc-accent-dark);
    z-index:2;
  }
  /* bars / X are drawn by the default theme on the inner span */
  /* opened menu: below the strip (so the button stays reachable), white */
  .pkp_site_nav_menu{
    top:calc(100% + 34px);
    background:#fff;
    border-top:1px solid var(--sc-line);
    border-bottom:3px solid var(--sc-accent);
    box-shadow:0 10px 24px rgba(0,0,0,.15);
  }
  .pkp_site_nav_menu #navigationPrimary>li>a,
  .pkp_site_nav_menu .pkp_navigation_search_wrapper a{color:var(--sc-ink)}
  .pkp_site_nav_menu #navigationPrimary li ul a{color:var(--sc-ink-2)}
  .pkp_navigation_user_wrapper{border-top:1px solid var(--sc-line);padding:8px 0}
  .has_site_logo .pkp_site_name,
  .has_site_logo .pkp_navigation_primary_wrapper{
    left:0;
    padding-left:0;
    text-align:center;
  }
  .pkp_site_nav_menu a,
  .pkp_navigation_user>li>a{color:var(--sc-ink)}
  #navigationPrimary>li>a{padding:10px 12px}
  #navigationPrimary>li>a:hover,
  #navigationPrimary>li>a:focus{box-shadow:none}
  #navigationPrimary li ul{border:0;box-shadow:none;padding:0}
  .pkp_navigation_user>li>a{border:0;padding:8px 12px}
}

@media(max-width:768px){
  .obj_issue_toc .cover{
    float:none;
    width:150px;
    margin:0 auto 16px;
  }
  .obj_issue_summary .cover{width:80px;margin-right:14px}

  .obj_article_summary{padding:14px 14px 12px}
  .obj_article_summary>.title{font-size:15.5px}
  .obj_article_summary .article-metrics{margin-left:0;flex:0 0 100%}

  .obj_article_details .page_title{
    font-size:22px;
  }

  .obj_article_details .main_entry .item.doi,
  .obj_article_details .main_entry .item.dimensions-badge{
    flex-wrap:wrap;
    gap:4px 10px;
  }
}

/* ---------- 15. Print ---------- */
@media print{
  .pkp_structure_sidebar,
  .pkp_navigation_primary_row,
  .pkp_navigation_user_wrapper,
  .pkp_structure_footer_wrapper{display:none}
  .pkp_structure_page{box-shadow:none;max-width:none}
}