/* ==========================================================================
   JURNAL MEDIKA SEHAT (JMS) - OJS 3 Custom Style Sheet (v3)
   Theme: Dark Forest Green / Near Black (#091e17, #040e0b)
   Focus: Pharmaceutical & Clinical Effects (Capsule Badges, Rx Accents, Mortar Glow)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Root Variables & Color Palette
   -------------------------------------------------------------------------- */
:root {
  --jms-dark-bg: #040e0b;          /* Hijau sangat tua mendekati hitam */
  --jms-header-bg: #091e17;        /* Hijau tua kehitaman */
  --jms-card-bg: #0f2d23;          /* Hijau tua sedang untuk kartu */
  --jms-accent-green: #15803d;     /* Hijau farmasi/medis */
  --jms-bright-green: #22c55e;     /* Green emerald neon untuk sorotan/hover */
  --jms-mint-light: #e6f4ea;       /* Mint lembut untuk latar teks */
  --jms-text-light: #f0fdf4;       /* Teks terang */
  --jms-text-muted: #a7f3d0;       /* Teks sekunder/keterangan */
  --jms-border-color: #1c4d3e;     /* Border hijau tua */
  --jms-rx-gold: #fbbf24;          /* Aksen emas khas simbol R/ (resep farmasi) */
}

/* --------------------------------------------------------------------------
   2. Global Body & Typography
   -------------------------------------------------------------------------- */
body.pkp_page_index,
body.pkp_page_issue,
body.pkp_page_article,
body {
  background-color: #f4f9f6 !important;
  color: #1e293b !important;
  font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* --------------------------------------------------------------------------
   3. Header Site Name & Navigation Bar (Hijau Tua Kehitaman)
   -------------------------------------------------------------------------- */
.pkp_structure_head {
  background: linear-gradient(180deg, var(--jms-dark-bg) 0%, var(--jms-header-bg) 100%) !important;
  border-bottom: 4px solid var(--jms-bright-green) !important;
  box-shadow: 0 4px 20px rgba(4, 14, 11, 0.4) !important;
}

.pkp_site_name .is_img img {
  max-height: 120px !important;
  width: auto !important;
  margin: 10px auto !important;
  display: block !important;
  filter: drop-shadow(0px 2px 8px rgba(34, 197, 94, 0.25));
}

/* Navigation Menu Bar */
.pkp_navigation_primary_row {
  background-color: var(--jms-dark-bg) !important;
  border-top: 1px solid var(--jms-border-color) !important;
}

.pkp_navigation_primary a,
.pkp_navigation_user a {
  color: var(--jms-text-light) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.3px !important;
  transition: all 0.25s ease-in-out !important;
  padding: 12px 18px !important;
}

.pkp_navigation_primary a:hover,
.pkp_navigation_user a:hover {
  color: var(--jms-bright-green) !important;
  background-color: rgba(34, 197, 94, 0.12) !important;
  border-radius: 6px !important;
}

/* Dropdown Sub-menu */
.pkp_navigation_primary ul {
  background-color: var(--jms-header-bg) !important;
  border: 1px solid var(--jms-border-color) !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3) !important;
}

.pkp_navigation_primary ul a {
  color: var(--jms-text-muted) !important;
}

.pkp_navigation_primary ul a:hover {
  color: #ffffff !important;
  background-color: var(--jms-accent-green) !important;
}

/* --------------------------------------------------------------------------
   4. Pharmaceutical & Medicine Effects (Efek Farmasi Obat-Obatan)
   -------------------------------------------------------------------------- */

/* Efek Badge Kapsul/Pill untuk Tag, Katagori, dan ISSN */
.issn_badge,
.pkp_structure_head::before {
  display: inline-block;
}

/* Kapsul Farmasi pada Judul / Sub-elemen */
.cmp_archive_for_issue .heading,
.obj_issue_toc .heading {
  background: linear-gradient(135deg, var(--jms-header-bg) 0%, var(--jms-card-bg) 100%) !important;
  color: var(--jms-text-light) !important;
  padding: 12px 24px !important;
  border-radius: 50px !important; /* Efek kapsul obat */
  border-left: 6px solid var(--jms-bright-green) !important;
  box-shadow: 0 2px 8px rgba(9, 30, 23, 0.15) !important;
}

/* Simbol R/ (Resep Farmasi) Watermark Accent pada Kartu Artikel */
.obj_article_summary {
  background-color: #ffffff !important;
  border: 1px solid #d1e7dd !important;
  border-left: 5px solid var(--jms-accent-green) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 22px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Efek Glow & Hover Kartu Artikel */
.obj_article_summary:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(9, 30, 23, 0.12) !important;
  border-left-color: var(--jms-bright-green) !important;
}

/* Watermark Resep Obat/Pill halus di pojok kanan kartu */
.obj_article_summary::after {
  content: "Rx 💊" !important;
  position: absolute !important;
  right: 15px !important;
  bottom: 10px !important;
  font-size: 28px !important;
  opacity: 0.08 !important;
  font-weight: bold !important;
  pointer-events: none !important;
  color: var(--jms-accent-green) !important;
}

/* Judul Artikel */
.obj_article_summary .title a {
  color: #064e3b !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.obj_article_summary .title a:hover {
  color: #16a34a !important;
}

/* Tombol PDF Galley (Bentuk Kapsul Obat) */
.obj_article_summary .galleys_links a,
.obj_article_details .galleys_links a {
  background: linear-gradient(135deg, var(--jms-header-bg) 0%, var(--jms-accent-green) 100%) !important;
  color: #ffffff !important;
  border-radius: 25px !important; /* Bentuk Kapsul obat bulat */
  padding: 8px 20px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(21, 128, 61, 0.3) !important;
  transition: all 0.2s ease !important;
}

.obj_article_summary .galleys_links a:hover,
.obj_article_details .galleys_links a:hover {
  background: linear-gradient(135deg, var(--jms-accent-green) 0%, var(--jms-bright-green) 100%) !important;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4) !important;
  transform: scale(1.03) !important;
}

/* --------------------------------------------------------------------------
   5. Sidebar Blocks (Blok Samping Berwarna Hijau Tua Farmasi)
   -------------------------------------------------------------------------- */
.pkp_structure_sidebar .pkp_block {
  background-color: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid #d1e7dd !important;
  padding: 16px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.pkp_structure_sidebar .pkp_block .title {
  background: linear-gradient(90deg, var(--jms-header-bg) 0%, var(--jms-card-bg) 100%) !important;
  color: var(--jms-text-light) !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-left: 4px solid var(--jms-bright-green) !important;
  margin: -16px -16px 16px -16px !important;
}

/* --------------------------------------------------------------------------
   6. Footer Section (Hijau Tua Kehitaman Presisi)
   -------------------------------------------------------------------------- */
.pkp_structure_footer_wrapper {
  background: linear-gradient(180deg, var(--jms-header-bg) 0%, var(--jms-dark-bg) 100%) !important;
  color: var(--jms-text-muted) !important;
  border-top: 4px solid var(--jms-bright-green) !important;
  padding: 30px 0 !important;
}

.pkp_footer_content a {
  color: var(--jms-bright-green) !important;
  text-decoration: underline !important;
}

.pkp_footer_content a:hover {
  color: #ffffff !important;
}