@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

body {
  font-family: "Lora", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body .pkp_navigation_primary ul {
  right: auto;
}

body .pkp_navigation_user ul {
  right: auto;
}
#navigationPrimary a,.cmp_breadcrumbs{
  font-family: "Lora", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.obj_article_summary>.title{
  font-family: "Lora", sans-serif;
  font-weight: bold;
  font-style: normal;
}
.pkp_structure_main h2,.current_issue_title,.pkp_block .title,.obj_article_details .main_entry .item .label{
  font-family: "Lora", sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media (min-width: 992px) {
  body .pkp_navigation_user_wrapper {
    top: 25px;
    right: auto;
    left: 0;
    width: 25%;
    padding-left: 30px;
  }
  body .pkp_structure_sidebar:before {
    content: "";
    
    top: 0;
    left: 0;
    right: initial;
    bottom: 0;
    width: 300px;
    border-right: 1px solid #ddd;
  }
  body .obj_article_details .main_entry {
    float: right;
  }
}
.pkp_site_name_wrapper,#navigationPrimary a:hover, #navigationPrimary a:focus,#navigationPrimary ul{
  background-color: #00595d;
  color: #ffffff;
}
/* Menu Tambahan Kanan by ade@htp.ac.id */
.hoverTable {
  width: 100%;
  border-collapse: collapse;
}
.hoverTable th {
  height: 30px;
  background: #ffffff;
  color: #00595d;
}
.hoverTable td {
  height: 30px;
  padding-top: 3px;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  text-align: center;
}
.hoverTable td a {
  width: 100%;
  display: block;
}
/* warna latar setiap baris tabel dan warna tulisan */
.hoverTable tr {
  background: #00595d;
  color: #ffffff;
}
/* warna ketika dilewati mouse */
.hoverTable tr:hover {
  background-color: #068c93;
}
.hoverTable a {
  color: #ffffff;
}
/* .hoverTable a:hover {
  color: black;
} */

.pkp_site_name .is_img img {
  max-height: 200px;
}
.pkp_site_name {
  text-align: center;
}

/* CHANGED: was #f0f0f0 — this was the gray behind the About table */
.data {
  background-color: #ffffff;
}

/* OPTIONAL: faint gridlines so the About table stays readable on white.
   Delete this rule if you want it completely borderless. */
.data td {
  border: 1px solid #e5e5e5;
  padding: 8px 10px;
}

/* ============================================================
   FOOTER — brand teal, three columns, compact
   Pairs with the footer HTML pasted into
   Settings → Website → Appearance → Page Footer
   ============================================================ */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  background: #00595d !important;
  color: #ffffff;
  border-top: none !important;
}
.pkp_structure_footer {
  padding: 2rem 0 1rem !important;
  font-size: 0.85rem;
  line-height: 1.6;
}
.pkp_structure_footer a {
  color: #ffffff !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.pkp_structure_footer a:hover,
.pkp_structure_footer a:focus {
  border-bottom-color: #ffffff;
}

/* Three-column layout */
.wjcm-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  align-items: flex-start;
}
.wjcm-footer-col {
  flex: 1 1 220px;
  min-width: 200px;
}
.wjcm-footer-about {
  flex: 1.6 1 320px;
}
.wjcm-footer h4 {
  margin: 0 0 0.6rem;
  font-family: "Lora", serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding-bottom: 0.4rem;
}
.wjcm-footer p {
  margin: 0 0 0.75rem;
  color: rgba(255, 255, 255, 0.88);
}
.wjcm-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wjcm-footer ul li {
  margin-bottom: 0.35rem;
}
.wjcm-footer-license img {
  margin-bottom: 0.4rem;
  background: #ffffff;
  padding: 2px;
  border-radius: 2px;
}

/* Bottom bar */
.wjcm-footer-bottom {
  display: block;
  text-align: center;
  margin-top: 1.75rem;
  padding-top: 0.9rem;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.8);
}
.wjcm-footer-bottom p {
  margin: 0;
}

/* PKP logo is black artwork — invert it so it reads on teal,
   and shrink it (it renders very large by default) */
.pkp_brand_footer img,
.pkp_structure_footer .pkp_brand_footer img {
  max-width: 130px !important;
  height: auto !important;
  filter: invert(1) brightness(1.6);
  opacity: 0.75;
}
.pkp_brand_footer {
  margin-top: 1rem !important;
}

@media (max-width: 767px) {
  .wjcm-footer {
    gap: 1.5rem;
  }
  .pkp_structure_footer {
    padding: 1.5rem 0 1rem !important;
  }
}

/* ============================================================
   "MAKE A SUBMISSION" BUTTON
   Full sidebar width, journal teal, matching the nav blocks
   below it (#00595d base, #068c93 hover — same as .hoverTable).
   ============================================================ */
.pkp_block.block_make_submission a,
.block_make_submission .cmp_button,
.pkp_block .cmp_button {
  display: block !important;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 1.25rem;
  padding: 0.85rem 1rem;
  background: #00595d !important;
  border: none !important;
  border-radius: 3px;
  color: #ffffff !important;
  font-family: "Lora", serif;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: none;
  transition: background-color 0.15s ease;
}

.pkp_block.block_make_submission a:hover,
.pkp_block.block_make_submission a:focus,
.block_make_submission .cmp_button:hover,
.block_make_submission .cmp_button:focus,
.pkp_block .cmp_button:hover,
.pkp_block .cmp_button:focus {
  background: #068c93 !important;
  color: #ffffff !important;
}

/* ============================================================
   HOMEPAGE LOGO + INDEX BADGES
   Attribute selectors target the images by filename, so the
   theme's img rules can't override them. Change the px values
   to resize — height:auto keeps the aspect ratio intact.
   ============================================================ */
img[src*="wjcms-logo"] {
  width: 90px !important;
  height: auto !important;
}

/* Index badges render at four different heights (49/121/131/50).
   This evens them out into a single row. */
.homepage_about img[src*="iasje"],
.homepage_about img[src*="google-scholar"],
.homepage_about img[src*="crossref"],
.homepage_about img[src*="doaj"] {
  height: 45px !important;
  width: auto !important;
  vertical-align: middle;
  margin-right: 12px;
}

/* ============================================================
   ISSUE TABLE OF CONTENTS SPACING
   The theme sets margin-top: 4.286rem on .sections and .section
   (both are never :first-child, so the rule always applies).
   Adjust the two values below to taste — they are the only
   thing controlling the vertical gaps in the issue listing.
   ============================================================ */
.obj_issue_toc .sections:not(:first-child) {
  margin-top: 0.5rem;
}
.obj_issue_toc .section:not(:first-child) {
  margin-top: 0.75rem;
}

/* The theme also puts padding: 2.143rem inside each .section.
   Trim the vertical padding only — the horizontal padding pairs
   with the theme's negative side margins, so leave it alone. */
.obj_issue_toc .sections .section {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* Margins around the "Vol. 5 No. 2 (2026)" line */
.current_issue_title {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

/* ============================================================
   PDF GALLEY BUTTON — real PDF download icon
   ============================================================ */
.obj_galley_link.pdf,
.obj_galley_link.file,
a.obj_galley_link {
  display: inline-flex !important;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.75rem 0.35rem 2.1rem;
  border: 1px solid #d93025;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d93025' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='12' y1='18' x2='12' y2='12'/%3E%3Cpolyline points='9 15 12 18 15 15'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.6rem center;
  background-size: 1.05rem 1.05rem;
  color: #d93025 !important;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

/* Hide the theme's own icon so it doesn't double up */
.obj_galley_link.pdf:before,
a.obj_galley_link:before {
  display: none !important;
  content: none !important;
}

.obj_galley_link.pdf:hover,
.obj_galley_link.pdf:focus,
a.obj_galley_link:hover,
a.obj_galley_link:focus {
  background-color: #fdecea;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  color: #b0261c !important;
}

.wasit-table {
  width: 100%;
  border-collapse: collapse;
}
.wasit-table th, .wasit-table td {
  border: 1px solid #ddd;
  padding: 8px;
}
.wasit-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.wasit-table tr:hover {
  background-color: #ddd;
}
.wasit-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}
.orcid-logo {
  width: 20px;
  vertical-align: middle;
}
.orc-font-body-large {
  font-size: 1.2em;
}
.pkp_nav_list ul a {
  color: #ffffff;
}