/* ======================================================
   OJS 3.4 – Issue TOC (Elegant Blue)
   by: Fadhillah x ArfaDigitech
   ====================================================== */

.obj_issue_toc {
  --adt-font: "Poppins","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --adt-bg: #fff;                          /* biru lembut utama */
  --adt-surface: rgba(30, 64, 175, 0.06);     /* biru gelap transparan */
  --adt-card: rgba(255, 255, 255, 0.95);
  --adt-border: rgba(148, 163, 184, 0.5);     /* abu kebiruan lembut */
  --adt-muted: #1e293b;                       /* teks/badge gelap */
  --adt-text: #0f172a;                        /* teks utama */
  --adt-accent: #2563eb;                      /* biru aksen */
  --adt-accent-2: #38bdf8;                    /* biru-cyan aksen kedua */
  --adt-shadow: 0 10px 28px rgba(37, 99, 235, .15);
  --adt-radius: 14px;
  font-family: var(--adt-font);
  color: var(--adt-text);
  background-color: var(--adt-bg);
}

/* ========== Heading Area ========== */
.obj_issue_toc .heading {
  background: linear-gradient(
    135deg,
    rgba(37, 99, 235, 0.08),
    rgba(230, 240, 250, 0.95)
  );
  border: 1px solid var(--adt-border);
  border-radius: var(--adt-radius);
  padding: 20px;
  box-shadow: var(--adt-shadow);
  gap: 18px;
  align-items: start;
}
@media (max-width:768px){.obj_issue_toc .heading{grid-template-columns:1fr;}}

/* Cover */
.obj_issue_toc .heading .cover {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid var(--adt-border);
  background: rgba(255,255,255,0.95);
  box-shadow: 0 6px 16px rgba(15, 23, 42, .08);
}
.obj_issue_toc .heading .cover img {
  width:100%;height:auto;display:block;
}

/* Deskripsi issue */
.obj_issue_toc .heading .description {
  border-radius: 12px;
  padding: 14px 16px;
  line-height: 1.7;
  color: var(--adt-text);
}

/* Badge DOI / Published */
.obj_issue_toc .heading .pub_id,
.obj_issue_toc .heading .doi,
.obj_issue_toc .heading .published {
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(255,255,255,0.78);
  border:1px dashed var(--adt-border);
  border-radius:100px;
  padding:6px 12px;
  margin:10px 8px 0 0;
  font-size:13.5px;
  white-space:nowrap;
}
.obj_issue_toc .heading .pub_id .type,
.obj_issue_toc .heading .doi .type,
.obj_issue_toc .heading .published .label {
  color:var(--adt-muted);
  font-weight:600;
}
.obj_issue_toc .heading .pub_id .id a,
.obj_issue_toc .heading .doi .id a {
  color:var(--adt-accent);
  text-decoration:none;
}
.obj_issue_toc .heading .pub_id .id a:hover,
.obj_issue_toc .heading .doi .id a:hover {text-decoration:underline;}

/* ========== Full Issue Galleys ========== */
.obj_issue_toc .galleys {
  margin-top:20px;
  background:var(--adt-card);
  border:1px solid var(--adt-border);
  border-radius:var(--adt-radius);
  padding:16px 18px;
  box-shadow:var(--adt-shadow);
}
.obj_issue_toc .galleys h2,
.obj_issue_toc .galleys h3,
.obj_issue_toc .galleys h4 {
  font-size:1.15rem;
  margin:0 0 12px 0;
  color:var(--adt-muted);
}
.obj_issue_toc .galleys .galleys_links {
  display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding-left:0;
}
.obj_issue_toc .galleys .galleys_links a {
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;
  background:linear-gradient(135deg,var(--adt-accent) 0%,var(--adt-accent-2) 100%);
  color:#fff !important;border-radius:10px;
  text-decoration:none;font-weight:600;
  box-shadow:0 6px 16px rgba(37, 99, 235, .18);
}
.obj_issue_toc .galleys .galleys_links a:hover {
  opacity:.9;transform:translateY(-1px);
}

/* ========== Sections & Articles ========== */
.obj_issue_toc .adt-sections {margin-top:22px;display:grid;gap:20px;}
.obj_issue_toc .adt-section {padding:30px;}
.obj_issue_toc .adt-section-title {
  font-size:1.15rem;
  color:var(--adt-muted);
  margin:0 0 12px 0;
  position:relative;
  padding-left:14px;
}
.obj_issue_toc .adt-section-title::before {
  content:"";position:absolute;left:0;top:.45em;
  width:6px;height:1.2em;border-radius:4px;background:var(--adt-accent);
}

/* Artikel */
.obj_issue_toc .adt-article-list {
  list-style:none;padding-left:0;margin:0;display:grid;gap:14px;
}
.obj_issue_toc .adt-article-item {
  background:rgba(255,255,255,0.96);
  border:1px solid var(--adt-border);
  border-radius:12px;
  padding:14px;
  transition:box-shadow .2s ease,transform .2s ease;
}
.obj_issue_toc .adt-article-item:hover {
  box-shadow:0 10px 24px rgba(37, 99, 235, .16);
  transform:translateY(-1px);
}

/* Judul artikel */
.obj_issue_toc .adt-article-summary .title a {
  color:var(--adt-text);
  text-decoration:none;
  font-size:17px;
}
.obj_issue_toc .adt-article-summary .title a:hover {
  color:var(--adt-accent-2);
  text-decoration:underline;
}

/* Galley custom */
.obj_issue_toc .adt-galleys {
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  list-style:none;padding-left:0;margin:12px 0 0 0;
}
.obj_issue_toc .adt-galley-item a {
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 12px;
  border-radius:10px;
  background:rgba(255,255,255,.9);
  border:1px solid var(--adt-border);
  font-weight:600;
  color:var(--adt-accent);
  text-decoration:none;
  box-shadow:0 6px 14px rgba(15,23,42,.05);
}
.obj_issue_toc .adt-galley-item a:hover {
  background:linear-gradient(135deg,var(--adt-accent) 0%,var(--adt-accent-2) 100%);
  color:#fff !important;
}

/* Badge download & views */
.obj_issue_toc .adt-badge {
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 10px;
  border-radius:100px;
  background:rgba(219,234,254,.3);                 /* biru lembut */
  border:1px dashed var(--adt-border);
  font-size:12.5px;
  color:var(--adt-muted);
}
.obj_issue_toc .adt-badge.adt-download {
  background:linear-gradient(
    135deg,
    rgba(219, 234, 254, .95),
    rgba(191, 219, 254, .9)
  );
  border-color:rgba(129, 140, 248, .55);
}
.obj_issue_toc .adt-badge.adt-eye {
  background:linear-gradient(
    135deg,
    rgba(224, 242, 254, .96),
    rgba(191, 219, 254, .9)
  );
  border-color:rgba(56, 189, 248, .5);
}