/* ORBIT Hover Effects for Current Inline Sidebar HTML */
/* Upload this file to Website Settings -> Appearance -> Advanced -> Journal Style Sheet */

/* Smooth movement for ORBIT sidebar text buttons */
a[href*="journal.uinjkt.ac.id/orbit/"] {
  transition: all 0.25s ease !important;
}

a[href*="journal.uinjkt.ac.id/orbit/"]:hover {
  background: #032B48 !important;
  color: #ffffff !important;
  transform: translateX(4px);
  box-shadow: 0 4px 10px rgba(3, 43, 72, 0.25);
}

/* Keep the Make a Submission button moving upward instead of sideways */
a[href*="/orbit/about/submissions"]:hover {
  transform: translateY(-3px);
}

/* Smooth movement for template, indexing, visitor counter, and recommended tools logos */
a[href*="docs.google.com"],
a[href*="scholar.google.com"],
a[href*="info.flagcounter.com"],
a[href*="turnitin.com"],
a[href*="mendeley.com"],
a[href*="zotero.org"],
a[href*="grammarly.com"],
a[href*="pkp.sfu.ca"] {
  transition: all 0.25s ease !important;
}

a[href*="docs.google.com"]:hover,
a[href*="scholar.google.com"]:hover,
a[href*="info.flagcounter.com"]:hover,
a[href*="turnitin.com"]:hover,
a[href*="mendeley.com"]:hover,
a[href*="zotero.org"]:hover,
a[href*="grammarly.com"]:hover,
a[href*="pkp.sfu.ca"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 12px rgba(3, 43, 72, 0.18);
}

/* Prevent hover effects from being awkward on mobile */
@media (max-width: 768px) {
  a[href*="journal.uinjkt.ac.id/orbit/"]:hover,
  a[href*="docs.google.com"]:hover,
  a[href*="scholar.google.com"]:hover,
  a[href*="info.flagcounter.com"]:hover,
  a[href*="turnitin.com"]:hover,
  a[href*="mendeley.com"]:hover,
  a[href*="zotero.org"]:hover,
  a[href*="grammarly.com"]:hover,
  a[href*="pkp.sfu.ca"]:hover {
    transform: none;
  }
}

/* ORBIT soft background motif, no image upload needed */
body {
  background-color: #fafafa !important;
  background-image:
    radial-gradient(ellipse at 18% 12%, rgba(3, 43, 72, 0.035) 0 18%, transparent 19%),
    radial-gradient(ellipse at 82% 22%, rgba(3, 43, 72, 0.03) 0 16%, transparent 17%),
    radial-gradient(ellipse at 28% 78%, rgba(3, 43, 72, 0.028) 0 20%, transparent 21%),
    radial-gradient(ellipse at 74% 70%, rgba(3, 43, 72, 0.026) 0 15%, transparent 16%),
    repeating-linear-gradient(35deg, transparent 0 22px, rgba(3, 43, 72, 0.018) 23px 24px, transparent 25px 46px),
    repeating-linear-gradient(145deg, transparent 0 28px, rgba(3, 43, 72, 0.014) 29px 30px, transparent 31px 58px);
  background-repeat: repeat;
  background-position: top center;
  background-size: 300px 300px;
}

/* Keep the reading area clean over the motif */
.pkp_structure_main,
.pkp_structure_content,
.page_index_journal {
  background-color: rgba(255, 255, 255, 0.96);
}