/* ==================================================================
   ETNANO — Content area theme
   Upload via: Website Settings > Appearance > Advanced
               > Journal Style Sheet (CSS)
   Matches the custom header/footer: navy #0b1420, teal #22c7ae,
   copper #cf9a52, Space Grotesk headings, Inter body, JetBrains Mono
   for numeric/technical tags.
   Selectors target the OJS 3.4 default theme. If a section still looks
   unstyled, right-click it > Inspect, and tell me the class you find.
   ================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');

:root{
  --pg-navy:#0b1420;
  --pg-navy-deep:#080f1a;
  --pg-ink:#1c2530;
  --pg-muted:#6b7688;
  --pg-line:#e6e8ec;
  --pg-page-bg:#f5f6f8;
  --pg-card:#ffffff;
  --pg-teal:#1a9c88;
  --pg-teal-bright:#22c7ae;
  --pg-copper:#b9803f;
}

/* ---------- base ---------- */
body{
  font-family:'Inter',system-ui,sans-serif !important;
  background:var(--pg-page-bg) !important;
  color:var(--pg-ink) !important;
}
h1,h2,h3,h4,.page_title,.pkp_page_title,.cmp_page_title{
  font-family:'Space Grotesk',sans-serif !important;
  color:var(--pg-navy) !important;
  letter-spacing:-.01em;
  font-weight:600 !important;
}
a{ color:var(--pg-teal); }
a:hover{ color:var(--pg-teal-bright); }

/* ---------- main layout width ---------- */
.pkp_structure_page,
.pkp_structure_content{
  max-width:1280px !important;
  margin:0 auto !important;
  padding:32px 24px 56px !important;
  float:none !important;
}
.pkp_structure_main{
  background:var(--pg-card);
  border:1px solid var(--pg-line);
  border-radius:14px;
  padding:32px 36px !important;
  box-shadow:0 1px 2px rgba(11,20,32,.04);
}
.pkp_structure_sidebar{
  padding-top:0 !important;
}
@media (max-width: 900px){
  .pkp_structure_main{ padding:22px 18px !important; }
}

/* ---------- breadcrumbs ---------- */
.cmp_breadcrumbs,
.pkp_breadcrumb{
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;
  color:var(--pg-muted);
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:20px !important;
}
.cmp_breadcrumbs a,.pkp_breadcrumb a{ color:var(--pg-muted); }
.cmp_breadcrumbs a:hover,.pkp_breadcrumb a:hover{ color:var(--pg-teal); }

/* ---------- article list / issue table of contents ---------- */
.obj_article_summary{
  background:var(--pg-card);
  border:1px solid var(--pg-line);
  border-radius:12px;
  padding:20px 22px !important;
  margin-bottom:16px !important;
  transition:border-color .15s, box-shadow .15s;
}
.obj_article_summary:hover{
  border-color:var(--pg-teal-bright);
  box-shadow:0 4px 16px rgba(11,20,32,.06);
}
.obj_article_summary .title,
.obj_article_summary .title a{
  font-family:'Space Grotesk',sans-serif !important;
  font-size:16.5px !important;
  font-weight:500 !important;
  color:var(--pg-navy) !important;
  line-height:1.4;
}
.obj_article_summary .title a:hover{ color:var(--pg-teal) !important; }
.obj_article_summary .authors{
  font-size:13px;
  color:var(--pg-muted);
  margin-top:6px !important;
}
.obj_article_summary .abstract{
  font-size:13.5px;
  color:var(--pg-ink);
  line-height:1.65;
  margin-top:10px !important;
}
.obj_article_summary .pages,
.obj_article_summary .page-range{
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;
  color:var(--pg-copper);
}
.obj_article_summary .galleys_links a,
.obj_article_summary .galley_link{
  display:inline-block;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:500;
  letter-spacing:.03em;
  color:var(--pg-teal) !important;
  border:1px solid var(--pg-line);
  border-radius:6px;
  padding:4px 10px;
  margin-top:10px;
  text-decoration:none !important;
  transition:background .15s, border-color .15s;
}
.obj_article_summary .galleys_links a:hover{
  background:rgba(26,156,136,.08);
  border-color:var(--pg-teal);
}

/* section headings inside issue TOC (e.g. "Articles") */
.issue_toc .section .title,
.section_header{
  font-family:'JetBrains Mono',monospace !important;
  font-size:11.5px !important;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--pg-muted) !important;
  border-bottom:1px solid var(--pg-line);
  padding-bottom:10px;
  margin:28px 0 16px !important;
}

/* ---------- sidebar blocks ---------- */
.pkp_block{
  background:var(--pg-card);
  border:1px solid var(--pg-line);
  border-radius:12px;
  padding:16px 18px !important;
  margin-bottom:16px !important;
}
.pkp_block h2,
.pkp_block .title{
  font-family:'Space Grotesk',sans-serif !important;
  font-size:13px !important;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--pg-navy) !important;
  margin:0 0 12px !important;
  padding:0 !important;
  border:none !important;
}
.pkp_block ul{ margin:0; padding:0; list-style:none; }
.pkp_block li{
  padding:7px 0;
  border-bottom:1px solid var(--pg-line);
  font-size:13px;
}
.pkp_block li:last-child{ border-bottom:none; }
.pkp_block a{ color:var(--pg-ink); text-decoration:none; }
.pkp_block a:hover{ color:var(--pg-teal); }

.pkp_block p{
  font-size:13px;
  line-height:1.7;
  color:var(--pg-ink);
  margin:0 0 8px;
}
.pkp_block strong,
.pkp_block b{
  font-family:'JetBrains Mono',monospace;
  color:var(--pg-teal);
  font-weight:500;
}

/* search box in sidebar */
.pkp_block input[type="text"],
.pkp_block input[type="search"]{
  width:100%;
  border:1px solid var(--pg-line);
  border-radius:8px;
  padding:8px 10px;
  font-size:13px;
  background:var(--pg-page-bg);
}
.pkp_block input[type="text"]:focus,
.pkp_block input[type="search"]:focus{
  outline:none;
  border-color:var(--pg-teal-bright);
}

/* ---------- buttons ---------- */
.pkp_button,
button.pkp_button,
input[type="submit"].pkp_button{
  background:var(--pg-navy) !important;
  border:1px solid var(--pg-navy) !important;
  color:#fff !important;
  border-radius:8px !important;
  font-weight:500 !important;
  padding:8px 16px !important;
  transition:background .15s, border-color .15s;
}
.pkp_button:hover,
button.pkp_button:hover{
  background:var(--pg-teal) !important;
  border-color:var(--pg-teal) !important;
}
.pkp_button.pkp_button_offset,
.pkp_button.pkp_button_link{
  background:transparent !important;
  color:var(--pg-navy) !important;
  border:1px solid var(--pg-line) !important;
}
.pkp_button.pkp_button_offset:hover{
  border-color:var(--pg-teal) !important;
  color:var(--pg-teal) !important;
}

/* ---------- pagination ---------- */
.cmp_pagination,
.pagination{
  display:flex;
  gap:6px;
  margin-top:24px !important;
  font-family:'JetBrains Mono',monospace;
  font-size:12.5px;
}
.cmp_pagination a,.cmp_pagination span,
.pagination a,.pagination span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:32px;
  height:32px;
  border-radius:7px;
  border:1px solid var(--pg-line);
  color:var(--pg-ink);
  text-decoration:none;
  padding:0 8px;
}
.cmp_pagination a:hover{ border-color:var(--pg-teal-bright); color:var(--pg-teal); }
.cmp_pagination .current,
.pagination .current{
  background:var(--pg-navy);
  border-color:var(--pg-navy);
  color:#fff;
}

/* ---------- forms (search, register, submission steps) ---------- */
.pkp_form label{ font-size:13.5px; color:var(--pg-ink); font-weight:500; }
.pkp_form input[type="text"],
.pkp_form input[type="email"],
.pkp_form input[type="password"],
.pkp_form select,
.pkp_form textarea{
  border:1px solid var(--pg-line) !important;
  border-radius:8px !important;
  padding:9px 12px !important;
  font-size:13.5px !important;
  background:#fff !important;
}
.pkp_form input:focus,
.pkp_form select:focus,
.pkp_form textarea:focus{
  outline:none !important;
  border-color:var(--pg-teal-bright) !important;
  box-shadow:0 0 0 3px rgba(34,199,174,.12) !important;
}

/* ---------- article details page ---------- */
.obj_article_details{ max-width:none; }
.obj_article_details > .page_title{
  font-family:'Space Grotesk',sans-serif !important;
  font-size:28px !important;
  line-height:1.3;
  color:var(--pg-navy) !important;
  margin-bottom:8px !important;
}
.obj_article_details > .subtitle{
  font-weight:400 !important;
  color:var(--pg-muted) !important;
  margin-bottom:20px !important;
}
.obj_article_details > .row{
  display:flex;
  align-items:flex-start;
  gap:32px;
  margin-top:24px;
}
.obj_article_details .main_entry{ flex:1 1 auto; min-width:0; }
.obj_article_details .entry_details{
  flex:0 0 300px;
  width:300px;
}
@media (max-width: 860px){
  .obj_article_details > .row{ flex-direction:column; }
  .obj_article_details .entry_details{ width:100%; flex-basis:auto; }
}

/* authors line at top of main entry */
.main_entry .item.authors ul.authors{ list-style:none; margin:0; padding:0; }
.main_entry .item.authors li{
  display:inline;
  font-size:14.5px;
  color:var(--pg-ink);
}
.main_entry .item.authors li .name{ font-weight:500; }
.main_entry .item.authors li .affiliation,
.main_entry .item.authors li .contributor_roles{
  color:var(--pg-muted);
  font-size:13px;
}
.main_entry .item.authors li:not(:last-child)::after{ content:''; }

/* generic item/label/value pattern (abstract, keywords, doi, references, how-to-cite) */
.main_entry .item,
.entry_details .item{
  padding:16px 0;
  border-top:1px solid var(--pg-line);
}
.main_entry .item:first-child,
.entry_details .item:first-child{ border-top:none; padding-top:0; }
.main_entry .item > .label,
.entry_details .item > .label,
.entry_details .sub_item > .label{
  font-family:'JetBrains Mono',monospace !important;
  font-size:11px !important;
  font-weight:500 !important;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--pg-muted) !important;
  margin-bottom:8px !important;
}
.main_entry .item.abstract{
  font-size:15px;
  line-height:1.75;
  color:var(--pg-ink);
}
.entry_details .item .value,
.entry_details .sub_item .value{
  font-size:13.5px;
  color:var(--pg-ink);
}
.entry_details .item.doi .value a{
  color:var(--pg-teal);
  font-family:'JetBrains Mono',monospace;
  font-size:12.5px;
  word-break:break-all;
}
.entry_details .sub_item{ margin-bottom:14px; }
.entry_details .sub_item:last-child{ margin-bottom:0; }

/* cover image */
.entry_details .item.cover_image img{
  width:100%;
  border-radius:10px;
  border:1px solid var(--pg-line);
  display:block;
}

/* galley / download buttons */
.entry_details .galleys_links,
.entry_details .supplementary_galleys_links{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:8px;
}
.entry_details .obj_galley_link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--pg-navy) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:500;
  font-size:13.5px;
  border-radius:8px;
  padding:10px 16px;
  transition:background .15s;
}
.entry_details .obj_galley_link:hover{ background:var(--pg-teal) !important; }
.entry_details .obj_galley_link.pdf::before{ content:'PDF'; font-family:'JetBrains Mono',monospace; font-size:10.5px; opacity:.75; }

/* how-to-cite / citation style plugin block */
.citation-style-language,
.cmp_citation_display{
  font-size:13px;
  color:var(--pg-ink);
  line-height:1.6;
}
.entry_details select,
.citation-style-language select{
  width:100%;
  border:1px solid var(--pg-line);
  border-radius:8px;
  padding:8px 10px;
  font-size:13px;
  background:#fff;
}

/* license / copyright */
.entry_details .item.copyright{
  font-size:12.5px;
  color:var(--pg-muted);
}
.entry_details .item.copyright a{ color:var(--pg-teal); }

/* ---------- static pages / about / policies ---------- */
.page .page_title,
.page h1{
  font-family:'Space Grotesk',sans-serif !important;
  border-bottom:1px solid var(--pg-line);
  padding-bottom:16px;
  margin-bottom:24px !important;
}

/* ---------- table of contents issue cover ---------- */
.obj_issue_summary .cover img{
  border-radius:10px;
  border:1px solid var(--pg-line);
}
.obj_issue_summary .title{
  font-family:'Space Grotesk',sans-serif !important;
  color:var(--pg-navy) !important;
}