/* =========================================================
   Gorga: Jurnal Seni Rupa — gaya halaman statis OJS
   Unggah di: Website Settings → Appearance → Advanced → Journal style sheet
   Semua aturan dibatasi di dalam .gorga agar tidak mengubah tema OJS.
   ========================================================= */

.gorga {
  --g-ink: #1f2933;
  --g-muted: #5b6672;
  --g-line: #d9dee4;
  --g-accent: #7a2e1d;        /* merah bata, nuansa ornamen gorga */
  --g-soft: #f6f3f1;
  --g-link: #7a2e1d;

  color: var(--g-ink);
  line-height: 1.7;
  font-size: 1rem;
  max-width: 100%;
  overflow-wrap: break-word;
}

.gorga *,
.gorga *::before,
.gorga *::after { box-sizing: border-box; }

/* ---------- Judul ---------- */
.gorga .g-title {
  margin: 0 0 16px;
  padding-bottom: 8px;
  border-bottom: 3px solid var(--g-accent);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.3;
}

.gorga .g-section {
  margin: 32px 0 14px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--g-line);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--g-accent);
  line-height: 1.3;
}

.gorga .g-section:first-child { margin-top: 0; }

.gorga .g-subtitle {
  margin: 26px 0 10px;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
}

/* ---------- Teks & daftar ---------- */
.gorga p { margin: 0 0 14px; }
.gorga .g-justify { text-align: justify; }

.gorga ol,
.gorga ul { margin: 0 0 18px; padding-left: 1.4em; }

.gorga li { margin-bottom: 8px; }
.gorga li > ul { margin: 6px 0 0; }

.gorga a { color: var(--g-link); text-decoration: underline; text-underline-offset: 2px; }
.gorga a:hover { text-decoration: none; }

/* ---------- Kotak info ---------- */
.gorga .g-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  margin: 0 0 24px;
}

.gorga .g-card {
  padding: 12px 14px;
  background: var(--g-soft);
  border-left: 4px solid var(--g-accent);
  border-radius: 4px;
  font-size: 0.92rem;
  line-height: 1.5;
}

.gorga .g-card strong {
  display: block;
  margin-bottom: 2px;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--g-muted);
}

.gorga .g-note {
  margin: 18px 0;
  padding: 12px 16px;
  background: var(--g-soft);
  border-left: 4px solid var(--g-accent);
  border-radius: 4px;
  font-size: 0.95rem;
}

/* ---------- Kotak lisensi ---------- */
.gorga .g-license {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin: 0 0 24px;
  padding: 14px 16px;
  background: var(--g-soft);
  border-left: 4px solid var(--g-accent);
  border-radius: 4px;
  font-size: 0.95rem;
}

.gorga .g-license img { display: block; border: 0; }
.gorga .g-license div { flex: 1 1 220px; }

/* ---------- Daftar anggota (Editorial Team, Contact) ---------- */
.gorga .g-person {
  margin: 0 0 12px;
  padding: 12px 14px;
  border: 1px solid var(--g-line);
  border-radius: 6px;
  background: #fff;
}

.gorga .g-name {
  display: block;
  font-weight: 700;
  line-height: 1.4;
}

.gorga .g-role {
  display: block;
  font-size: 0.85rem;
  color: var(--g-muted);
}

.gorga .g-affil {
  display: block;
  margin-top: 4px;
  font-size: 0.93rem;
  line-height: 1.5;
}

.gorga .g-id {
  display: block;
  margin-top: 4px;
  font-size: 0.82rem;
  color: var(--g-muted);
}

/* Tautan profil ORCID & Google Scholar */
.gorga .g-profiles { margin-top: 6px; line-height: 1; }

.gorga .g-profiles a {
  display: inline-block;
  margin: 0 6px 4px 0;
  padding: 4px 8px 4px 6px;
  border: 1px solid var(--g-line);
  border-radius: 999px;
  font-size: 0.78rem;
  line-height: 16px;
  color: var(--g-ink);
  text-decoration: none;
  white-space: nowrap;
  background: #fff;
}

.gorga .g-profiles a:hover { border-color: var(--g-accent); color: var(--g-accent); }

.gorga .g-profiles a::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: top;
  background: no-repeat center / contain;
}

.gorga .g-profiles a.g-orcid::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2216%22%20fill%3D%22%23A6CE39%22/%3E%3Crect%20x%3D%229%22%20y%3D%2212.5%22%20width%3D%222.6%22%20height%3D%2211%22%20fill%3D%22%23fff%22/%3E%3Ccircle%20cx%3D%2210.3%22%20cy%3D%229%22%20r%3D%221.6%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M14.5%2012.5h4.3c4%200%206%202.8%206%205.5%200%203-2.3%205.5-6%205.5h-4.3zm2.6%202.3v6.4h1.5c2.6%200%203.6-1.7%203.6-3.2%200-1.8-1.1-3.2-3.6-3.2z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E"); }
.gorga .g-profiles a.g-scholar::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%203%201%2015h6.2a9%209%200%200%200%2017.6%200H31z%22%20fill%3D%22%234285F4%22/%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2220%22%20r%3D%227%22%20fill%3D%22%23356AC3%22/%3E%3Cpath%20d%3D%22M16%2013a7%207%200%200%200-6.6%204.6h13.2A7%207%200%200%200%2016%2013z%22%20fill%3D%22%23A0C3FF%22/%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2221.5%22%20r%3D%224.3%22%20fill%3D%22%2376A7FA%22/%3E%3C/svg%3E"); }

/* ---------- Layar kecil ---------- */
@media (max-width: 600px) {
  .gorga .g-title { font-size: 1.25rem; }
  .gorga .g-justify { text-align: left; }
  .gorga .g-person { padding: 10px 12px; }
}

/* ---------- Cetak ---------- */
@media print {
  .gorga .g-person,
  .gorga .g-card,
  .gorga .g-note,
  .gorga .g-license { break-inside: avoid; background: none; }
  .gorga .g-profiles { display: none; }
}