/* ============================================================
   JPSD - Jurnal Pengajaran Sekolah Dasar
   Stylesheet v4.0 — Unified Teal Green Design
   
   Primary:  #1B7A6E (Teal Hijau — papan tulis)
   Dark:     #145C53 (hover/accent gelap)
   Darker:   #0F4A43 (ISSN bar / footer)
   Light:    #E8F5F2 (background aksen)
   
   OJS: 3.3.0.11 / Bootstrap 3 Theme (Cerulean)
   Upload: Settings > Website > Appearance > Stylesheet
   Last updated: 27 February 2026
   ============================================================ */

/* ---- GLOBAL ---- */
html { color: #333; }
body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background-color: #fff;
  line-height: 1.6;
  font-size: 14px;
}

/* ---- LINKS ---- */
a { color: #1B7A6E; text-decoration: none; transition: color 0.2s ease; }
a:hover { color: #145C53; text-decoration: underline; }
a:focus { color: #145C53; outline: 2px dashed #1B7A6E; outline-offset: 2px; }

/* ============================================================
   ISSN HEADER BAR
   ============================================================ */
.navbar.navbar-default::before {
  content: "e-ISSN: 3025-1877  |  p-ISSN: 3025-1826  |  DOI: 10.56855/jpsd  |  Published by Edupedia Publisher";
  display: block;
  width: 100%;
  background: #0F4A43;
  color: rgba(255,255,255,0.9);
  text-align: center;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  box-sizing: border-box;
}

/* ============================================================
   HEADER LOGO
   ============================================================ */
.site-name { text-align: center; }
.site-name a.navbar-brand-logo { display: block; padding: 0; }

.site-name a.navbar-brand-logo img,
.navbar-brand-logo img,
h1.site-name img {
  max-height: 180px !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
}

.navbar-default { border: none; margin-bottom: 0; }

/* ---- NAVIGATION ---- */
.container-fluid { background-color: #1B7A6E; }
#nav-menu { background-color: #1B7A6E; }

#main-navigation.nav.navbar-nav > li > a {
  color: #fff !important;
  font-weight: 500;
  font-size: 14px;
  transition: background-color 0.2s ease;
}

#main-navigation.nav.navbar-nav > li > a:hover,
#main-navigation.nav.navbar-nav > li > a:focus {
  background-color: rgba(255,255,255,0.15) !important;
}

#main-navigation.nav.navbar-nav .badge {
  background-color: #dc3545;
  color: #fff;
  font-size: 11px;
}

#navigationUser.nav > li > a { color: #fff; }

.dropdown-menu {
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-size: 14px;
}

.dropdown-menu > li > a { color: #333; }
.dropdown-menu > li > a:hover { background-color: #E8F5F2; color: #1B7A6E; }

/* Search bar */
.navbar-form .form-control {
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,0.3);
}

.navbar-form .btn.btn-default {
  background-color: rgba(255,255,255,0.2);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.3);
}

.navbar-form .btn.btn-default:hover {
  background-color: rgba(255,255,255,0.35);
}

/* ---- CONTENT AREA ---- */
.pkp_structure_content { background-color: #f8f9fa !important; }

/* ---- JOURNAL DESCRIPTION ---- */
.journal-description {
  text-align: justify;
  line-height: 1.7;
  color: #444;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ============================================================
   ISSUE COVER IMAGE
   ============================================================ */
.issue-toc .heading .thumbnail { margin-bottom: 16px; }

.issue-toc .heading .thumbnail img,
.issue-toc .heading .cover img,
.thumbnail .cover img,
.heading .cover img.img-responsive {
  max-height: 280px !important;
  width: auto !important;
  max-width: 100% !important;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* ============================================================
   ANNOUNCEMENTS
   ============================================================ */
.cmp_announcements .page-header h2 {
  color: #1B7A6E;
  font-weight: 700;
  font-size: 22px;
  border-bottom: 3px solid #1B7A6E;
  padding-bottom: 6px;
}

.cmp_announcements .announcement-summary .media-body {
  background: #fff;
  border: 1px solid #e0e3e6;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.cmp_announcements .announcement-summary .media-body:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transform: none;
}

.cmp_announcements .media-heading,
.cmp_announcements .media-heading a,
.announcement-summary .media-heading,
.announcement-summary .media-heading a {
  color: #1B7A6E !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45;
}

.cmp_announcements .date,
.announcement-summary .date { color: #888; font-size: 13px; }

.cmp_announcements .media-body p,
.announcement-summary .media-body p { font-size: 14px; line-height: 1.6; color: #444; }

/* ============================================================
   CURRENT ISSUE / TABLE OF CONTENTS
   ============================================================ */
.current_issue .page-header h2 {
  color: #1B7A6E;
  font-weight: 700;
  font-size: 22px;
  border-bottom: 3px solid #1B7A6E;
  padding-bottom: 6px;
}

.sections .page-header h2,
.sections .page-header h2 small {
  color: #1B7A6E;
  font-weight: 700;
  font-size: 18px;
}

.current_issue_title.lead { color: #333; font-weight: 600; font-size: 16px; }

/* ---- ARTICLE ITEMS ---- */
.article-summary.media {
  padding: 18px 0;
  margin: 0;
  border-bottom: 1px solid #d8dde2;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
  position: relative;
}

.article-summary.media:last-child { border-bottom: none; }

.article-summary.media > .media-body {
  font-size: 14px;
  color: #333;
  position: relative;
  z-index: 2;
  background: #fff;
  padding-bottom: 8px;
}

/* Reset media-body */
.media-body {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.media-body:hover {
  box-shadow: none !important;
  transform: none !important;
}

/* Overlay untuk menutupi teks "Abstract View / pdf Download" */
.article-summary.media > .media-body::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  height: 40px;
  background: #fff;
  z-index: 3;
}

/* Sembunyikan broken images */
.article-summary.media > img,
img[src*="ijems.id"],
img[src*="grafik.png"],
img[src*="pdfdownload.png"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Article title */
.article-summary .media-heading {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  margin: 0 0 6px 0;
}

.article-summary .media-heading a { color: #1B7A6E !important; }
.article-summary .media-heading a:hover { color: #145C53 !important; text-decoration: underline; }

/* Author names */
.article-summary .authors { margin-bottom: 4px; }
.article-summary .authors .consent { display: inline; font-size: 13px; color: #555; line-height: 1.5; }
.article-summary .authors .consent b { font-weight: 600; color: #444; }

/* Pages */
.article-summary .pages { color: #333; font-weight: 600; font-size: 14px; margin-bottom: 6px; }

/* PDF button */
.article-summary .btn-group { margin-bottom: 6px; }

a.galley-link.btn.btn-primary.pdf {
  display: inline-block !important;
  padding: 5px 18px !important;
  background: #1B7A6E !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 3px !important;
  border: none !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease !important;
  background-image: none !important;
  animation: none !important;
  box-shadow: none !important;
}

a.galley-link.btn.btn-primary.pdf:hover {
  background: #145C53 !important;
  transform: none !important;
}

/* ---- VIEW ALL ISSUES ---- */
a.btn.btn-primary.read-more {
  background: #1B7A6E !important;
  border: none !important;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.2s ease;
}

a.btn.btn-primary.read-more:hover {
  background: #145C53 !important;
  transform: none !important;
}

/* ============================================================
   SIDEBAR — OJS standard blocks
   (Custom Block diseragamkan via HTML terpisah)
   ============================================================ */
.pkp_block .title {
  background: #1B7A6E;
  color: #fff;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px 4px 0 0;
}

.pkp_block {
  background-color: #fff;
  border: 1px solid #e0e3e6;
  border-radius: 4px;
  margin-bottom: 16px;
}

.pkp_block .content ul { list-style: none; padding: 0; margin: 0; }
.pkp_block .content ul li { padding: 6px 10px; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
.pkp_block .content ul li:last-child { border-bottom: none; }
.pkp_block .content ul li a { color: #1B7A6E; }
.pkp_block .content ul li a:hover { color: #145C53; }

/* ---- ARTICLE DETAIL PAGE ---- */
.page-header {
  font-size: 22px;
  line-height: 1.3;
  color: #1B7A6E;
  border-bottom: 2px solid #1B7A6E;
  padding-bottom: 8px;
}

.article-abstract { text-align: justify; font-size: 14px; }
.article-references { text-align: justify; font-size: 14px; line-height: 1.6; }

.list-group-item.doi a {
  word-break: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  color: #1B7A6E;
}

/* ============================================================
   FOOTER — Warna hijau tua konsisten
   ============================================================ */
.footer {
  background-color: #0F4A43;
  color: #c8ddd9;
  padding: 24px 0;
  font-size: 14px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.footer a { color: #8ECFC4; }
.footer a:hover { color: #fff; }
.footer:hover { transform: none !important; }

.footer p { font-size: 14px; line-height: 1.6; color: #c8ddd9; }
.footer strong { color: #fff; }

/* ---- TABLES ---- */
table { border-collapse: collapse; width: 100%; margin-left: 0; }
table th { background-color: #1B7A6E; color: #fff; padding: 10px 12px; text-align: left; font-weight: 600; font-size: 14px; }
table td { padding: 8px 12px; border-bottom: 1px solid #e0e3e6; font-size: 14px; }
table tr:hover { background-color: #E8F5F2; }

/* ---- BUTTONS (generic) ---- */
.btn-primary {
  background-color: #1B7A6E !important;
  border-color: #1B7A6E !important;
}

.btn-primary:hover {
  background-color: #145C53 !important;
  border-color: #145C53 !important;
}

/* ---- TEXT SELECTION ---- */
::selection { background-color: #1B7A6E; color: #fff; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
  .navbar.navbar-default::before {
    font-size: 10px;
    padding: 4px 8px;
    letter-spacing: 0;
  }

  .site-name a.navbar-brand-logo img,
  .navbar-brand-logo img,
  h1.site-name img {
    max-height: 120px !important;
  }

  .article-summary .media-heading { font-size: 14px; }
  .article-summary .authors .consent { font-size: 12px; }

  .cmp_announcements .media-heading a,
  .announcement-summary .media-heading a { font-size: 14px !important; }

  .issue-toc .heading .thumbnail img,
  .issue-toc .heading .cover img { max-height: 200px !important; }
}

@media (max-width: 480px) {
  .navbar.navbar-default::before {
    content: "e-ISSN: 3025-1877 | p-ISSN: 3025-1826";
    font-size: 9px;
  }

  .site-name a.navbar-brand-logo img,
  .navbar-brand-logo img,
  h1.site-name img { max-height: 100px !important; }

  .article-summary .media-heading { font-size: 13px; }
  #main-navigation.nav.navbar-nav > li > a { padding: 10px 12px; font-size: 13px; }
}

/* ---- PRINT ---- */
@media print {
  .navbar, #nav-menu, #sidebar, .footer { display: none; }
  .navbar.navbar-default::before { display: none; }
  .pkp_structure_content { background: white !important; }
}