/* =====================================================================
   GORGA: JURNAL SENI RUPA - tema warna "Merah Gorga" untuk OJS 3.5
   Pasang di: Website Settings > Appearance > Advanced > Journal style sheet
   Palet mengikuti tiga warna ukiran gorga Batak:
   merah (narara), hitam (nabirong), putih (nabontar).
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Source+Sans+3:wght@400;600;700&display=swap');

:root {
  --gorga-red:       #9e1b1e;
  --gorga-red-dark:  #6b1012;
  --gorga-red-soft:  #f6e7e3;
  --gorga-black:     #1b1514;
  --gorga-ink:       #2a2321;
  --gorga-muted:     #6f6460;
  --gorga-white:     #fffaf5;
  --gorga-cream:     #f5ede4;
  --gorga-line:      #e6dbd2;

  /* pita segitiga khas gorga (ipon-ipon): merah - hitam di atas putih */
  --gorga-band: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='12' viewBox='0 0 28 12'%3E%3Crect width='28' height='12' fill='%23fffaf5'/%3E%3Cpath d='M0 12 7 1l7 11z' fill='%239e1b1e'/%3E%3Cpath d='M14 12 21 1l7 11z' fill='%231b1514'/%3E%3C/svg%3E");
  /* pola halus untuk latar header */
  --gorga-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='2'%3E%3Cpath d='M32 6c14 0 26 12 26 26S46 58 32 58 6 46 6 32 18 6 32 6zm0 12c8 0 14 6 14 14s-6 14-14 14-14-6-14-14 6-14 14-14zm0 10a4 4 0 1 1 0 8 4 4 0 0 1 0-8z'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- Dasar ---------- */
body {
  background: var(--gorga-cream);
  color: var(--gorga-ink);
}

html, body,
.pkp_structure_page, .pkp_structure_page * {
  font-family: 'Source Sans 3', 'Segoe UI', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4,
.pkp_structure_main h1, .pkp_structure_main h2,
.pkp_structure_main h3, .pkp_structure_main h4 {
  font-family: 'Playfair Display', Georgia, serif;
  color: var(--gorga-black);
}

a { color: var(--gorga-red); }
a:hover, a:focus { color: var(--gorga-red-dark); }

.pkp_structure_page {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 40px rgba(27, 21, 20, .10);
}

.pkp_structure_content {
  padding-top: 24px;
  background: #fff;
}

/* ---------- Header ---------- */
.pkp_structure_head {
  position: relative;
  background-color: var(--gorga-red-dark);
  background-image: var(--gorga-pattern), linear-gradient(120deg, var(--gorga-red-dark) 0%, var(--gorga-red) 55%, #b42a24 100%);
  border-bottom: 0;
}

/* pita gorga di bawah header */
.pkp_structure_head::after {
  content: "";
  display: block;
  height: 12px;
  background: var(--gorga-band) repeat-x;
}

.pkp_head_wrapper { padding-top: 0 !important; }

.pkp_site_name_wrapper { padding-top: 0; padding-bottom: 0; }

.pkp_site_name { margin: 0; }

.pkp_site_name .is_text {
  display: block;
  padding: 44px 24px 36px;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: .01em;
  color: #fff !important;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .25);
  text-decoration: none;
}

.pkp_site_name .is_img img { max-height: 160px; max-width: 100%; }

/* tombol menu di ponsel */
.pkp_site_nav_toggle { background: var(--gorga-black); color: #fff; }

/* ---------- Menu utama ---------- */
.pkp_navigation_primary_row {
  background: var(--gorga-black);
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li { padding: 0 !important; margin: 0 !important; }

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  margin: 0 !important;
  padding: 0 16px !important;
  line-height: 48px !important;
  font-size: 15px;
  font-weight: 600 !important;
  letter-spacing: .02em;
  color: #fff !important;
  border-bottom: 3px solid transparent;
  transition: background .2s, border-color .2s;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:focus {
  background: rgba(255, 255, 255, .06) !important;
  border-bottom-color: var(--gorga-red);
}

/* submenu */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: var(--gorga-black) !important;
  border: 0;
  border-top: 3px solid var(--gorga-red);
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .25);
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: 1px solid rgba(255, 255, 255, .10) !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child { border-bottom: 0 !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a { line-height: 42px !important; border-bottom: 0; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover { background: var(--gorga-red) !important; }

.pkp_navigation_primary {
  display: block !important;
  max-width: 100% !important;
  text-align: center !important;
  margin: 0 auto;
}

/* Menu Search/Register/Login sudah ada di menu utama, jadi duplikatnya disembunyikan.
   Hapus dua aturan ini jika menu tersebut dikeluarkan dari menu utama. */
#navigationUser { display: none; }
.pkp_navigation_search_wrapper, .pkp_search { display: none !important; }

/* ---------- Konten utama ---------- */
.pkp_structure_main h2,
.pkp_page_index .current_issue h2,
.pkp_page_index .cmp_announcements h2 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 18px;
  font-size: 1.6rem;
}

.pkp_structure_main h2::after,
.pkp_page_index .current_issue h2::after,
.pkp_page_index .cmp_announcements h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 56px;
  height: 4px;
  background: linear-gradient(90deg, var(--gorga-red) 0 66%, var(--gorga-black) 66% 100%);
  border-radius: 2px;
}

.pkp_structure_main p { line-height: 1.7; }

/* gambar banner beranda */
.pkp_page_index .homepage_image img {
  display: block;
  width: 100%;
  border-radius: 10px;
}

/* konten tambahan beranda (About the Journal, template, indexing) */
.pkp_page_index .additional_content {
  padding: 28px !important;
  border-top: 0;
  border-bottom: 0 !important;
  text-align: left;
}

.pkp_page_index .additional_content p { text-align: justify; }

.pkp_structure_main table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 20px;
  font-size: .95rem;
  background: #fff;
  border: 1px solid var(--gorga-line);
  border-radius: 8px;
  overflow: hidden;
}

.pkp_structure_main table td,
.pkp_structure_main table th {
  padding: 10px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--gorga-line) !important;
  vertical-align: top;
}

.pkp_structure_main table tr:nth-child(even) td { background: var(--gorga-white); }
.pkp_structure_main table tr td:first-child { width: 34%; color: var(--gorga-red-dark); font-weight: 700; }
.pkp_structure_main table tr:last-child td { border-bottom: 0 !important; }

/* ---------- Pengumuman ---------- */
.cmp_announcements { border-top: 0; }

.cmp_announcements .obj_announcement_summary {
  padding: 18px 20px;
  margin-bottom: 14px;
  background: var(--gorga-white);
  border: 1px solid var(--gorga-line);
  border-left: 4px solid var(--gorga-red);
  border-radius: 8px;
}

.cmp_announcements .obj_announcement_summary.full_width { width: 100% !important; }
.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary h3,
.cmp_announcements .obj_announcement_summary h4 { margin-top: 0; font-size: 1.15rem; }
.cmp_announcements .obj_announcement_summary h2::after,
.cmp_announcements .obj_announcement_summary h3::after,
.cmp_announcements .obj_announcement_summary h4::after { display: none; }
.cmp_announcements .obj_announcement_summary .date { color: var(--gorga-muted); font-size: .88rem; }
.cmp_announcements .obj_announcement_summary .summary p { line-height: 1.5em; margin: 0 0 .8em !important; }

/* ---------- Terbitan terkini & daftar isi ---------- */
.pkp_page_index .current_issue { border-top: 0; }

.pkp_page_index .current_issue .current_issue_title {
  display: inline-block;
  margin-bottom: 14px;
  padding: 6px 14px;
  background: var(--gorga-red);
  color: #fff;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.15rem;
  font-weight: 700;
  border-radius: 4px;
}

.obj_issue_toc .heading {
  padding: 14px 16px;
  margin-bottom: 20px;
  background: var(--gorga-white);
  border: 1px solid var(--gorga-line);
  border-radius: 8px;
}

.obj_issue_toc .heading .pub_id,
.obj_issue_toc .heading .published { margin: 2px 0; font-size: .92rem; }

.obj_issue_toc .heading .published .label,
.obj_issue_toc .heading .pub_id .type { font-weight: 700; color: var(--gorga-red-dark); }

.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
  font-size: .82rem;
  font-family: 'Source Sans 3', sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gorga-red);
}

.obj_issue_toc .section > h2::after,
.obj_issue_toc .section > h3::after { display: none; }

.cmp_article_list > li { margin-bottom: 14px; }

.obj_article_summary {
  position: relative;
  padding: 16px 18px 14px;
  background: #fff;
  border: 1px solid var(--gorga-line);
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(27, 21, 20, .04);
  transition: box-shadow .2s, transform .2s, border-color .2s;
}

.obj_article_summary::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 14px;
  bottom: 14px;
  width: 4px;
  background: var(--gorga-red);
  border-radius: 0 3px 3px 0;
  opacity: 0;
  transition: opacity .2s;
}

.obj_article_summary:hover {
  border-color: #d7c5b9;
  box-shadow: 0 10px 24px rgba(27, 21, 20, .08);
  transform: translateY(-2px);
}

.obj_article_summary:hover::before { opacity: 1; }

.obj_article_summary > .title,
.obj_article_summary .title { margin: 0 0 6px; font-size: 1.05rem; line-height: 1.4; }

.obj_article_summary .title a { color: var(--gorga-black); text-decoration: none; }
.obj_article_summary .title a:hover { color: var(--gorga-red); }

.obj_article_summary .meta { color: var(--gorga-muted); font-size: .9rem; }

/* ikon kecil (SVG tersemat, tidak bergantung pada FontAwesome) */
.obj_article_summary .authors,
.obj_article_summary .pages,
.obj_issue_toc .heading .published {
  position: relative;
  padding-left: 22px;
}

.obj_article_summary .authors::before,
.obj_article_summary .pages::before,
.obj_issue_toc .heading .published::before {
  content: "";
  position: absolute;
  left: 0;
  top: .2em;
  width: 15px;
  height: 15px;
  background: no-repeat center / contain;
}

.obj_article_summary .authors::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239e1b1e'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7z'/%3E%3C/svg%3E");
}

.obj_article_summary .pages::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239e1b1e' stroke-width='2'%3E%3Cpath d='M6 2h9l5 5v15H6z'/%3E%3Cpath d='M14 2v6h6M9 13h8M9 17h8'/%3E%3C/svg%3E");
}

.obj_issue_toc .heading .published::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239e1b1e' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");
}

/* tombol PDF dan tombol umum */
.obj_galley_link,
.cmp_button_wire,
.cmp_button,
.pkp_button_primary {
  background: var(--gorga-red) !important;
  border: 1px solid var(--gorga-red) !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-weight: 700;
  transition: background .2s;
}

.obj_galley_link:hover, .obj_galley_link:focus,
.cmp_button_wire:hover, .cmp_button:hover,
.pkp_button_primary:hover {
  background: var(--gorga-black) !important;
  border-color: var(--gorga-black) !important;
  color: #fff !important;
}

.obj_galley_link.pdf::before { color: #fff; }

ul.galleys_links { margin-top: 10px; }
ul.galleys_links li { font-size: 10pt; }

/* tombol "View All Issues" */
.pkp_page_index .current_issue .read_more {
  display: inline-block;
  margin-top: 8px;
  padding: 10px 18px;
  background: var(--gorga-black);
  color: #fff;
  border-radius: 4px;
  font-weight: 700;
  text-decoration: none;
}

.pkp_page_index .current_issue .read_more:hover { background: var(--gorga-red); color: #fff; }

/* ---------- Sidebar ---------- */
.pkp_structure_sidebar .pkp_block {
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: #fff;
  border: 1px solid var(--gorga-line);
  border-radius: 8px;
  overflow: hidden;
}

.pkp_structure_sidebar .pkp_block .title {
  display: block;
  margin: 0;
  padding: 11px 14px;
  background: var(--gorga-red);
  border-left: 6px solid var(--gorga-black);
  color: #fff;
  font-family: 'Source Sans 3', sans-serif;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pkp_structure_sidebar .pkp_block .content { padding: 14px; }
.pkp_structure_sidebar .pkp_block .content img { max-width: 100%; height: auto; }

/* menu tautan di sidebar (Focus and Scope, Author Guidelines, dst.) */
.pkp_structure_sidebar .pkp_block ul { margin: 0 -14px !important; padding: 0 !important; list-style: none; }
.pkp_structure_sidebar .pkp_block ul li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid var(--gorga-line); list-style: none; }
.pkp_structure_sidebar .pkp_block ul li:last-child { border-bottom: 0; }

.pkp_structure_sidebar .pkp_block ul li a {
  display: block;
  padding: 10px 14px 10px 30px;
  position: relative;
  color: var(--gorga-ink);
  font-weight: 600;
  text-decoration: none;
  transition: background .15s, color .15s, padding .15s;
}

.pkp_structure_sidebar .pkp_block ul li a::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background: var(--gorga-red);
  transform: rotate(45deg);
}

.pkp_structure_sidebar .pkp_block ul li a:hover {
  background: var(--gorga-red-soft);
  color: var(--gorga-red-dark);
  padding-left: 34px;
}

/* tombol Make a Submission */
.pkp_block.block_make_submission { border: 0 !important; background: transparent !important; }
.pkp_block.block_make_submission .content { margin: 0 !important; padding: 0 !important; text-align: center !important; }

.pkp_block.block_make_submission .content a,
.pkp_block.block_make_submission .block_make_submission_link {
  display: block;
  padding: 14px 16px;
  background: linear-gradient(120deg, var(--gorga-red-dark), var(--gorga-red));
  color: #fff !important;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(158, 27, 30, .30);
  transition: transform .2s, box-shadow .2s;
}

.pkp_block.block_make_submission .content a:hover,
.pkp_block.block_make_submission .block_make_submission_link:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(158, 27, 30, .38);
  color: #fff !important;
}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper {
  background: var(--gorga-black);
  border-bottom: 0 !important;
}

.pkp_structure_footer_wrapper::before {
  content: "";
  display: block;
  height: 12px;
  background: var(--gorga-band) repeat-x;
}

.pkp_structure_footer .pkp_footer_content {
  padding: 28px 24px !important;
  background: var(--gorga-black);
  color: #e9dfd8;
  font-size: .95rem;
}

.pkp_structure_footer .pkp_footer_content p { margin: 0 0 6px; }
.pkp_structure_footer .pkp_footer_content a { color: #fff; }
.pkp_structure_footer .pkp_footer_content a:hover { color: #ffb4a8; }

.pkp_structure_footer .pkp_brand_footer {
  height: auto !important;
  padding: 12px 24px;
  background: var(--gorga-red-dark);
  text-align: right;
}

.pkp_structure_footer .pkp_brand_footer img { width: 56px !important; height: auto; opacity: .85; }

/* ---------- Ponsel & tablet ---------- */
@media (max-width: 991px) {
  .pkp_site_name .is_text { padding: 22px 64px 22px 16px; font-size: 26px; }
  .pkp_navigation_primary { text-align: left !important; }
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a { line-height: 44px !important; border-bottom: 0; }
  .pkp_structure_main table tr td:first-child { width: auto; }
}

@media (max-width: 600px) {
  .pkp_page_index .additional_content { padding: 16px !important; }
  .pkp_page_index .additional_content p { text-align: left; }
  .obj_article_summary { padding: 14px; }
  .obj_article_summary:hover { transform: none; }
}