/* Hayula — DEFINITIVE merged style sheet (v14).
   This is the ONLY CSS file to upload from now on:
   Settings > Website > Appearance > Journal style sheet.
   It merges both earlier lines that were both called "v4" today:
   (a) the page hover effects (.hayula-row/.card/.chip/.name/.link/.btn),
   (b) the JPAI-style article list + homepage + full-width footer rules,
   (c) the sidebar rules (.hayula-menu, .hico, .hayula-sidecard, .hayula-trow),
   (d) the Archives page rules (.issues_archive issue cards, added v10),
   (e) the issue page rules (.page_issue header card + entry cards, v11),
   (f) the author-map tooltip rules (.hayula-dot, .hayula-tip, added v12),
   (g) the citedness chart rules (.hayula-col, .hayula-col-tip, added v13),
   (h) the Ivory-theme sidebar row hover (.sb-row, added v14 —
       restored from the 07:54 Ivory build of "v12", whose file was
       overwritten the same day by the tooltip build also named "v12").
   v14 = v13 + (h). All earlier hayula-custom*.css files are superseded.
   NOTE: any hayula-custom-v12.css saved locally before 08:20 today is the
   Ivory build and is STALE — delete it; v14 replaces it. */

/* Hayula — hover effects for cards, highlighted rows, ID chips, names,
   inline links, and buttons.
   Upload this file in: Settings > Website > Appearance > Journal style sheet.
   v4: adds the bubble link effect (.hayula-link) and the button color
   change (.hayula-btn) used on the Author Guidelines page.
   All earlier rules are unchanged. */
.hayula-row {
  transition: background 0.25s ease;
}
.hayula-row:hover {
  background: #fbe3c5 !important;
}
.hayula-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.hayula-card:hover {
  transform: translateY(-6px) scale(1.04);
  box-shadow: 0 14px 26px rgba(122, 31, 31, 0.20) !important;
  border-color: #7a1f1f !important;
}
.hayula-chip {
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.hayula-chip:hover {
  background: #7a1f1f !important;
  color: #ffffff !important;
  transform: translateY(-2px) scale(1.05);
}
.hayula-name {
  transition: color 0.2s ease;
}
.hayula-name:hover {
  color: #e8871e !important;
  text-decoration: underline;
}
.hayula-link {
  transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
  border-radius: 999px;
  padding: 1px 5px;
}
.hayula-link:hover {
  background: #fbe3c5 !important;
  color: #e8871e !important;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(122, 31, 31, 0.18);
}
.hayula-btn {
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.hayula-btn:hover {
  background: #e8871e !important;
  border-color: #b96a0d !important;
  color: #ffffff !important;
}

/* ============================================================
   Issue table of contents — open list, JPAI-style (added v4)
   ============================================================ */
.sections .section > h2 {
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #7a1f1f;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-bottom: 8px;
}
.cmp_article_list.articles {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cmp_article_list.articles > li {
  margin: 0;
  padding: 0;
  border: none;
}
.obj_article_summary {
  margin: 0 0 38px;
}
.obj_article_summary .title {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 4px;
}
.obj_article_summary .title a {
  color: #7a1f1f;
  font-weight: 600;
  text-decoration: none;
}
.obj_article_summary .title a:hover {
  color: #e8871e;
  text-decoration: underline;
}
.obj_article_summary .meta {
  margin: 0 0 12px;
}
.obj_article_summary .authors {
  color: #444444;
  font-size: 13.5px;
}
.obj_article_summary .pages {
  color: #8a8a8a;
  font-size: 12.5px;
  margin-top: 2px;
}
.obj_article_summary .pages::before {
  content: "Pages: ";
}
.obj_article_summary .galleys_links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.obj_article_summary .galleys_links > li {
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 0;
}
.obj_article_summary a.obj_galley_link.pdf {
  background: #ffffff;
  color: #7a1f1f;
  border: 1px solid #7a1f1f;
  border-radius: 3px;
  padding: 5px 18px;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}
.obj_article_summary a.obj_galley_link.pdf:hover {
  background: #7a1f1f;
  color: #ffffff;
}

/* ============================================================
   Homepage — headings & current-issue block (added v5)
   ============================================================ */
.page_index_journal .journal_description h2,
.page_index_journal .current_issue > h2 {
  color: #7a1f1f;
  font-size: 21px;
  border-bottom: 2px solid #7a1f1f;
  padding-bottom: 6px;
  margin: 0 0 14px;
}
.page_index_journal .journal_description p {
  line-height: 1.7;
}
.page_index_journal .current_issue {
  margin-top: 36px;
}
.page_index_journal .current_issue_title {
  color: #7a1f1f;
  font-weight: bold;
  font-size: 19px;
  line-height: 1.4;
  margin-bottom: 12px;
}
.page_index_journal .current_issue .cover img {
  border: 1px solid #e5c9a8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.page_index_journal .current_issue .published {
  color: #777777;
  font-size: 13px;
  margin-top: 12px;
}
.page_index_journal .current_issue .published .label {
  font-weight: bold;
  color: #555555;
}
.page_index_journal a.read_more {
  display: inline-block;
  margin-top: 14px;
  background: #ffffff;
  color: #7a1f1f;
  border: 1px solid #7a1f1f;
  border-radius: 3px;
  padding: 7px 20px;
  font-weight: 600;
  font-size: 13.5px;
  text-decoration: none;
}
.page_index_journal a.read_more:hover {
  background: #7a1f1f;
  color: #ffffff;
}

/* ============================================================
   Footer — JSQ-style: full-width header-color background,
   content stays at the theme's centered width (added v7)
   ============================================================ */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  background: #7E331E;
}
.pkp_footer_content {
  padding: 0;
}
.pkp_brand_footer {
  display: none;
}

/* --- Sidebar rules (from the main-chat line) --- */
.hayula-menu {
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.hayula-menu:hover {
  background: linear-gradient(90deg, #7a1f1f, #96292b) !important;
  color: #ffffff !important;
  transform: translateX(5px);
  box-shadow: 0 4px 10px rgba(122, 31, 31, 0.25);
  text-decoration: none;
}
.hayula-menu span {
  transition: color 0.25s ease;
}
.hayula-menu:hover span {
  color: #fbe3c5 !important;
}
.hayula-sidecard {
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.hayula-sidecard:hover {
  box-shadow: 0 10px 22px rgba(122, 31, 31, 0.16) !important;
  transform: translateY(-2px);
}
.hico {
  transition: background 0.25s ease, color 0.25s ease;
}
.hayula-menu:hover .hico {
  background: #e8871e !important;
  color: #ffffff !important;
}
.hayula-trow {
  transition: color 0.2s ease, transform 0.2s ease;
}
.hayula-trow:hover {
  color: #e8871e !important;
  transform: translateX(4px);
  text-decoration: none;
}

/* ============================================================
   Archives page — issue list as cards (added v10)
   Scoped to .issues_archive, which exists only on
   /issue/archive, so the homepage current-issue block and
   single-issue pages are untouched. The issue description
   text itself is NOT changed; it is only visually clamped
   to 3 lines here (full text stays on each issue page).
   ============================================================ */
.page_issue_archive > h1 {
  color: #7a1f1f;
  font-size: 24px;
  border-bottom: 2px solid #7a1f1f;
  padding-bottom: 6px;
  margin: 0 0 18px;
}
.issues_archive {
  list-style: none;
  margin: 0;
  padding: 0;
}
.issues_archive > li {
  margin: 0 0 16px;
  padding: 0;
  border: none;
}
.issues_archive .obj_issue_summary {
  background: #ffffff;
  border: 1px solid #ecd9bd;
  border-radius: 10px;
  padding: 18px 20px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(122, 31, 31, 0.06);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}
.issues_archive .obj_issue_summary:hover {
  box-shadow: 0 10px 22px rgba(122, 31, 31, 0.14);
  transform: translateY(-2px);
  border-color: #7a1f1f;
}
.issues_archive .obj_issue_summary .cover {
  float: left;
  margin: 2px 18px 8px 0;
}
.issues_archive .obj_issue_summary .cover img {
  width: 118px;
  height: auto;
  display: block;
  border: 1px solid #e5c9a8;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.10);
}
.issues_archive .obj_issue_summary h2 {
  display: flex;
  flex-direction: column;
  margin: 0 0 8px;
  line-height: 1.35;
}
.issues_archive .obj_issue_summary h2 .series {
  order: -1;
  font-size: 19px;
  font-weight: 700;
  color: #7a1f1f;
  margin-bottom: 2px;
}
.issues_archive .obj_issue_summary h2 .title {
  font-size: 12.5px;
  font-weight: 400;
  color: #8a8a8a;
  text-decoration: none;
}
.issues_archive .obj_issue_summary h2 .title:hover {
  color: #e8871e;
  text-decoration: underline;
}
.issues_archive .obj_issue_summary .description {
  color: #555555;
  font-size: 13.5px;
  line-height: 1.65;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.issues_archive .obj_issue_summary .description p {
  margin: 0 0 6px;
}
.issues_archive .obj_issue_summary .description img {
  height: 14px;
  width: auto;
  vertical-align: -2px;
}
@media (max-width: 600px) {
  .issues_archive .obj_issue_summary {
    padding: 14px 16px;
  }
  .issues_archive .obj_issue_summary .cover img {
    width: 84px;
  }
  .issues_archive .obj_issue_summary h2 .series {
    font-size: 16px;
  }
}

/* ============================================================
   Issue page (table of contents) — header card + entry
   cards (added v11). Scoped to .page_issue, which exists
   only on /issue/view/* pages. Unlike the Archives list,
   the issue description here is shown in FULL (this is the
   issue's own page) — it is only tidied, never clamped.
   ============================================================ */
.page_issue .obj_issue_toc .heading {
  background: #ffffff;
  border: 1px solid #ecd9bd;
  border-radius: 10px;
  padding: 20px 22px;
  margin-bottom: 26px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(122, 31, 31, 0.06);
}
.page_issue h1 {
  color: #7a1f1f;
  font-size: 24px;
  line-height: 1.35;
  margin: 0 0 14px;
}
.page_issue .obj_issue_toc .heading .cover {
  float: left;
  margin: 2px 20px 10px 0;
}
.page_issue .obj_issue_toc .heading .cover img {
  width: 150px;
  height: auto;
  display: block;
  border: 1px solid #e5c9a8;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.page_issue .obj_issue_toc .description {
  font-size: 14px;
  line-height: 1.7;
  color: #444444;
}
.page_issue .obj_issue_toc .description p {
  margin: 0 0 10px;
}
.page_issue .obj_issue_toc .description img {
  height: 14px;
  width: auto;
  vertical-align: -2px;
}
.page_issue .obj_issue_toc .doi,
.page_issue .obj_issue_toc .item.doi {
  font-size: 13px;
  color: #555555;
  margin-top: 12px;
}
.page_issue .obj_issue_toc .doi .label,
.page_issue .obj_issue_toc .item.doi .label {
  font-weight: bold;
  color: #555555;
}
.page_issue .obj_issue_toc .doi a,
.page_issue .obj_issue_toc .item.doi a {
  color: #7a1f1f;
}
.page_issue .obj_issue_toc .published {
  color: #777777;
  font-size: 13px;
  margin: 6px 0 0;
}
.page_issue .obj_issue_toc .published .label {
  font-weight: bold;
  color: #555555;
}
.page_issue .obj_article_summary {
  background: #ffffff;
  border: 1px solid #f0e2cc;
  border-radius: 10px;
  padding: 16px 18px 6px;
  margin: 0 0 14px;
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}
.page_issue .obj_article_summary:hover {
  box-shadow: 0 10px 22px rgba(122, 31, 31, 0.12);
  transform: translateY(-2px);
  border-color: #7a1f1f;
}
@media (max-width: 600px) {
  .page_issue .obj_issue_toc .heading {
    padding: 16px;
  }
  .page_issue h1 {
    font-size: 20px;
  }
  .page_issue .obj_issue_toc .heading .cover img {
    width: 100px;
  }
}

/* ============================================================
   Geographic Distribution map — interactive CSS tooltips
   (added v12). The map block itself (in Additional Content)
   carries all layout inline; these rules only add the hover
   behaviour: the dot grows and a maroon tooltip label fades
   in above it. Pure CSS, no JavaScript.
   ============================================================ */
.hayula-dot {
  z-index: 2;
}
.hayula-dot:hover {
  transform: translate(-50%, -50%) scale(1.35) !important;
  box-shadow: 0 4px 12px rgba(122, 31, 31, 0.35) !important;
  z-index: 6;
}
.hayula-dot .hayula-tip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%) translateY(3px);
  background: #7a1f1f;
  color: #ffffff;
  font-family: 'Noto Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.3;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  visibility: hidden;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  pointer-events: none;
}
.hayula-dot:hover .hayula-tip {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* ============================================================
   Citedness chart — interactive CSS bar tooltips (added v13).
   The chart block (Citedness page) carries bar sizes/colors
   inline; these rules add the hover behaviour: the bar
   brightens and a maroon tooltip label fades in above it.
   Pure CSS, no JavaScript.
   ============================================================ */
.hayula-col {
  position: relative;
  cursor: pointer;
  transition: filter 0.18s ease;
}
.hayula-col:hover {
  filter: brightness(1.18);
}
.hayula-col .hayula-col-tip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 6px);
  transform: translateX(-50%) translateY(3px);
  background: #7a1f1f;
  color: #ffffff;
  font-family: 'Noto Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.3;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  visibility: hidden;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  pointer-events: none;
  z-index: 5;
}
.hayula-col:hover .hayula-col-tip {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* ============================================================
   Ivory sidebar — menu row hover (added v14).
   Restored from the 07:54 Ivory build of "v12", whose file was
   overwritten the same day by the tooltip build that reused the
   "v12" name — so these rules were silently missing from v12/v13.
   Promised effect: rows shift gently and turn peach-cream on hover.
   The Ivory rows carry all visuals inline, so the hover needs
   !important to take effect; the dark "Article Template" button
   (also .sb-row) keeps its dark look and only brightens slightly.
   ============================================================ */
.sb-row {
  transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
}
.sb-row:hover {
  transform: translateX(4px);
  text-decoration: none;
}
/* white Ivory menu rows -> peach cream on hover */
a.sb-row[style*="background:#ffffff"]:hover {
  background: #FDF9F3 !important;
  border-color: #e8871e !important;
}
/* dark template button -> keep dark, slight brighten */
a.sb-row[style*="background:#7E331E"]:hover {
  filter: brightness(1.12);
}

/* ============================================================
   v15 — Citedness v5: interactive SVG charts (line, donut, pie).
   Per-slice / per-point tooltips and legend-linked highlighting.
   ============================================================ */
.hsl .htip, .hptw .htip { opacity: 0; transition: opacity 0.18s ease; pointer-events: none; }
.hsl:hover .htip, .hptw:hover .htip { opacity: 1; }
.hsl .hsp { transition: opacity 0.18s ease; cursor: pointer; }
.hsl:hover .hsp { opacity: 0.72; }
.hptw .hpt { transition: fill 0.18s ease; cursor: pointer; }
.hptw:hover .hpt { fill: #e8871e; }
.hleg { transition: background 0.15s ease; border-radius: 4px; padding: 1px 4px; }
.hleg:hover { background: #fdf3e3; }
.hchart:has(.hleg-d0:hover) .hsl-d0 .htip { opacity: 1; }
.hchart:has(.hleg-d0:hover) .hsl-d0 .hsp { opacity: 0.72; }
.hchart:has(.hleg-d1:hover) .hsl-d1 .htip { opacity: 1; }
.hchart:has(.hleg-d1:hover) .hsl-d1 .hsp { opacity: 0.72; }
.hchart:has(.hleg-d2:hover) .hsl-d2 .htip { opacity: 1; }
.hchart:has(.hleg-d2:hover) .hsl-d2 .hsp { opacity: 0.72; }
.hchart:has(.hleg-d3:hover) .hsl-d3 .htip { opacity: 1; }
.hchart:has(.hleg-d3:hover) .hsl-d3 .hsp { opacity: 0.72; }
.hchart:has(.hleg-d4:hover) .hsl-d4 .htip { opacity: 1; }
.hchart:has(.hleg-d4:hover) .hsl-d4 .hsp { opacity: 0.72; }
.hchart:has(.hleg-d5:hover) .hsl-d5 .htip { opacity: 1; }
.hchart:has(.hleg-d5:hover) .hsl-d5 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p0:hover) .hsl-p0 .htip { opacity: 1; }
.hchart:has(.hleg-p0:hover) .hsl-p0 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p1:hover) .hsl-p1 .htip { opacity: 1; }
.hchart:has(.hleg-p1:hover) .hsl-p1 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p2:hover) .hsl-p2 .htip { opacity: 1; }
.hchart:has(.hleg-p2:hover) .hsl-p2 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p3:hover) .hsl-p3 .htip { opacity: 1; }
.hchart:has(.hleg-p3:hover) .hsl-p3 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p4:hover) .hsl-p4 .htip { opacity: 1; }
.hchart:has(.hleg-p4:hover) .hsl-p4 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p5:hover) .hsl-p5 .htip { opacity: 1; }
.hchart:has(.hleg-p5:hover) .hsl-p5 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p6:hover) .hsl-p6 .htip { opacity: 1; }
.hchart:has(.hleg-p6:hover) .hsl-p6 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p7:hover) .hsl-p7 .htip { opacity: 1; }
.hchart:has(.hleg-p7:hover) .hsl-p7 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p8:hover) .hsl-p8 .htip { opacity: 1; }
.hchart:has(.hleg-p8:hover) .hsl-p8 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p9:hover) .hsl-p9 .htip { opacity: 1; }
.hchart:has(.hleg-p9:hover) .hsl-p9 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p10:hover) .hsl-p10 .htip { opacity: 1; }
.hchart:has(.hleg-p10:hover) .hsl-p10 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p11:hover) .hsl-p11 .htip { opacity: 1; }
.hchart:has(.hleg-p11:hover) .hsl-p11 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p12:hover) .hsl-p12 .htip { opacity: 1; }
.hchart:has(.hleg-p12:hover) .hsl-p12 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p13:hover) .hsl-p13 .htip { opacity: 1; }
.hchart:has(.hleg-p13:hover) .hsl-p13 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p14:hover) .hsl-p14 .htip { opacity: 1; }
.hchart:has(.hleg-p14:hover) .hsl-p14 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p15:hover) .hsl-p15 .htip { opacity: 1; }
.hchart:has(.hleg-p15:hover) .hsl-p15 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p16:hover) .hsl-p16 .htip { opacity: 1; }
.hchart:has(.hleg-p16:hover) .hsl-p16 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p17:hover) .hsl-p17 .htip { opacity: 1; }
.hchart:has(.hleg-p17:hover) .hsl-p17 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p18:hover) .hsl-p18 .htip { opacity: 1; }
.hchart:has(.hleg-p18:hover) .hsl-p18 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p19:hover) .hsl-p19 .htip { opacity: 1; }
.hchart:has(.hleg-p19:hover) .hsl-p19 .hsp { opacity: 0.72; }
.hchart:has(.hleg-p20:hover) .hsl-p20 .htip { opacity: 1; }
.hchart:has(.hleg-p20:hover) .hsl-p20 .hsp { opacity: 0.72; }

/* ============================================================
   v16 — Citedness v7: circle charts without SVG (OJS strips
   SVG tags on save). Conic-gradient discs + per-slice
   clip-path hover layers and tooltips.
   ============================================================ */
.hsq { position: relative; height: 0; padding-bottom: 100%; margin-top: 46px; }
.fill { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.hcirc { border-radius: 50%; }
.hslice .hclip { cursor: pointer; transition: background 0.18s ease; }
.hslice:hover .hclip { background: rgba(255,255,255,0.25); }
.hslice .htip { position: absolute; left: 50%; top: -44px; transform: translateX(-50%); background: #7a1f1f; color: #ffffff; font-size: 12.5px; font-weight: bold; line-height: 1.3; padding: 5px 12px; border-radius: 6px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.18s ease; z-index: 8; box-shadow: 0 2px 6px rgba(0,0,0,0.25); }
.hslice:hover .htip { opacity: 1; }
.hhole { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 57%; height: 57%; border-radius: 50%; background: #fffdf8; display: flex; align-items: center; justify-content: center; text-align: center; z-index: 5; }
.hhole-n { display: block; font-size: 25px; font-weight: bold; color: #7a1f1f; line-height: 1.1; }
.hhole-t { display: block; font-size: 11px; color: #777; }
.hleg { transition: background 0.15s ease; border-radius: 4px; padding: 1px 4px; }
.hleg:hover { background: #fdf3e3; }
.hdonut-bg { background: conic-gradient(#7a1f1f 0.00% 77.51%, #e8871e 77.51% 83.43%, #b3543f 83.43% 89.35%, #d9a441 89.35% 94.67%, #7e331e 94.67% 99.41%, #cbb59a 99.41% 100.00%); }
.hpie-bg { background: conic-gradient(#7a1f1f 0.00% 41.16%, #e8871e 41.16% 76.53%, #b3543f 76.53% 79.06%, #d9a441 79.06% 81.59%, #7e331e 81.59% 84.12%, #8e4585 84.12% 86.28%, #4a6fa5 86.28% 87.73%, #97836a 87.73% 89.17%, #c97b4a 89.17% 90.61%, #a33327 90.61% 92.06%, #d4a017 92.06% 93.50%, #6b4f9e 93.50% 94.58%, #5b7f95 94.58% 95.67%, #946846 95.67% 96.39%, #b08968 96.39% 97.11%, #7f5539 97.11% 97.83%, #bc6c25 97.83% 98.56%, #dda15e 98.56% 98.92%, #8d6e63 98.92% 99.28%, #78909c 99.28% 99.64%, #a1887f 99.64% 100.00%); }
.hsd0 .hclip { clip-path: polygon(50% 50%, 50.00% 0.00%, 56.94% 0.48%, 63.74% 1.92%, 70.27% 4.29%, 76.42% 7.55%, 82.05% 11.62%, 87.06% 16.44%, 91.36% 21.90%, 94.86% 27.91%, 97.49% 34.35%, 99.20% 41.09%, 99.96% 48.00%, 99.75% 54.94%, 98.59% 61.80%, 96.48% 68.42%, 93.48% 74.69%, 89.63% 80.48%, 85.02% 85.69%, 79.73% 90.20%, 73.87% 93.94%, 67.54% 96.82%, 60.88% 98.80%, 54.01% 99.84%, 47.05% 99.91%, 40.16% 99.02%, 33.45% 97.18%, 27.07% 94.43%, 21.13% 90.82%, 15.75% 86.42%, 11.02% 81.32%, 7.06% 75.61%, 3.92% 69.41%, 1.67% 62.83%, 0.36% 56.00%, 0.01% 49.06%, 0.62% 42.13%); }
.hsd1 .hclip { clip-path: polygon(50% 50%, 0.62% 42.13%, 1.97% 36.09%, 4.06% 30.26%, 6.85% 24.73%); }
.hsd2 .hclip { clip-path: polygon(50% 50%, 6.85% 24.73%, 10.31% 19.59%, 14.37% 14.92%, 18.98% 10.78%); }
.hsd3 .hclip { clip-path: polygon(50% 50%, 18.98% 10.78%, 23.54% 7.58%, 28.43% 4.89%, 33.58% 2.77%); }
.hsd4 .hclip { clip-path: polygon(50% 50%, 33.58% 2.77%, 38.34% 1.38%, 43.21% 0.46%, 48.14% 0.03%); }
.hsd5 .hclip { clip-path: polygon(50% 50%, 48.14% 0.03%, 49.07% 0.01%, 50.00% 0.00%); }
.hchart:has(.hleg-d0:hover) .hsd0 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-d0:hover) .hsd0 .htip { opacity: 1; }
.hchart:has(.hleg-d1:hover) .hsd1 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-d1:hover) .hsd1 .htip { opacity: 1; }
.hchart:has(.hleg-d2:hover) .hsd2 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-d2:hover) .hsd2 .htip { opacity: 1; }
.hchart:has(.hleg-d3:hover) .hsd3 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-d3:hover) .hsd3 .htip { opacity: 1; }
.hchart:has(.hleg-d4:hover) .hsd4 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-d4:hover) .hsd4 .htip { opacity: 1; }
.hchart:has(.hleg-d5:hover) .hsd5 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-d5:hover) .hsd5 .htip { opacity: 1; }
.hsp0 .hclip { clip-path: polygon(50% 50%, 50.00% 0.00%, 56.78% 0.46%, 63.44% 1.84%, 69.85% 4.11%, 75.89% 7.23%, 81.46% 11.14%, 86.44% 15.76%, 90.75% 21.03%, 94.30% 26.82%, 97.04% 33.05%, 98.90% 39.59%, 99.86% 46.32%, 99.90% 53.12%, 99.02% 59.86%, 97.23% 66.42%, 94.56% 72.67%, 91.07% 78.51%, 86.83% 83.82%, 81.90% 88.50%, 76.38% 92.48%); }
.hsp1 .hclip { clip-path: polygon(50% 50%, 76.38% 92.48%, 70.24% 95.72%, 63.72% 98.08%, 56.92% 99.52%, 50.00% 100.00%, 43.08% 99.52%, 36.28% 98.08%, 29.76% 95.72%, 23.62% 92.48%, 17.99% 88.41%, 12.98% 83.61%, 8.68% 78.16%, 5.18% 72.17%, 2.54% 65.75%, 0.82% 59.02%, 0.05% 52.13%, 0.23% 45.19%); }
.hsp2 .hclip { clip-path: polygon(50% 50%, 0.23% 45.19%, 0.77% 41.26%, 1.62% 37.38%); }
.hsp3 .hclip { clip-path: polygon(50% 50%, 1.62% 37.38%, 2.77% 33.58%, 4.22% 29.89%); }
.hsp4 .hclip { clip-path: polygon(50% 50%, 4.22% 29.89%, 5.96% 26.32%, 7.98% 22.90%); }
.hsp5 .hclip { clip-path: polygon(50% 50%, 7.98% 22.90%, 9.92% 20.11%, 12.04% 17.45%); }
.hsp6 .hclip { clip-path: polygon(50% 50%, 12.04% 17.45%, 13.56% 15.76%, 15.15% 14.15%); }
.hsp7 .hclip { clip-path: polygon(50% 50%, 15.15% 14.15%, 16.81% 12.60%, 18.54% 11.14%); }
.hsp8 .hclip { clip-path: polygon(50% 50%, 18.54% 11.14%, 20.34% 9.75%, 22.19% 8.45%); }
.hsp9 .hclip { clip-path: polygon(50% 50%, 22.19% 8.45%, 24.11% 7.23%, 26.07% 6.10%); }
.hsp10 .hclip { clip-path: polygon(50% 50%, 26.07% 6.10%, 28.09% 5.06%, 30.15% 4.11%); }
.hsp11 .hclip { clip-path: polygon(50% 50%, 30.15% 4.11%, 31.72% 3.46%, 33.31% 2.87%); }
.hsp12 .hclip { clip-path: polygon(50% 50%, 33.31% 2.87%, 34.93% 2.33%, 36.56% 1.84%); }
.hsp13 .hclip { clip-path: polygon(50% 50%, 36.56% 1.84%, 37.65% 1.55%, 38.76% 1.28%); }
.hsp14 .hclip { clip-path: polygon(50% 50%, 38.76% 1.28%, 39.86% 1.04%, 40.98% 0.82%); }
.hsp15 .hclip { clip-path: polygon(50% 50%, 40.98% 0.82%, 42.09% 0.63%, 43.22% 0.46%); }
.hsp16 .hclip { clip-path: polygon(50% 50%, 43.22% 0.46%, 44.34% 0.32%, 45.47% 0.21%); }
.hsp17 .hclip { clip-path: polygon(50% 50%, 45.47% 0.21%, 46.03% 0.16%, 46.60% 0.12%); }
.hsp18 .hclip { clip-path: polygon(50% 50%, 46.60% 0.12%, 47.17% 0.08%, 47.73% 0.05%); }
.hsp19 .hclip { clip-path: polygon(50% 50%, 47.73% 0.05%, 48.30% 0.03%, 48.87% 0.01%); }
.hsp20 .hclip { clip-path: polygon(50% 50%, 48.87% 0.01%, 49.43% 0.00%, 50.00% 0.00%); }
.hchart:has(.hleg-p0:hover) .hsp0 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p0:hover) .hsp0 .htip { opacity: 1; }
.hchart:has(.hleg-p1:hover) .hsp1 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p1:hover) .hsp1 .htip { opacity: 1; }
.hchart:has(.hleg-p2:hover) .hsp2 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p2:hover) .hsp2 .htip { opacity: 1; }
.hchart:has(.hleg-p3:hover) .hsp3 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p3:hover) .hsp3 .htip { opacity: 1; }
.hchart:has(.hleg-p4:hover) .hsp4 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p4:hover) .hsp4 .htip { opacity: 1; }
.hchart:has(.hleg-p5:hover) .hsp5 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p5:hover) .hsp5 .htip { opacity: 1; }
.hchart:has(.hleg-p6:hover) .hsp6 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p6:hover) .hsp6 .htip { opacity: 1; }
.hchart:has(.hleg-p7:hover) .hsp7 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p7:hover) .hsp7 .htip { opacity: 1; }
.hchart:has(.hleg-p8:hover) .hsp8 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p8:hover) .hsp8 .htip { opacity: 1; }
.hchart:has(.hleg-p9:hover) .hsp9 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p9:hover) .hsp9 .htip { opacity: 1; }
.hchart:has(.hleg-p10:hover) .hsp10 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p10:hover) .hsp10 .htip { opacity: 1; }
.hchart:has(.hleg-p11:hover) .hsp11 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p11:hover) .hsp11 .htip { opacity: 1; }
.hchart:has(.hleg-p12:hover) .hsp12 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p12:hover) .hsp12 .htip { opacity: 1; }
.hchart:has(.hleg-p13:hover) .hsp13 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p13:hover) .hsp13 .htip { opacity: 1; }
.hchart:has(.hleg-p14:hover) .hsp14 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p14:hover) .hsp14 .htip { opacity: 1; }
.hchart:has(.hleg-p15:hover) .hsp15 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p15:hover) .hsp15 .htip { opacity: 1; }
.hchart:has(.hleg-p16:hover) .hsp16 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p16:hover) .hsp16 .htip { opacity: 1; }
.hchart:has(.hleg-p17:hover) .hsp17 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p17:hover) .hsp17 .htip { opacity: 1; }
.hchart:has(.hleg-p18:hover) .hsp18 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p18:hover) .hsp18 .htip { opacity: 1; }
.hchart:has(.hleg-p19:hover) .hsp19 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p19:hover) .hsp19 .htip { opacity: 1; }
.hchart:has(.hleg-p20:hover) .hsp20 .hclip { background: rgba(255,255,255,0.25); }
.hchart:has(.hleg-p20:hover) .hsp20 .htip { opacity: 1; }

/* ============================================================
   HAYULA v17 — hover baris menu sidebar v7 (.hsb-row).
   Baris menu bergeser + menyala marun di atas latar peach saat
   disorot. Murni peningkatan: tanpa aturan ini sidebar v7 tetap
   tampil rapi dari gaya inline-nya.
   ============================================================ */
.hsb-row { transition: background .18s ease, padding-left .18s ease, color .18s ease; }
.hsb-row:hover { background: #fdf3e3; color: #7a1f1f !important; padding-left: 10px; border-radius: 6px; }

/* ============================================================
   HAYULA v18 — hover pil ISSN (.hsb-issn) di blok ISSN sidebar.
   Saat disorot, pil berubah jadi gradasi marun, label jadi
   peach terang, nomor jadi putih, pil sedikit terangkat.
   ============================================================ */
.hsb-issn { transition: background .18s ease, box-shadow .18s ease, transform .18s ease; }
.hsb-issn:hover { background: linear-gradient(135deg,#7a1f1f,#9c3226) !important; border-color: #7a1f1f !important; box-shadow: 0 3px 8px rgba(122,31,31,.25); transform: translateY(-1px); }
.hsb-issn:hover span { color: #ffffff !important; }
.hsb-issn:hover span:first-child { color: #f6c177 !important; }

/* ============================================================
   HAYULA v19 — perbaikan hover grafik Citedness (v7).
   Lapisan .hslice sebesar penuh menumpuk; lapisan teratas
   menelan semua hover sehingga hanya tooltip irisan terakhir
   yang muncul. Sekarang lapisan tembus kursor dan hanya
   bentuk irisan (.hclip) yang menangkap hover.
   ============================================================ */
.hslice { pointer-events: none; }
.hslice .hclip { pointer-events: auto; }

/* ============================================================
   HAYULA v20 — rapatkan jarak blok sidebar.
   Tema OJS memberi padding 2.143rem (~30px) atas-bawah pada
   setiap .pkp_block; padding itu menumpuk dengan margin kartu
   sehingga blok pertama turun dari atas dan jarak antar-blok
   membengkak. Aturan ini menolkannya khusus blok kustom di
   sidebar; jarak antar-blok setelah ini hanya dari margin
   kartu (20px), dan kartu memenuhi lebar kolom sidebar.
   ============================================================ */
.pkp_structure_sidebar .pkp_block.block_custom { padding: 0; }

/* ============================================================
   HAYULA v21 — kembalikan spasi blok sidebar seperti semula.
   Bagian v20 (padding blok dinolkan) membuat kartu mepet ke
   tepi kolom dan antar-blok terlalu rapat; atas permintaan
   Bro, padding bawaan tema untuk blok kustom dipulihkan ke
   nilai aslinya (2.143rem atas-bawah, 1.43rem kiri-kanan),
   sama seperti sebelum v20.
   ============================================================ */
.pkp_structure_sidebar .pkp_block.block_custom { padding: 2.143rem 1.43rem; }

/* ============================================================
   HAYULA v22 — spasi sidebar ala JSQ: rapat ke ATAS, bukan
   ke samping. Padding vertikal tema untuk blok kustom
   dinolkan (blok menumpuk rapat dari atas; jarak antar-kartu
   diseragamkan 14px), tetapi padding kiri-kanan tema
   DIPERTAHANKAN supaya kartu tidak mepet ke tepi kolom.
   (Mengoreksi v20 yang menolkan semua arah, dan v21 yang
   memulihkan semuanya.)
   ============================================================ */
.pkp_structure_sidebar .pkp_block.block_custom { padding: 0 1.43rem; }
.pkp_structure_sidebar .hayula-sidecard { margin-bottom: 14px !important; }

/* ============================================================
   HAYULA v23 — warna sorot baris menu sidebar (ketetapan Bro):
   saat disorot, baris TIDAK berubah jadi merah bata; cukup
   latar peach lembut + teks marun + efek pop-up (baris sedikit
   terangkat dengan bayangan halus). Memperhalus aturan
   .hsb-row di v17; jarak antar-blok mengikuti v22.
   ============================================================ */
.hsb-row:hover { background: #fdf3e3; color: #7a1f1f !important; padding-left: 10px; border-radius: 6px; transform: translateY(-1px); box-shadow: 0 2px 6px rgba(122,31,31,.12); }

/* ============================================================
   HAYULA v24 — gaya blok Participant Diversity versi ringan
   (.hdv-). Nilai-nilainya sama persis dengan gaya inline pada
   versi biasa; awalan class khusus blok ini saja.
   ============================================================ */
.hdv-card { background:#ffffff; border:1.5px solid #e5c9a8; border-radius:16px; padding:12px; margin:0 0 14px 0; box-shadow:0 3px 10px rgba(122,31,31,.08); font-family:'Noto Sans',-apple-system,'Segoe UI',Roboto,sans-serif; }
.hdv-hdr { background:linear-gradient(135deg,#7a1f1f,#9c3226); color:#ffffff; font-weight:bold; text-align:center; padding:9px 10px; letter-spacing:1.5px; font-size:14px; border-radius:10px; border-bottom:3px solid #e8871e; }
.hdv-grp { font-size:13.5px; font-weight:bold; color:#7a1f1f; margin:14px 0 4px; }
.hdv-row { display:flex; align-items:center; gap:8px; padding:5px 2px; border-bottom:1px solid #f3e7d3; font-size:13px; color:#444; }
.hdv-row.last { border-bottom:none; }
.hdv-row img { border-radius:2px; flex:none; }
.hdv-row strong { margin-left:auto; font-size:13px; color:#7a1f1f; }
.hdv-globe { flex:none; width:20px; text-align:center; font-size:12px; }
.hdv-note { font-size:11px; color:#888; line-height:1.55; margin:12px 0 2px; }

/* ============================================================
   HAYULA v25 — efek pop-up logo blok Accreditation (.hacc).
   Saat disorot, logo terangkat dan menyala sesuai warnanya:
   SINTA kebiruan, sertifikat keemasan, Scopus oranye —
   supaya jelas bahwa ketiganya bisa diklik.
   ============================================================ */
.hacc { display: block; border-radius: 10px; transition: transform .18s ease, box-shadow .18s ease; }
.hacc:hover { transform: translateY(-2px) scale(1.02); }
.hacc-sinta:hover { box-shadow: 0 6px 16px rgba(27,111,174,.35); }
.hacc-cert:hover { box-shadow: 0 6px 16px rgba(217,164,65,.45); }
.hacc-scopus:hover { box-shadow: 0 6px 16px rgba(233,113,28,.40); }

/* ============================================================
   HAYULA v27b — efek pop-up chip fakta (.hchip) SAJA.
   Versi ini SENGAJA tanpa aturan header (permintaan Bro:
   header tidak diubah). Isi = v25 utuh + bagian chip ini.
   Saat diarahkan kursor, chip terangkat, latarnya menjadi
   peach pekat, dan muncul bayangan halus.
   ============================================================ */
.hchip { transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease; }
.hchip:hover { background-color: #fbe3c5 !important; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(122,31,31,.20); }

/* ============================================================
   HAYULA v28 — blok Participant Diversity gaya JSQ (.hdvx-).
   Ditambah di atas v27b; tetap TANPA aturan header.
   Tata letak ringkas ala JSQ: kepala gradasi marun, baris
   kelompok peach, bendera + negara + benua + pil angka marun,
   pil oranye untuk baris Other.
   ============================================================ */
.hdvx-card { background: #ffffff; border: 1.5px solid #e5c9a8; border-radius: 14px; padding: 12px; box-shadow: 0 3px 10px rgba(122,31,31,.08); font-family: 'Noto Sans',-apple-system,'Segoe UI',Roboto,sans-serif; }
.hdvx-head { background: linear-gradient(135deg,#7a1f1f,#9c3226); color: #ffffff; font-weight: bold; text-align: center; padding: 9px 8px; letter-spacing: 1.2px; font-size: 14.5px; border-radius: 9px; border-bottom: 3px solid #e8871e; }
.hdvx-sub { text-align: center; color: #a08a72; font-size: 12px; margin: 7px 0 2px; letter-spacing: .5px; }
.hdvx-group { background: #fbe3c5; color: #7a1f1f; font-weight: bold; font-size: 13.5px; text-align: center; padding: 6px 8px; border-radius: 8px; margin: 10px 0 4px; }
.hdvx-row { display: flex; align-items: center; gap: 8px; padding: 5px 2px; border-bottom: 1px solid #f3e7d3; }
.hdvx-flag { flex: none; border-radius: 2px; }
.hdvx-globe { flex: none; width: 24px; text-align: center; font-size: 14px; }
.hdvx-name { font-size: 13.5px; color: #333333; font-weight: 600; }
.hdvx-list { font-weight: normal; color: #999999; font-size: 11.5px; }
.hdvx-cont { margin-left: auto; font-size: 11.5px; color: #a08a72; white-space: nowrap; }
.hdvx-num { flex: none; background: #7a1f1f; color: #ffffff; font-weight: bold; font-size: 12.5px; border-radius: 999px; padding: 1px 9px; min-width: 22px; text-align: center; }
.hdvx-other { background: #e8871e; }
.hdvx-foot { text-align: right; font-size: 11px; color: #aaaaaa; margin-top: 8px; }

/* ============================================================
   HAYULA v29 — bendera blok Diversity sebagai SATU gambar
   sprite yang tertanam di stylesheet (data URI), menggantikan
   15 gambar flagcdn eksternal yang dicegah server saat blok
   disimpan. Bloknya sendiri kini tanpa URL gambar sama sekali.
   ============================================================ */
.hdvx-sp { flex: none; display: inline-block; width: 24px; height: 18px; border-radius: 2px; background-image: url("data:image/png;base64,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"); background-repeat: no-repeat; }
.hdvx-sp-id { background-position: 0 0; }
.hdvx-sp-my { background-position: -24px 0; }
.hdvx-sp-ng { background-position: -48px 0; }
.hdvx-sp-sa { background-position: -72px 0; }
.hdvx-sp-eg { background-position: -96px 0; }
.hdvx-sp-ir { background-position: -120px 0; }
.hdvx-sp-kg { background-position: -144px 0; }
.hdvx-sp-ma { background-position: -168px 0; }
.hdvx-sp-tn { background-position: -192px 0; }
.hdvx-sp-gb { background-position: -216px 0; }
.hdvx-sp-us { background-position: -240px 0; }


/* ============================================================
   HAYULA v31 — ikon globe untuk baris "Other" blok Diversity.
   Di v3 baris Other masih memakai emoji globe mentah di dalam
   blok (class .hdvx-globe) — karakter emoji adalah tersangka
   penolakan penyimpanan oleh OJS. Di v31 ikon globe digambar
   sebagai gambar PNG kecil yang tertanam (data URI) di class
   .hdvx-sp-gl, menimpa gambar sprite khusus untuk span itu;
   blok v4 memakainya lewat <span class="hdvx-sp hdvx-sp-gl">
   sehingga blok tidak lagi memuat emoji sama sekali.
   v31 dibangun dari v29 (BUKAN dari v30 — section background
   cream di v30 sudah dibatalkan Bro, tetap ditangguhkan).
   ============================================================ */
.hdvx-sp-gl { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAADU0lEQVR4nJWVT2hcVRSHv3PemxlKkdgYCm0yeY+kC01dVEGoFFuxYkElRWFm50ooomSjYuqk7SSamgiWQjaC4rZCBhUXSnUjUURUunBj45DOdCbJlLRFWrGQCXPvcdGZOImTBs/ucjm/7/y551zYxjIQGEinuzyE2/l3dGwXL4ADmOzr662rPgiQUF06c/XqHwAtuID9L0AedAL8WBw/o5DH7DEPCQAVwaBkZh+crVQ+bIE6QToBJANaAHc6imYETjRgQWCHOXdYvFeSyW/N+2KgeljNflsNguPvl0p/WYdMtENZtAAuF0UzSdURD49477/yZp++t7S0fLZWWzTvP0ekqPV6r4ikQ+e+z4CO3w1YtgS0aj4aRU+mVEdura0dnKxULqvIcBgE3+RB86AWBBcxe55r11Zrqo8KxINRND4BfnaT5obDUDM9NTu/6twX55aXfx6NohiRZCMI5veD7AchCOYRSa5GUf9HpdJtZ/ZmCKMn9+59IAuu/dWtA1pNfWvfvr5A5IDAZBM2aGbXpxYWbmTBZcFNLSzcMLPrIcQAU9XqxwYNSSSOAWTbdNff8e9NalCvP4RqA7OHc3GcBg7ifXcujo9jdtdRxON9t4kcy8Vxl5mJwk0PB4ALQ0eOCHNzGwHtJqCm+hreI3A/Ir3mfW69gWYmIr14/6LBUwIuVN3VgMZmrXVAq/6ILBuIqb40XS4XT0bRs+L92NTi4qF2x7fT6R9N9d3pSuUiQC6K/hSzGkAr+g09eAe8gSSr1XlvtqLOnQAIva+ISM/owEBXBoIMBKMDA10i0iNm1VkIxvr7n06I7PLwdVPO/wdgQKHZaINTgeobL/f1dad37y4iEia8jwvgCuDwPkZE1+r1ShYcIufXzD6brlZLGQgmOgEAsuDyoFPV6ife7Id0GP5au3TJYTZnZkdbPQjNjmL2y7mVlTun4/iCiAwmU6lX8qBD203yOJiB/A3DwC2L4yIi93l4oZkoBsOI1M7E8XchPNfw/omJYvEmQHv0sMWya1tcwak4nhSzkVQQ7Lzj3BUB2aE6UPfeiciXt0VenSmXV1pztFlry23avh1f37OnZ2cqdcibPa6AiFwWkZ8myuUi/DukW2ndy+Ren8rsPT6jlv0D9fhw0KQFOc4AAAAASUVORK5CYII="); background-position: 0 0; }


/* ============================================================
   HAYULA v32 — sorot PUTIH khusus baris menu di dalam kartu
   cream (permintaan Bro 21 Okt 2026). Warna sorot standar
   .hsb-row adalah peach #fdf3e3; pada kartu yang latarnya
   juga cream #fdf3e3 sorot itu jadi tidak terlihat. Aturan ini
   hanya berlaku di dalam kartu berpenanda .hsb-cream (dipakai
   blok Journal Information v4): latar baris saat disorot
   menjadi putih, sedangkan warna teks marun, efek angkat, dan
   bayangannya tetap dari aturan .hsb-row yang lama. Blok
   berkartu putih tidak terpengaruh sama sekali.
   ============================================================ */
.hsb-cream .hsb-row:hover { background: #ffffff; }


/* ============================================================
   HAYULA v33 — perlakuan cream untuk kartu Participant
   Diversity (permintaan Bro 21 Okt 2026: semua blok sidebar
   cream, sorot putih). Kartu Diversity (.hdvx-card) latarnya
   diatur stylesheet, bukan inline seperti blok lain, jadi
   versi cream-nya berupa aturan berpenanda: kartu Diversity
   yang berclass tambahan .hsb-cream latarnya cream #fdf3e3,
   dan baris-barisnya (yang selama ini tanpa sorot) kini ikut
   bersorot putih seperti blok menu lain. Kartu Diversity
   tanpa penanda tidak berubah.
   ============================================================ */
.hdvx-card.hsb-cream { background: #fdf3e3; }
.hsb-cream .hdvx-row:hover { background: #ffffff; border-radius: 6px; }


/* ============================================================
   HAYULA v34 — sorot ORANYE untuk kartu cream (keputusan Bro
   21 Okt 2026, setelah membandingkan putih vs merah bata vs
   oranye di pratinjau). Warnanya oranye aksen Hayula sendiri
   #e8871e — sama dengan panah baris, garis kepala blok, dan
   pil Other di seluruh situs (sempat dicoba disamakan dengan
   oranye logo Scopus #FF8000, lalu Bro setuju kembali ke
   oranye Hayula karena lebih menyatu dan lebih ramah mata).
   Aturan ini menimpa sorot putih v32 khusus di dalam kartu
   berpenanda .hsb-cream: baris menu bersorot oranye dengan
   teks putih (panah › ikut putih), dan baris Diversity
   bersorot oranye dengan pil angka terbalik putih. Efek
   angkat + bayangan tetap dari aturan .hsb-row lama. Blok
   berkartu putih dan aturan v32 tidak diubah (append-only).
   ============================================================ */
.hsb-cream .hsb-row:hover { background: #e8871e; color: #ffffff !important; }
.hsb-cream .hsb-row:hover span { color: #ffffff !important; }
.hsb-cream .hdvx-row:hover { background: #e8871e; }
.hsb-cream .hdvx-row:hover .hdvx-name { color: #ffffff; }
.hsb-cream .hdvx-row:hover .hdvx-cont { color: #ffe9d2; }
.hsb-cream .hdvx-row:hover .hdvx-list { color: #ffe9d2; }
.hsb-cream .hdvx-row:hover .hdvx-num { background: #ffffff; color: #7a1f1f; }


/* ============================================================
   HAYULA v35 — glow hover untuk entri Citedness in Crossref
   di blok Accreditation (keluarga .hacc, menyusul SINTA biru,
   sertifikat emas, Scopus oranye). Warnanya teal dari mark
   logo Crossref (#3cb0c6). Aturan .hacc dasar (angkat + skala)
   sudah ada sejak v25 dan tidak diubah; bagian ini hanya
   menambah warna bayangan khusus entri Crossref (append-only).
   ============================================================ */
.hacc-crossref:hover { box-shadow: 0 6px 16px rgba(60,175,198,.40); }


/* ============================================================
   HAYULA v36 — percantik MENU BAR (permintaan Bro 21 Okt 23:51).
   Hanya aturan navigasi utama: sorot pil peach saat hover,
   "Submit your Article" menjadi tombol pil oranye, dan dropdown
   berujung membulat + berbayang dengan baris bersorot peach.
   Band header dan logo TIDAK diubah sama sekali (sesuai aturan
   tetap Bro); aturan ini diambil dari rancangan v26 yang dulu
   ditangguhkan, dibatasi khusus menu saja (append-only).
   ============================================================ */
.pkp_navigation_primary > li > a {
  border-radius: 999px;
  transition: background-color .18s ease, color .18s ease;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  background-color: rgba(251,227,197,.95);
  color: #7a1f1f;
}
.pkp_navigation_primary a[href*="submissions"] {
  background-color: #e8871e;
  color: #ffffff;
  border-radius: 999px;
  font-weight: 700;
}
.pkp_navigation_primary a[href*="submissions"]:hover,
.pkp_navigation_primary a[href*="submissions"]:focus {
  background-color: #f6a83c;
  color: #ffffff;
}
.pkp_navigation_primary ul {
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  overflow: hidden;
}
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
  background-color: #fdf3e3;
}


/* ============================================================
   v40 - Judul halaman seragam (satu judul per halaman)
   Dibangun di atas v36 (versi yang live) + bagian ini saja.
   Judul bawaan OJS ditata marun bergaris bawah seperti gaya
   judul pada isi halaman; baris judul H2 di awal kode tempel
   halaman-halaman dihapus (berkas di folder judul-seragam).
   Halaman artikel dan halaman edisi tidak disentuh.
   ============================================================ */
.page:not(.page_article):not(.page_issue) > h1.page_title,
.page_about > h1,
.page_editorial_team > h1,
.page_contact > h1 {
  color: #7a1f1f;
  font-size: 26px;
  font-weight: 700;
  border-bottom: 2px solid #7a1f1f;
  padding-bottom: 6px;
  margin-top: 0;
  margin-bottom: 20px;
}

/* ============ v42: HOMEPAGE FACT BUBBLES - HOVER SOROT ============ */
.hayula-bubble { transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; }
a.hayula-bubble:hover { background: #f6d9ae !important; box-shadow: 0 4px 12px rgba(122,31,31,.22); transform: translateY(-2px) scale(1.04); text-decoration: none; }
a.hayula-bubble:active { transform: translateY(0) scale(1); box-shadow: 0 2px 6px rgba(122,31,31,.18); }

/* ============================================================
   HAYULA v43 — jarak antar-blok sidebar dilonggarkan (atas
   permintaan Bro, 23 Okt 2026): jarak yang sejak v22 hanya
   14px kini menjadi 24px, seragam untuk SEMUA blok sidebar.
   Tiga lapis aturan supaya rata di semua jenis blok:
   (1) margin bawah kartu .hayula-sidecard (mayoritas blok)
       dinaikkan dari 14px menjadi 24px;
   (2) margin bawah kartu Diversity .hdvx-card / .hdv-card
       disamakan 24px (sebelumnya .hdvx-card tanpa margin,
       .hdv-card 14px);
   (3) jaring pengaman: setiap blok sidebar (.pkp_block)
       diberi margin-bottom 24px, untuk blok yang isi
       kartunya tidak punya margin sendiri (mis. Visitors).
   Margin vertikal yang bersebelahan akan saling melebur
   (margin collapsing), jadi jarak tampil tetap 24px,
   bukan 48px. Tidak ada aturan lama yang diubah/dihapus;
   section ini hanya menimpa lewat urutan terakhir.
   ============================================================ */
.pkp_structure_sidebar .pkp_block { margin-bottom: 24px; }
.pkp_structure_sidebar .hayula-sidecard { margin-bottom: 24px !important; }
.hdv-card { margin-bottom: 24px; }
.hdvx-card { margin-bottom: 24px; }

/* ============================================================
   HAYULA v44 — kartu pengumuman (announcement) ala JSQ (atas
   permintaan Bro, 23 Okt 2026). Temuan: editor pengumuman OJS
   membuang SEMUA atribut style dari isi pengumuman, jadi gaya
   kartu tidak bisa ditaruh di isi — harus di stylesheet ini,
   sama seperti JSQ yang isi pengumumannya polos dan tampilannya
   diatur tema. Section ini menata blok pengumuman bawaan OJS:
   (1) artikel pengumuman jadi kartu putih berbingkai krem;
   (2) judul marun; (3) tanggal jadi chip krem; (4) gambar flyer
   mengambang (float) di kiri selebar 180px dengan teks mengalir
   di sampingnya — ini kunci tampilan kecil ala JSQ;
   (5) tombol Read More jadi marun. Berlaku di ringkasan
   homepage (/announcements) dan halaman pengumuman penuh.
   Tidak ada aturan lama yang diubah/dihapus.
   ============================================================ */
.obj_announcement_summary, .obj_announcement_full { background: #ffffff; border: 1.5px solid #e5c9a8; border-radius: 14px; padding: 20px 22px; }
.obj_announcement_summary h3 a { color: #7a1f1f; }
.obj_announcement_full h1 { color: #7a1f1f; }
.obj_announcement_summary .date, .obj_announcement_full .date { display: inline-block; background: #fbe3c5; color: #7a1f1f; font-weight: 600; font-size: 12.5px; border-radius: 999px; padding: 3px 12px; margin-bottom: 12px; }
.obj_announcement_summary .date::before, .obj_announcement_full .date::before { content: "📅 "; }
.obj_announcement_summary .summary, .obj_announcement_full .description { overflow: hidden; }
.obj_announcement_summary .summary img, .obj_announcement_full .description img { float: left; width: 180px; max-width: 45%; height: auto; margin: 2px 18px 10px 0; border: 1px solid #e5c9a8; border-radius: 10px; }
.obj_announcement_summary .read_more { background: #7a1f1f; color: #ffffff; border-color: #7a1f1f; border-radius: 8px; text-decoration: none; }
@media (max-width: 600px) { .obj_announcement_summary .summary img, .obj_announcement_full .description img { width: 130px; } }

/* ============================================================
   HAYULA v45 — pengumuman MELEBAR PENUH ke samping (perbaikan
   v44, atas laporan Bro 23 Okt 2026: kotak masih memanjang ke
   bawah). Akar masalahnya ada di tema bawaan OJS: pada lebar
   >=768px tema memasang
     .pkp_page_index .cmp_announcements > .obj_announcement_summary
       { float:left; width:65%; }
     .pkp_page_index .cmp_announcements .more
       { float:right; width:35%; }
   yaitu desain "pengumuman pertama 65% + rel pengumuman lain
   35%" — kolom .more yang kosong pun tetap memakan 35%, jadi
   kartu tidak bisa melebar. Section ini menonaktifkan
   pembagian itu di homepage: kartu pengumuman memakai lebar
   penuh kolom konten, garis pembatas vertikal tema disembunyi-
   kan, dan .more (bila nanti ada pengumuman kedua) menumpuk
   penuh di bawahnya. Sekaligus ikon kalender chip tanggal
   dikembalikan ke ikon FontAwesome tema (v44 memakai emoji
   yang bisa tampil kosong di font tema) dengan warna marun.
   Tidak ada aturan lama yang diubah/dihapus; section ini
   hanya menimpa lewat urutan terakhir.
   ============================================================ */
.pkp_page_index .cmp_announcements > .obj_announcement_summary { float: none; width: auto; }
.pkp_page_index .cmp_announcements > .obj_announcement_summary::before { display: none; }
.pkp_page_index .cmp_announcements .more { float: none; width: auto; }
.pkp_page_index .cmp_announcements .more::before { display: none; }
.obj_announcement_summary .date::before, .obj_announcement_full .date::before { content: "\f073"; font-family: FontAwesome; color: #7a1f1f; }

/* ============================================================
   HAYULA v46 — halaman pengumuman PENUH dibesarkan (atas
   permintaan Bro, 23 Okt 2026: tampilan homepage sudah benar,
   tapi di halaman Read More / pengumuman penuh masih terlalu
   kecil). Section ini HANYA menata .obj_announcement_full:
   flyer diperbesar dari 180px menjadi 300px, teks isi sedikit
   diperbesar (15.5px, spasi baris 1.65), dan padding kartu
   ditambah — supaya halaman penuh terasa sepadan dengan
   lebarnya. Ringkasan di homepage TIDAK berubah sama sekali.
   Tidak ada aturan lama yang diubah/dihapus; section ini
   hanya menimpa lewat urutan terakhir.
   ============================================================ */
.obj_announcement_full { padding: 26px 30px; }
.obj_announcement_full .description { font-size: 15.5px; line-height: 1.65; }
.obj_announcement_full .description img { width: 300px; max-width: 46%; margin: 2px 22px 12px 0; }
@media (max-width: 600px) { .obj_announcement_full .description img { width: 170px; max-width: 55%; } }