/*
 * ================================================================
 *  KIJME — Comprehensive Fixed CSS  v4.0
 *  OJS 3.3.0.21 · Default Theme
 *  All 16 visual problems resolved (incl. inline style overrides)
 *
 *  TO APPLY:
 *  Dashboard → Settings → Website → Appearance → Custom CSS
 *  Select all → Delete → Paste this → Save
 *
 *  GREEN PALETTE:
 *   --g1  #0a2e18   Deep forest   (header, footer, h-text)
 *   --g2  #1a5c35   Primary       (buttons, title bars, links)
 *   --g3  #2a8c52   Active        (hover, accents, underlines)
 *   --g4  #e4f3eb   Pale mint     (card surfaces, hover strips)
 *   --g5  #f3faf6   Page bg
 *   --t1  #0a2e18   Text primary
 *   --t2  #2d5c3f   Text muted
 *   --t3  #5a8c6e   Text faint
 *   --br  rgba(26,92,53,0.15)   Default border
 *   --br2 rgba(26,92,53,0.28)   Emphasis border
 * ================================================================
 */

/* ── VARIABLES ──────────────────────────────────────────── */
:root {
  --g1: #0a2e18;
  --g2: #1a5c35;
  --g3: #2a8c52;
  --g4: #e4f3eb;
  --g5: #f3faf6;
  --wh: #ffffff;
  --t1: #0a2e18;
  --t2: #2d5c3f;
  --t3: #5a8c6e;
  --br:  rgba(26,92,53,0.15);
  --br2: rgba(26,92,53,0.28);
}

/* ── 1. PAGE BASE — do NOT change font-size (breaks rem layout) */
body            { background: var(--g5) !important; color: var(--t1) !important; }
a               { color: var(--g2) !important; }
a:hover,
a:focus         { color: var(--g3) !important; text-decoration: underline !important; }

/* FIX #1 — About section inline Arial font
   The about content wraps in style="font-family:Arial" — force inherit */
section.homepage_about,
section.homepage_about * { font-family: inherit !important; }

/* ── 2. HEADER ──────────────────────────────────────────── */
html body .pkp_structure_head,
html body .pkp_head_wrapper,
html body .pkp_site_name_wrapper {
  background-color: var(--g1) !important;
  border-bottom: 3px solid var(--g3) !important;
  box-shadow: 0 2px 14px rgba(10,46,24,0.25) !important;
}
.pkp_site_name .is_img img {
  max-height: 72px !important;
  margin: 8px 0 !important;
}
.pkp_site_name .is_text { color: #ffffff !important; }

/* ── 3. PRIMARY NAV ─────────────────────────────────────── */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu { background-color: var(--g1) !important; }

.pkp_navigation_primary > li > a {
  color: rgba(255,255,255,0.90) !important;
  font-weight: 500 !important;
  border-bottom: 2px solid transparent !important;
}
.pkp_navigation_primary > li > a:hover {
  color: #ffffff !important;
  border-bottom-color: var(--g3) !important;
  text-decoration: none !important;
}
.pkp_navigation_primary > li > a:focus {
  background: rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
  border-bottom-color: var(--g3) !important;
  outline: none !important;
}
/* Dropdowns */
.pkp_nav_list ul {
  background: var(--g2) !important;
  border-top: 2px solid var(--g3) !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 6px 20px rgba(10,46,24,0.30) !important;
}
.pkp_nav_list ul a {
  color: rgba(255,255,255,0.88) !important;
  border-left: 3px solid transparent !important;
}
.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus {
  background: rgba(255,255,255,0.12) !important;
  border-left-color: var(--g3) !important;
  color: #ffffff !important;
  outline: none !important;
}
/* Search */
.pkp_navigation_search_wrapper a {
  color: rgba(255,255,255,0.80) !important;
  border-bottom: 2px solid transparent !important;
}
.pkp_navigation_search_wrapper a:hover {
  color: #ffffff !important;
  border-bottom-color: var(--g3) !important;
  text-decoration: none !important;
}
.pkp_navigation_search_wrapper a:focus {
  background: rgba(255,255,255,0.10) !important;
  outline: none !important;
}
/* Register/Login row */
.pkp_navigation_user_wrapper  { background: rgba(0,0,0,0.20) !important; }
.pkp_navigation_user > li > a { color: rgba(255,255,255,0.78) !important; }
.pkp_navigation_user > li > a:hover { color: #ffffff !important; text-decoration: none !important; }
.pkp_navigation_user > li > a:focus {
  background: rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
  outline: none !important;
}
/* Mobile toggle */
.pkp_site_nav_toggle { background: transparent !important; box-shadow: none !important; }
.pkp_site_nav_toggle > span,
.pkp_site_nav_toggle > span:before,
.pkp_site_nav_toggle > span:after {
  background: #ffffff !important;
  border-color: #ffffff !important;
}

/* ── 4. LAYOUT CONTAINERS ───────────────────────────────── */
.pkp_structure_content,
.pkp_structure_main,
.page_index_journal { background: transparent !important; }

/* ── 5. SECTION HEADINGS ────────────────────────────────── */
.pkp_page_index section h2,
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 { color: var(--g1) !important; }
.pkp_page_index section h2 {
  border-bottom: 2px solid var(--g3) !important;
  padding-bottom: 8px !important;
}

/* ── 6. ABOUT SECTION ───────────────────────────────────── */
.pkp_page_index .homepage_about {
  background: var(--wh) !important;
  border-left: 4px solid var(--g3) !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 1.8rem 2rem 2rem !important;
  margin-bottom: 2rem !important;
  box-shadow: 0 1px 8px rgba(10,46,24,0.07) !important;
}
.pkp_page_index .homepage_about h2 {
  margin-top: 0 !important;
  color: var(--g1) !important;
  border-bottom-color: var(--g3) !important;
}
/* FIX #1 continued — text colour in the About inline-styled wrapper */
.pkp_page_index .homepage_about p,
.pkp_page_index .homepage_about strong,
.pkp_page_index .homepage_about em { color: var(--t1) !important; }
/* About image */
.pkp_page_index .homepage_about img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 6px !important;
  margin-bottom: 1rem !important;
}
/* FIX #2 — Journal Info inner box: inline bg #f9f9f9 + border #ccc */
.pkp_page_index .homepage_about div[style*="background-color"] {
  background-color: var(--g4) !important;
  border-color: var(--br2) !important;
  border-style: solid !important;
  border-width: 1px !important;
}
.pkp_page_index .homepage_about div[style*="background-color"] h3 {
  color: var(--g1) !important;
}
.pkp_page_index .homepage_about div[style*="background-color"] p,
.pkp_page_index .homepage_about div[style*="background-color"] strong {
  color: var(--t1) !important;
}

/* ── 7. ANNOUNCEMENTS ───────────────────────────────────── */
.pkp_page_index .cmp_announcements {
  border-top: none !important;
  border-bottom: none !important;
}
/* FIX #15 — Reset OJS float layout completely */
.pkp_page_index .cmp_announcements > .obj_announcement_summary {
  float: none !important;
  width: auto !important;
  background: var(--wh) !important;
  border: 1px solid var(--br) !important;
  border-left: 4px solid var(--g3) !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 1.1rem 1.4rem !important;
  margin-bottom: 10px !important;
  box-shadow: none !important;
  transition: box-shadow 0.15s, border-color 0.15s !important;
  position: static !important;
}
.pkp_page_index .cmp_announcements > .obj_announcement_summary:hover {
  box-shadow: 0 2px 14px rgba(10,46,24,0.10) !important;
  border-color: var(--br2) !important;
}
.pkp_page_index .cmp_announcements > .obj_announcement_summary:before {
  display: none !important;
  content: none !important;
}
/* "More" container: reset float */
.pkp_page_index .cmp_announcements .more {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  border: none !important;
  position: static !important;
}
.pkp_page_index .cmp_announcements .more:before { display: none !important; }
.pkp_page_index .cmp_announcements .more .obj_announcement_summary {
  background: var(--wh) !important;
  border: 1px solid var(--br) !important;
  border-left: 3px solid var(--g4) !important;
  border-radius: 0 6px 6px 0 !important;
  padding: 0.7rem 1.1rem !important;
  margin-bottom: 7px !important;
  box-shadow: none !important;
}
.pkp_page_index .cmp_announcements .more .obj_announcement_summary:hover {
  border-left-color: var(--g3) !important;
  box-shadow: 0 2px 8px rgba(10,46,24,0.08) !important;
}
/* Announcement text */
.obj_announcement_summary h3 a,
.obj_announcement_summary h4 a {
  color: var(--g1) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.obj_announcement_summary h3 a:hover,
.obj_announcement_summary h4 a:hover {
  color: var(--g3) !important;
  text-decoration: underline !important;
}
.obj_announcement_summary .date        { color: var(--t3) !important; }
.obj_announcement_summary .date:before { color: var(--g3) !important; }
.obj_announcement_summary .summary     { color: var(--t2) !important; }
.obj_announcement_summary .read_more   { color: var(--g2) !important; font-weight: 700 !important; }
.obj_announcement_summary .read_more:hover,
.obj_announcement_summary .read_more:focus { color: var(--g1) !important; }

/* ── 8. CURRENT ISSUE ───────────────────────────────────── */
.pkp_page_index .current_issue .current_issue_title {
  background: var(--g4) !important;
  border-left: 4px solid var(--g3) !important;
  border-radius: 6px !important;
  padding: 0.6rem 1rem !important;
  margin-bottom: 1rem !important;
  color: var(--g1) !important;
  font-weight: 700 !important;
}
.pkp_page_index .current_issue .read_more { color: var(--g2) !important; font-weight: 700 !important; }
.pkp_page_index .current_issue .read_more:hover,
.pkp_page_index .current_issue .read_more:focus { color: var(--g1) !important; }
/* Issue TOC */
.obj_issue_toc .section:before,
.obj_issue_toc .galleys:before { border-color: var(--br) !important; }
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3,
.obj_issue_toc .galleys > h2,
.obj_issue_toc .galleys > h3 { background: var(--g5) !important; color: var(--t3) !important; }
.obj_issue_toc .cover img,
.obj_issue_summary .cover img {
  border-radius: 6px !important;
  box-shadow: 0 3px 14px rgba(10,46,24,0.14) !important;
  border: 1px solid var(--br) !important;
}
.obj_issue_toc .published .label { color: var(--t2) !important; font-weight: 600 !important; }
.obj_issue_toc .published .value { color: var(--t3) !important; }

/* ── 9. ARTICLE SUMMARIES ───────────────────────────────── */
.cmp_article_list > li {
  border-bottom: 1px solid var(--br) !important;
  padding-bottom: 1.4rem !important;
  margin-bottom: 0 !important;
}
.cmp_article_list > li:last-child { border-bottom: none !important; }
/* FIX #16 — article image: only polish, no size changes that break float */
.obj_article_summary .cover img {
  border-radius: 5px !important;
  box-shadow: 0 2px 8px rgba(10,46,24,0.12) !important;
  border: 1px solid var(--br) !important;
  display: block !important;
}
/* Title */
.obj_article_summary > .title a,
.obj_article_summary h4.title a {
  color: var(--g1) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1.45 !important;
}
.obj_article_summary > .title a:hover,
.obj_article_summary h4.title a:hover { color: var(--g3) !important; text-decoration: underline !important; }
/* Meta */
.obj_article_summary .authors { color: var(--t2) !important; font-style: italic !important; }
.obj_article_summary .pages   { color: var(--t3) !important; }
/* DOI */
.doiInSummary a, div.doiInSummary a {
  color: var(--g2) !important;
  font-size: 0.82rem !important;
  text-decoration: none !important;
  word-break: break-all !important;
}
.doiInSummary a:hover { color: var(--g3) !important; text-decoration: underline !important; }

/* ── 10. GALLEY BUTTONS ─────────────────────────────────── */
.obj_galley_link {
  background: var(--wh) !important;
  border: 1px solid var(--g2) !important;
  color: var(--g2) !important;
  border-radius: 4px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 0.15s, color 0.15s !important;
}
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: var(--g2) !important;
  color: #ffffff !important;
  border-color: var(--g2) !important;
  text-decoration: none !important;
}
.obj_galley_link.pdf {
  background: var(--g2) !important;
  color: #ffffff !important;
  border-color: var(--g2) !important;
}
.obj_galley_link.pdf:hover,
.obj_galley_link.pdf:focus {
  background: var(--g1) !important;
  border-color: var(--g1) !important;
  color: #ffffff !important;
}

/* ── 11. SIDEBAR BLOCKS ─────────────────────────────────── */
div.pkp_block {
  padding: 0 !important;
  background: var(--wh) !important;
  border: 1px solid var(--br) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin-bottom: 1.2rem !important;
}
/* FIX #9 — h2.title.pkp_screen_reader: OJS hides these off-screen.
   When .title is present, un-hide it so our green title bar shows.  */
div.pkp_block h2.title {
  display: block !important;
  position: static !important;
  left: auto !important;
  clip: auto !important;
  clip-path: none !important;
  width: 100% !important;
  height: auto !important;
  background: var(--g2) !important;
  color: #ffffff !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.09em !important;
  padding: 0.5rem 1rem !important;
  margin: 0 !important;
  line-height: 1.6 !important;
  border-bottom: 2px solid var(--g3) !important;
  box-sizing: border-box !important;
}
/* h2 with ONLY pkp_screen_reader (no .title) stays hidden — e.g. block_make_submission */
div.pkp_block h2.pkp_screen_reader:not(.title) {
  position: absolute !important;
  left: -9999px !important;
  clip: rect(1px,1px,1px,1px) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}
/* Block content */
div.pkp_block .content {
  padding: 0.9rem 1rem !important;
  font-size: 0.93rem !important;
  line-height: 1.55 !important;
  color: var(--t1) !important;
}
div.pkp_block .content ul li {
  padding: 0.28rem 0 !important;
  border-bottom: 1px solid var(--br) !important;
  line-height: 1.45rem !important;
  color: var(--t1) !important;
}
div.pkp_block .content ul li:last-child { border-bottom: none !important; }
div.pkp_block .content p              { color: var(--t1) !important; }
div.pkp_block .content a              { color: var(--g2) !important; text-decoration: none !important; }
div.pkp_block .content a:hover        { color: var(--g1) !important; text-decoration: underline !important; }
/* Strong/bold inside blocks */
div.pkp_block .content strong         { color: var(--g1) !important; }

/* ── 12. MAKE SUBMISSION CTA BLOCK ──────────────────────── */
/* ── MAKE A SUBMISSION BLOCK ─────────────────────────────── */
div.pkp_block.block_make_submission {
  border: 1px solid #1a5c35 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #0a2e18 !important;
}

/* Icon circle + title area via ::before / ::after on .content */
div.pkp_block.block_make_submission .content {
  background: transparent !important;
  text-align: center !important;
  padding: 22px 14px 14px !important;
  color: #ffffff !important;
}

/* "Submit Your Manuscript" label above the button */
div.pkp_block.block_make_submission .content::before {
  content: "Submit Your Manuscript" !important;
  display: block !important;
  font-size: 0.90rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 5px !important;
  line-height: 1.3 !important;
}

/* Subtitle hint below label */
div.pkp_block.block_make_submission .content::after {
  content: "Open access · Double-blind review" !important;
  display: block !important;
  font-size: 0.62rem !important;
  color: rgba(255,255,255,0.50) !important;
  margin-bottom: 16px !important;
  line-height: 1.5 !important;
}

/* The button itself */
.block_make_submission a,
a.block_make_submission_link {
  display: block !important;
  background: #2a8c52 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 7px !important;
  padding: 11px 14px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-decoration: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  letter-spacing: 0.02em !important;
  transition: background 0.15s !important;
}
.block_make_submission a::after,
a.block_make_submission_link::after {
  content: " →" !important;
}
.block_make_submission a:hover,
a.block_make_submission_link:hover {
  background: #1a5c35 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ── 13. FIX #3 — JOURNAL TEMPLATE BLOCK inline styles ──── */
/* Inner div has style="background-color:#d4f0dd; border:2px dashed #004d26" */
#customblock-journal-template .content > div[style] {
  background-color: var(--g4) !important;
  border: 1px solid var(--g3) !important;
  border-style: solid !important;
  border-radius: 8px !important;
  padding: 1rem !important;
}
#customblock-journal-template .content p[style] {
  color: var(--g1) !important;
}
/* The download button has inline style="background-color:#004d26; color:#fff" — that's fine, leave it */
#customblock-journal-template a[style] {
  background-color: var(--g2) !important;
  color: #ffffff !important;
  border-radius: 5px !important;
  font-size: 0.9rem !important;
  padding: 8px 16px !important;
  display: inline-block !important;
  text-decoration: none !important;
}
#customblock-journal-template a[style]:hover {
  background-color: var(--g1) !important;
}

/* ── 14. FIX #4 — REJECTION RATE BLOCK inline styles ────── */
/* Inner div has style="background-color:#e6f5ec; border-left:8px solid #004d26" */
#customblock-rejection-rate .content > div[style] {
  background-color: var(--g4) !important;
  border-left: 6px solid var(--g3) !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 1.2rem 1.4rem !important;
  margin: 0 !important;
  max-width: 100% !important;
}
#customblock-rejection-rate h2[style] {
  color: var(--g1) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
}
#customblock-rejection-rate p[style],
#customblock-rejection-rate p {
  color: var(--t1) !important;
}
#customblock-rejection-rate strong { color: var(--g1) !important; }

/* ── 15. FIX #10 — PUBLISHERS block — overflow images ────── */
#customblock-publishers .content img {
  max-width: 100% !important;
  height: auto !important;
}
/* The wide image (width:285px) needs capping */
#customblock-publishers .content img[style*="width"] {
  width: auto !important;
  max-width: 100% !important;
}
#customblock-publishers .content div[style] {
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
}
#customblock-publishers strong { color: var(--t2) !important; }

/* ── 16. FIX #11 — MAP iframe responsive ───────────────── */
#customblock-journal-officie-location-2 .content iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: 220px !important;
  border-radius: 6px !important;
  display: block !important;
}

/* ── 17. Official cover image responsive ────────────────── */
#customblock-jornal-official-cover .content img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 12px rgba(10,46,24,0.15) !important;
}

/* ── 18. FIX #12 — KEYWORD CLOUD — remove D3 random colors */
/* D3 sets fill via inline style — CSS !important beats inline styles */
#wordcloud text {
  fill: var(--g2) !important;
  opacity: 0.82 !important;
  cursor: pointer !important;
  transition: opacity 0.15s !important;
}
#wordcloud text:nth-child(3n+1) { fill: var(--g2) !important; opacity: 0.90 !important; }
#wordcloud text:nth-child(3n+2) { fill: var(--g3) !important; opacity: 0.75 !important; }
#wordcloud text:nth-child(3n)   { fill: var(--g1) !important; opacity: 0.65 !important; }
#wordcloud text:hover { opacity: 1 !important; }

/* ── 19. FIX #13 — BROWSE block (empty ul) ─────────────── */
.block_browse .has_submenu { color: var(--g1) !important; font-weight: 700 !important; font-size: 0.80rem !important; }
.block_browse .current a   { border-left-color: var(--g3) !important; color: var(--g2) !important; }

/* ── 20. FIX #14 — DEVELOPED BY block ──────────────────── */
div.pkp_block.block_developed_by {
  border-color: var(--br) !important;
  opacity: 0.7 !important;
}
div.pkp_block.block_developed_by .content {
  text-align: center !important;
  padding: 0.7rem 1rem !important;
  font-size: 0.80rem !important;
  color: var(--t3) !important;
}
div.pkp_block.block_developed_by .content a {
  color: var(--t3) !important;
  font-size: 0.80rem !important;
}
div.pkp_block.block_developed_by .content a:hover { color: var(--g2) !important; }

/* RSS feed block */
div.pkp_block.block_web_feed .content ul { padding: 0 !important; margin: 0 !important; }
div.pkp_block.block_web_feed .content ul li {
  display: inline-block !important;
  padding: 0.3rem 0.5rem !important;
  border-bottom: none !important;
}

/* ── 21. ADDITIONAL CONTENT (hero + stats) ──────────────── */
.pkp_page_index .additional_content {
  border-top: 2px solid var(--g3) !important;
  background: var(--wh) !important;
  border-radius: 8px !important;
  padding: 1.2rem 1.5rem !important;
  margin-top: 0 !important;
  box-shadow: 0 1px 6px rgba(10,46,24,0.07) !important;
}
.pkp_page_index .additional_content > p:first-child { margin-top: 0 !important; }
.pkp_page_index .additional_content > p:last-child  { margin-bottom: 0 !important; }
/* Hero banner div */
div.hero-banner {
  background: linear-gradient(135deg, var(--g1) 0%, var(--g2) 55%, var(--g3) 100%) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 2.5rem 2.2rem !important;
  margin-bottom: 1.8rem !important;
}
div.hero-banner h2 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-top: 0 !important;
  margin-bottom: 0.6rem !important;
  line-height: 1.3 !important;
  border: none !important;
}
div.hero-banner p { color: rgba(255,255,255,0.82) !important; margin: 0.4rem 0 0.9rem !important; }
div.hero-banner a {
  display: inline-block !important;
  background: #ffffff !important;
  color: var(--g1) !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0.55rem 1.4rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  transition: background 0.15s !important;
}
div.hero-banner a:hover { background: var(--g4) !important; color: var(--g1) !important; text-decoration: none !important; }

/* ── 22. BUTTONS & FORMS ────────────────────────────────── */
.pkp_button, .pkp_button_primary, .pkp_button_link,
.cmp_button, .cmp_form .buttons button {
  color: var(--g2) !important;
  border-color: var(--g2) !important;
}
.pkp_button_primary {
  background: var(--g2) !important;
  border-color: var(--g2) !important;
  color: #ffffff !important;
  box-shadow: 0 1px 0 var(--g2) !important;
}
.pkp_button_primary:hover,
.pkp_button_primary:focus {
  background: var(--g1) !important;
  border-color: var(--g1) !important;
  color: #ffffff !important;
}
.pkp_button:hover, .pkp_button:focus,
.cmp_button:hover, .cmp_button:focus { border-color: var(--g1) !important; color: var(--g1) !important; }
.pkp_button_link { color: var(--g2) !important; }
.pkp_button_link:hover { color: var(--g1) !important; }
.pkp_help_link { color: var(--g2) !important; }
.pkp_help_link:hover { color: var(--g1) !important; }
.pkp_help_link:focus { box-shadow: 0 0 0 3px var(--g3) !important; }
/* Search submit button */
.page_search .submit button:after  { background: var(--g2) !important; color: #ffffff !important; }
.page_search .submit button:hover:after,
.page_search .submit button:focus:after { background: var(--g1) !important; }
/* Form inputs */
.cmp_form input[type="text"],
.cmp_form input[type="email"],
.cmp_form input[type="password"],
.cmp_form input[type="url"],
.cmp_form input[type="tel"],
.cmp_form select,
.cmp_form textarea { border-color: var(--br2) !important; border-radius: 5px !important; color: var(--t1) !important; }
.cmp_form input:focus,
.cmp_form textarea:focus,
.cmp_form select:focus {
  border-color: var(--g3) !important;
  box-shadow: 0 0 0 3px rgba(42,140,82,0.15) !important;
  outline: none !important;
}
.cmp_notification { border-left-color: var(--g3) !important; }

/* ── 23. FOOTER — CRITICAL FIXES #5 #6 #7 ───────────────── */
.pkp_structure_footer_wrapper { background: var(--g1) !important; margin-top: 3rem !important; }
.pkp_structure_footer         { background: var(--g1) !important; }

/* FIX #5 — inline color:#2c2c2c on footer div = invisible on dark bg */
.pkp_footer_content,
.pkp_footer_content div[style],
.pkp_footer_content div[style*="color"] {
  color: rgba(255,255,255,0.82) !important;
  background: transparent !important;
}
/* FIX #6 — all text elements inside footer */
.pkp_footer_content p,
.pkp_footer_content p[style],
.pkp_footer_content strong,
.pkp_footer_content em {
  color: rgba(255,255,255,0.82) !important;
}
/* FIX #6 — inline-styled footer links color:#004d26 = near invisible */
.pkp_footer_content a,
.pkp_footer_content a[style],
.pkp_footer_content a[style*="color"] {
  color: rgba(255,255,255,0.82) !important;
  text-decoration: none !important;
}
.pkp_footer_content a:hover,
.pkp_footer_content a[style]:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}
/* FIX #7 — copyright line: inline color:#666 */
.pkp_footer_content p[style*="#666"],
.pkp_footer_content p[style*="0.9rem"] {
  color: rgba(255,255,255,0.55) !important;
}
/* Footer images (logos/badges) — ensure they show */
.pkp_footer_content img {
  opacity: 0.90 !important;
  filter: brightness(1.1) !important;
  border-radius: 3px !important;
}
/* PKP brand footer */
.pkp_brand_footer {
  background: rgba(0,0,0,0.22) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
.pkp_brand_footer a { color: rgba(255,255,255,0.40) !important; }
.pkp_brand_footer a:hover { color: rgba(255,255,255,0.80) !important; }
.pkp_brand_footer img { opacity: 0.45 !important; }

/* ── 24. ARTICLE DETAIL PAGE ────────────────────────────── */
.obj_article_details > .page_title       { color: var(--g1) !important; }
.obj_article_details .item .label        { color: var(--g1) !important; }
.obj_article_details .entry_details,
.obj_article_details .entry_details .item { border-color: var(--br) !important; }
.obj_article_details .entry_details .item .label { color: var(--t3) !important; font-weight: 600 !important; }
.obj_article_details .item.doi a         { color: var(--g2) !important; word-break: break-all !important; }
.obj_article_details .authors .name      { color: var(--g1) !important; }
.obj_article_details .authors .affiliation { color: var(--t3) !important; }
.obj_article_details .citation_display .citation_formats { border-color: var(--br2) !important; }
.obj_article_details .citation_display .citation_formats_styles a { border-color: var(--br) !important; color: var(--g2) !important; }
.obj_article_details .citation_display .citation_formats_styles a:hover { background: var(--g4) !important; color: var(--g1) !important; }
.obj_article_details .citation_display .citation_formats_button { color: var(--t3) !important; }

/* ── 25. ARCHIVE & ISSUE PAGES ──────────────────────────── */
.page_issue_archive .issues_archive,
.page_issue_archive .issues_archive > li { border-color: var(--br) !important; }
.obj_issue_summary .title   { color: var(--g1) !important; }
.obj_issue_summary .series  { color: var(--t3) !important; }
.obj_issue_summary .description { color: var(--t2) !important; }

/* ── 26. BREADCRUMBS ────────────────────────────────────── */
.cmp_breadcrumbs a          { color: var(--g2) !important; }
.cmp_breadcrumbs a:hover    { color: var(--g1) !important; }
.cmp_breadcrumbs .separator { color: var(--t3) !important; }
.cmp_breadcrumbs .current   { color: var(--t3) !important; }
.cmp_breadcrumbs .current h1 { color: var(--t3) !important; }

/* ── 27. TABLES ─────────────────────────────────────────── */
.cmp_table th { background: var(--g2) !important; color: #ffffff !important; }
.cmp_table td { border-color: var(--br) !important; }
.cmp_table tr:hover td { background: var(--g4) !important; }
/* Indexing table images */
#customblock-indexing table { margin: 0 auto !important; }
#customblock-indexing table td {
  padding: 0.55rem 0.6rem !important;
  border-bottom: 1px solid var(--br) !important;
  vertical-align: middle !important;
  text-align: center !important;
}
#customblock-indexing table tr:last-child td { border-bottom: none !important; }
#customblock-indexing table tr:hover td { background: var(--g4) !important; }
#customblock-indexing table td img { max-height: 40px !important; width: auto !important; }
#customblock-indexing table em strong { color: var(--t3) !important; font-size: 0.8rem !important; }

/* ── 28. PAGINATION ─────────────────────────────────────── */
.cmp_pagination a           { color: var(--g2) !important; }
.cmp_pagination a:hover     { color: var(--g1) !important; }
.cmp_pagination .prev:before,
.cmp_pagination .next:after { color: var(--g2) !important; }

/* ── 29. SEARCH PAGE ────────────────────────────────────── */
.page_search .search_results .obj_article_summary > .title a { color: var(--g1) !important; }

/* ── 30. SCROLLBAR & SELECTION ──────────────────────────── */
::-webkit-scrollbar          { width: 6px; height: 6px; }
::-webkit-scrollbar-track    { background: var(--g5); }
::-webkit-scrollbar-thumb    { background: rgba(26,92,53,0.22); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--g2); }
::selection      { background: var(--g3); color: #ffffff; }
::-moz-selection { background: var(--g3); color: #ffffff; }

/* ================================================================
 *  PATCH v4.2 — additional fixes (merged below v4 base)
 * ================================================================ */

/*
 * ================================================================
 *  KIJME — Patch v4.2  (replaces v4.1 — do NOT stack both)
 *  OJS 3.3.0.21 · Default Theme
 *
 *  HOW TO APPLY:
 *  Dashboard → Settings → Website → Appearance → Custom CSS
 *  1. Keep the entire v4 block (kijme_RESTORE_v4.css) intact
 *  2. Delete only the previous patch (everything after the v4 block)
 *  3. Paste this patch at the very end, after the v4 block
 *  4. Save
 *
 *  Changes from v4.1:
 *  - Abstract: removed background box, kept subtle left-border only
 *  - Section labels: scoped to main_entry only (not sidebar labels)
 *  - Submission CTA: removed redundant ::before label
 *  - Patch 14 (inline h tags): scoped to editorial team page only
 *  - Image safety net: removed height:auto that distorted thumbnails
 * ================================================================
 */

/* ══ 1. FOOTER LINKS — all page types ══════════════════════════
   inline color:#004d26 on dark green footer = near invisible.
   Applies on index, article, archive, announcement pages.       */
.pkp_footer_content a[style],
.pkp_footer_content a[style*="color"] {
  color: rgba(255,255,255,0.88) !important;
  text-decoration: none !important;
}
.pkp_footer_content a[style]:hover,
.pkp_footer_content a[style*="color"]:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}
/* Parent div with inline color:#2c2c2c */
.pkp_footer_content > div[style],
.pkp_footer_content > div[style*="color"] {
  color: rgba(255,255,255,0.82) !important;
  background: transparent !important;
}
/* Copyright line inline color:#666 */
.pkp_footer_content p[style*="0.9rem"],
.pkp_footer_content p[style*="#666"] {
  color: rgba(255,255,255,0.50) !important;
}

/* ══ 2. ARTICLE — ABSTRACT ══════════════════════════════════════
   Subtle left-border accent only — no background box.
   Academic readers expect plain text, not a callout card.       */
.obj_article_details .item.abstract {
  border-left: 3px solid var(--g3) !important;
  padding-left: 1.2rem !important;
  margin: 0.8rem 0 !important;
}
.obj_article_details .item.abstract h2.label {
  color: var(--g2) !important;
  font-size: 0.80rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 0.6rem !important;
}
.obj_article_details .item.abstract p {
  color: var(--t1) !important;
  line-height: 1.78 !important;
  margin: 0 !important;
}

/* ══ 3. ARTICLE — KEYWORDS ══════════════════════════════════════
   Clean label + readable value text. No chip styling needed —
   OJS renders them as a comma-separated span, not individual els.*/
.obj_article_details .item.keywords {
  margin: 0.5rem 0 !important;
}
.obj_article_details .item.keywords h2.label {
  color: var(--g2) !important;
  font-size: 0.80rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  margin-right: 0.4rem !important;
  display: inline !important;
  border-bottom: none !important;
}
.obj_article_details .item.keywords span.value {
  color: var(--t2) !important;
  font-size: 0.90rem !important;
  line-height: 1.7 !important;
}

/* ══ 4. ARTICLE — MAIN ENTRY SECTION LABELS ═════════════════════
   Scoped only to the main_entry column (left side).
   Excludes the compact entry_details sidebar (right side) where
   labels like Published / Issue / Section / License are small.  */
.obj_article_details .main_entry .item > h2.label,
.obj_article_details .main_entry section.item h2.label {
  color: var(--g1) !important;
  font-weight: 700 !important;
  margin-bottom: 0.7rem !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid var(--br) !important;
}
/* DOI and Keywords are inline — no underline for them */
.obj_article_details .main_entry .item.doi h2.label,
.obj_article_details .main_entry .item.keywords h2.label {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  font-size: 0.80rem !important;
  margin-bottom: 0 !important;
}
/* entry_details sidebar labels: keep compact, no border, muted */
.obj_article_details .entry_details .item h2.label,
.obj_article_details .entry_details section.sub_item h2.label {
  color: var(--t3) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border-bottom: none !important;
  margin-bottom: 0.3rem !important;
  padding-bottom: 0 !important;
}
/* entry_details values */
.obj_article_details .entry_details .item .value,
.obj_article_details .entry_details .sub_item .value {
  color: var(--t1) !important;
  font-size: 0.88rem !important;
}

/* ══ 5. ARTICLE — ORCID LINKS ═══════════════════════════════════ */
.obj_article_details .authors .orcid {
  margin-top: 3px !important;
}
.obj_article_details .authors .orcid a {
  display: inline-block !important;
  font-size: 0.72rem !important;
  color: var(--g2) !important;
  background: var(--g4) !important;
  border: 1px solid var(--br2) !important;
  border-radius: 3px !important;
  padding: 1px 6px !important;
  text-decoration: none !important;
  word-break: break-all !important;
  line-height: 1.6 !important;
}
.obj_article_details .authors .orcid a:hover {
  background: var(--g2) !important;
  color: #ffffff !important;
  border-color: var(--g2) !important;
}

/* ══ 6. ARTICLE — REFERENCES & AUTHOR BIOS ══════════════════════ */
.obj_article_details .item.references h2.label,
.obj_article_details .item.author_bios h2.label {
  color: var(--g1) !important;
  border-bottom: 1px solid var(--br) !important;
  padding-bottom: 5px !important;
  margin-bottom: 0.7rem !important;
}
.obj_article_details .item.references p,
.obj_article_details .item.author_bios p { color: var(--t1) !important; }
.obj_article_details .item.author_bios h3.label { color: var(--g2) !important; }
.obj_article_details .item.author_bios .affiliation { color: var(--t3) !important; }

/* ══ 7. ARTICLE — DOWNLOADS CHART ═══════════════════════════════ */
.obj_article_details .item.downloads_chart h3.label {
  color: var(--g1) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}
.obj_article_details .usageStatsUnavailable {
  color: var(--t3) !important;
  font-size: 0.85rem !important;
  font-style: italic !important;
}

/* ══ 8. EDITORIAL TEAM PAGE — headings & avatars ════════════════
   Scoped to body.pkp_page_about only — doesn't touch other pages.
   Converts inline blue (#3498db) to green on borders only.
   Leaves card backgrounds, gradients, and badge buttons untouched.*/
.pkp_page_about .pkp_structure_main h2[style*="#3498db"],
.pkp_page_about .pkp_structure_main h2[style*="border-bottom"] {
  border-bottom-color: var(--g3) !important;
}
.pkp_page_about .pkp_structure_main h2[style*="#2c3e50"],
.pkp_page_about .pkp_structure_main h3[style*="#2c3e50"],
.pkp_page_about .pkp_structure_main h4[style*="#2c3e50"] {
  color: var(--g1) !important;
}
/* Avatar photo + initials circle borders: blue → green */
.pkp_page_about .pkp_structure_main img[style*="#3498db"] {
  border-color: var(--g3) !important;
  box-shadow: 0 0 0 2px var(--g4) !important;
}
.pkp_page_about .pkp_structure_main div[style*="border: 4px solid #3498db"],
.pkp_page_about .pkp_structure_main div[style*="border: 3px solid #3498db"] {
  border-color: var(--g3) !important;
}
/* Role text: #7f8c8d gray → readable green-muted */
.pkp_page_about .pkp_structure_main p[style*="#7f8c8d"] {
  color: var(--t2) !important;
}
/* Card containers: soften blue shadow to green-tinted */
.pkp_page_about .pkp_structure_main div[style*="border-radius: 15px"],
.pkp_page_about .pkp_structure_main div[style*="border-radius: 10px"] {
  border-color: var(--br2) !important;
  box-shadow: 0 3px 12px rgba(10,46,24,0.09) !important;
}

/* ══ 9. IMAGE RESPONSIVE — sidebar images only ══════════════════
   Only restrict images in the sidebar where overflow is a problem.
   Leave article/main content images alone (they have proper sizing).*/
.pkp_structure_sidebar img {
  max-width: 100% !important;
}
/* The specific oversized publisher logo */
#customblock-publishers .content img[style*="width: 285"],
#customblock-publishers .content img[style*="width:285"] {
  width: auto !important;
  max-width: 100% !important;
}

/* ══ 10. SIDEBAR — VISITORS BLOCK ═══════════════════════════════ */
#customblock-visitors .content {
  padding: 0.6rem 0.8rem !important;
  text-align: center !important;
  background: var(--g5) !important;
}
#customblock-visitors .content img { max-width: 100% !important; border-radius: 4px !important; }

/* ══ 11. ARCHIVE PAGE — issue description text ═══════════════════ */
.obj_issue_summary .description,
.obj_issue_summary .description p { color: var(--t2) !important; line-height: 1.6 !important; }
.obj_issue_summary h2              { color: var(--t2) !important; }

/* ── ABOUT PAGE HERO BANNER — white text override ────────────
   The rule ".homepage_about p { color: var(--t1) !important }"
   above forces all paragraphs dark. These more specific rules
   restore white text inside the dark hero table.              */

/* Target any table inside homepage_about that has a dark bg */
.pkp_page_index .homepage_about table[style*="background:#0a2e18"] td p,
.pkp_page_index .homepage_about table[style*="background:#0a2e18"] td span,
.pkp_page_index .homepage_about table[style*="background:#0a2e18"] td strong,
.pkp_page_index .homepage_about table[style*="background:#0a2e18"] td em {
  color: #ffffff !important;
}

/* Target the text-center band td specifically */
.pkp_page_index .homepage_about td[style*="text-align:center"] p,
.pkp_page_index .homepage_about td[style*="text-align:center"] span {
  color: #ffffff !important;
}

/* Badge spans inside the hero */
.pkp_page_index .homepage_about td[style*="text-align:center"] span[style*="background:#1a4d28"] {
  color: #a8dfc0 !important;
}

/* ── HIDE CURRENT ISSUE FROM HOMEPAGE ─────────────────────── */
.pkp_page_index section.current_issue { display: none !important; }