@charset "UTF-8";
/* ==========================================================================
   AL-MABHATS : Jurnal Penelitian Sosial Agama — Custom Stylesheet
   Target   : OJS 3.3.0.x  ·  Default Theme (Default / Default Manuscript OFF)
   Pasang   : Settings › Website › Appearance › Advanced › Journal style sheet
   Palet    : Biru Pilot → Tosca (gradasi) + aksen emas dari logo
   Tata letak terinspirasi pola Gama Theme (Jurnal Mu'allim): top-bar identitas,
   banner penuh, navbar menempel, kartu artikel, sidebar menu tombol.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Playfair+Display:wght@600;700&display=swap");

/* --------------------------------------------------------------------------
   0. TOKEN WARNA & UKURAN
   -------------------------------------------------------------------------- */
:root {
  --am-pilot-900: #061A3D;
  --am-pilot-800: #08224D;
  --am-pilot-700: #0A2A5C;   /* biru pilot */
  --am-pilot-600: #0E3F78;
  --am-pilot-500: #14548F;
  --am-tosca-700: #0B7F86;
  --am-tosca-600: #0B8E93;
  --am-tosca-500: #0FA3A3;   /* tosca */
  --am-tosca-400: #2EC4B6;
  --am-tosca-100: #DDF5F2;
  --am-tosca-50:  #EFFAF8;
  --am-gold-600:  #B8892E;
  --am-gold-500:  #E2BF6A;   /* emas logo */
  --am-gold-300:  #F6DFA0;

  --am-ink:       #17263A;
  --am-ink-soft:  #4A5B70;
  --am-muted:     #6E7F92;
  --am-line:      #E2E9F0;
  --am-bg:        #F1F5F8;
  --am-card:      #FFFFFF;

  --am-grad:      linear-gradient(100deg, #08224D 0%, #0B3468 38%, #0B6E86 72%, #0FA3A3 100%);
  --am-grad-btn:  linear-gradient(100deg, #0A2A5C 0%, #0E4C7E 50%, #0FA3A3 100%);
  --am-grad-gold: linear-gradient(90deg, #B8892E, #E2BF6A 30%, #F6DFA0 50%, #E2BF6A 70%, #B8892E);

  --am-radius:    14px;
  --am-radius-sm: 9px;
  --am-shadow:    0 1px 2px rgba(10,42,92,.06), 0 6px 22px rgba(10,42,92,.07);
  --am-shadow-lg: 0 10px 34px rgba(10,42,92,.16);
  --am-wrap:      1200px;
  --am-topbar:    40px;

  --am-font:      "Plus Jakarta Sans", "Noto Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
  --am-serif:     "Playfair Display", Georgia, "Times New Roman", serif;

  /* pola khatam (bintang 8) emas tipis untuk header & footer */
  --am-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23F6DFA0' stroke-opacity='.10' stroke-width='1.3'%3E%3Cpath d='M94 60 84 84 60 94 36 84 26 60 36 36 60 26 84 36Z'/%3E%3Cpath d='M94 60 60 94 26 60 60 26Z'/%3E%3Cpath d='M84 36V84H36V36Z'/%3E%3Ccircle cx='60' cy='60' r='12'/%3E%3Cpath d='M94 60H120M0 60H26M60 0V26M60 94V120'/%3E%3C/g%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   1. DASAR
   -------------------------------------------------------------------------- */
html { scroll-behavior: smooth; }
.pkp_structure_page { overflow-x: hidden; overflow-x: clip; }
body {
  background: var(--am-bg);
  color: var(--am-ink);
  font-family: var(--am-font);
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
.pkp_structure_page { background: transparent; }
a { color: var(--am-pilot-600); transition: color .2s ease; }
a:hover, a:focus { color: var(--am-tosca-600); }
:focus-visible { outline: 2px solid var(--am-tosca-500); outline-offset: 2px; }
::selection { background: var(--am-tosca-100); color: var(--am-pilot-800); }
img { max-width: 100%; height: auto; }

h1, h2, h3, h4, h5, h6 { color: var(--am-pilot-700); font-family: var(--am-font); line-height: 1.35; }

/* Lebar kontainer cair (pengganti lebar tetap 728/952/1160 px bawaan) */
.pkp_structure_content,
.pkp_structure_footer,
.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
  width: 100%;
  max-width: var(--am-wrap);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user,
.pkp_search_mobile {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* --------------------------------------------------------------------------
   2. HEADER — banner gradasi biru pilot → tosca + pola khatam
   -------------------------------------------------------------------------- */
.pkp_structure_head {
  position: relative;
  background-color: var(--am-pilot-800);
  background-image: var(--am-pattern), var(--am-grad);
  background-size: 120px 120px, 100% 100%;
  border-bottom: 0;
  box-shadow: inset 0 -3px 0 0 transparent;
}
/* garis emas tipis di dasar header */
.pkp_structure_head::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: var(--am-grad-gold);
  opacity: .9;
}

/* Logo/banner (unggah header_logo_transparent.png sebagai "Logo") */
.pkp_site_name .is_img { display: block; margin: 0; }
.pkp_site_name .is_img img { display: block; }
.pkp_site_name .is_text {
  font-family: var(--am-serif);
  font-weight: 700;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.3);
}

/* Navigasi utama (gaya umum) */
.pkp_site_nav_menu { background: transparent; }
.pkp_site_nav_menu a { color: #fff; }
.pkp_nav_list ul,
.pkp_navigation_primary .dropdown-menu {
  background: #fff;
  border: 0;
  border-radius: 12px;
  box-shadow: var(--am-shadow-lg);
  padding: 8px;
  overflow: hidden;
}
.pkp_nav_list ul a,
.pkp_site_nav_menu .pkp_nav_list ul a {
  color: var(--am-ink);
  border-left: 3px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 12px;
  line-height: 1.4;
}
.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus,
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
  background: var(--am-tosca-50);
  border-color: var(--am-tosca-500);
  color: var(--am-pilot-700);
  text-decoration: none;
}

/* ---------- 2a. DESKTOP (≥ 992px) ---------- */
@media (min-width: 992px) {
  .pkp_head_wrapper,
  .has_site_logo .pkp_head_wrapper { padding-top: var(--am-topbar); }

  /* Top-bar identitas (gaya Gama) */
  .pkp_structure_head::before {
    content: "";
    position: absolute; top: 0; left: 0; right: 0;
    height: var(--am-topbar);
    background: rgba(4,16,40,.62);
    border-bottom: 1px solid rgba(246,223,160,.22);
  }
  body .pkp_structure_head .pkp_head_wrapper::before {
    content: "OPEN ACCESS   \2022   PEER-REVIEWED JOURNAL   \2022   DOI 10.47766/almabhats";
    white-space: pre;
    position: absolute; top: 0; left: 16px;
    display: block;
    height: var(--am-topbar); line-height: var(--am-topbar);
    font-size: 12px; font-weight: 600; letter-spacing: .12em;
    color: var(--am-gold-300);
  }
  .pkp_navigation_user_wrapper {
    top: 0; left: auto; right: 16px;
    transform: none;
    height: var(--am-topbar);
    display: flex; align-items: center;
    padding: 0;
  }
  .pkp_navigation_user > li > a {
    color: #fff;
    font-size: 12.5px; font-weight: 600; letter-spacing: .04em;
    padding: 5px 14px !important;
    margin: 0 0 0 6px !important;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,.28);
    line-height: 1.5;
  }
  .pkp_navigation_user > li > a:hover,
  .pkp_navigation_user > li > a:focus {
    background: var(--am-gold-500);
    border-color: var(--am-gold-500);
    color: var(--am-pilot-900);
  }
  .pkp_navigation_user > li:last-child > a {   /* tombol Login */
    background: var(--am-grad-gold);
    color: var(--am-pilot-900);
    border-color: transparent;
  }
  .pkp_navigation_user .task_count { background: var(--am-tosca-500); color: #fff; }

  /* Banner */
  .pkp_site_name_wrapper { padding: 14px 0 12px; }
  .pkp_site_name .is_img img {
    width: 100%;
    max-width: 100%;
    max-height: none;
    height: auto;
    filter: drop-shadow(0 6px 18px rgba(0,0,0,.18));
  }
  .pkp_site_name .is_text { font-size: 34px; line-height: 1.2; padding: 40px 0; }

  /* Navbar full-bleed di bawah banner */
  .pkp_site_nav_menu { position: static; }
  .pkp_navigation_primary_row {
    position: relative;
    z-index: 990;
  }
  .pkp_navigation_primary_row::before {
    content: "";
    position: absolute; top: 0; bottom: 0;
    left: 50%; width: 100vw; transform: translateX(-50%);
    z-index: -1;
    background: rgba(4,16,40,.55);
    border-top: 1px solid rgba(246,223,160,.25);
  }
  .pkp_navigation_primary_wrapper { display: flex; align-items: center; }
  .pkp_navigation_primary { flex: 1 1 auto; max-width: none; }
  .pkp_navigation_primary > li > a {
    margin: 0 !important;
    padding: 15px 16px 13px !important;
    color: #EAF6F7;
    font-size: 14px; font-weight: 600; letter-spacing: .02em;
    border-bottom: 3px solid transparent;
    transition: color .2s, border-color .2s, background .2s;
  }
  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li > a:focus,
  .pkp_navigation_primary > li:hover > a {
    color: #fff;
    background: rgba(255,255,255,.06);
    border-bottom-color: var(--am-gold-500);
  }
  .pkp_navigation_primary > li > a:focus { background: rgba(255,255,255,.12); color: #fff; }
  .pkp_nav_list ul { width: 17em; top: 100%; }
  .pkp_navigation_primary > li:hover > ul { left: 0; }
  .pkp_nav_list [aria-haspopup]::after { opacity: .7; }

  /* Ikon cari bulat */
  .pkp_navigation_search_wrapper a {
    margin: 0 !important;
    width: 38px; height: 38px;
    padding: 0 !important;
    display: inline-flex !important; align-items: center; justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.3) !important;
    color: #fff;
    font-size: 0;  /* sembunyikan label "Search" */
  }
  .pkp_navigation_search_wrapper a .fa { font-size: 15px; }
  .pkp_navigation_search_wrapper a:hover,
  .pkp_navigation_search_wrapper a:focus {
    background: var(--am-gold-500) !important;
    color: var(--am-pilot-900) !important;
    border-color: var(--am-gold-500) !important;
  }
}

/* ---------- 2b. TABLET & PONSEL (< 992px) ---------- */
@media (max-width: 991.98px) {
  .pkp_head_wrapper,
  .has_site_logo .pkp_head_wrapper { padding-left: 12px; padding-right: 12px; }
  .pkp_site_name_wrapper { height: auto; position: relative; }
  .pkp_site_name {
    position: relative; left: 0; right: 0;
    padding: 10px 60px 10px 0;
  }
  .pkp_site_name .is_img { margin: 0; }
  .pkp_site_name .is_img img {
    max-height: none;
    width: 100%;
    height: auto;
  }
  .pkp_site_name .is_text { line-height: 1.3; padding: 14px 0; font-size: 18px; white-space: normal; }

  /* Tombol hamburger pindah ke kanan */
  .pkp_site_nav_toggle {
    left: auto; right: 0; top: 50%;
    transform: translateY(-50%);
    width: 46px; height: 46px;
    border-radius: 12px;
    background: rgba(255,255,255,.12);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
  }
  .pkp_site_nav_toggle--transform { background: var(--am-gold-500); }
  .pkp_site_nav_toggle--transform > span::before,
  .pkp_site_nav_toggle--transform > span::after { background: var(--am-pilot-900); }

  /* Panel menu ponsel */
  .pkp_site_nav_menu {
    background: var(--am-pilot-900);
    background-image: var(--am-pattern);
    padding: 12px 16px 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,.35);
    border-top: 3px solid var(--am-gold-500);
    max-height: calc(100vh - 80px);
    overflow-y: auto;
  }
  .pkp_site_nav_menu .pkp_nav_list > li { border-bottom: 1px solid rgba(255,255,255,.08); }
  .pkp_site_nav_menu .pkp_nav_list > li > a {
    display: block;
    padding: 11px 4px;
    font-weight: 600; font-size: 15px;
    color: #fff;
  }
  .pkp_site_nav_menu .pkp_nav_list ul {
    position: static; width: auto; left: auto;
    display: block;
    background: transparent; box-shadow: none; padding: 0 0 8px 10px;
  }
  .pkp_site_nav_menu .pkp_nav_list ul a {
    color: #BFE6E3; font-size: 14px; padding: 6px 10px; display: block;
  }
  .pkp_site_nav_menu .pkp_nav_list ul a:hover { background: rgba(255,255,255,.06); color: #fff; }
  .pkp_navigation_user_wrapper { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(246,223,160,.25); }
  .pkp_navigation_user > li > a { color: var(--am-gold-300) !important; }
  .pkp_navigation_search_wrapper a { color: #fff; }
}

/* Ponsel (< 600px): banner dipotong agar hanya logo Al-Mabhats yang tampil */
@media (max-width: 599.98px) {
  .pkp_site_name .is_img img {
    width: 188px;
    max-width: 100%;
    height: 92px;
    object-fit: cover;
    object-position: left center;
  }
}

@media (max-width: 599.98px) {
  .homepage_about p, .obj_article_details .item.abstract, .pkp_structure_main .page p { text-align: left !important; }
}
.obj_article_summary a, .obj_article_details .item a, .pkp_structure_main .page td a { overflow-wrap: anywhere; }

/* --------------------------------------------------------------------------
   3. TATA LETAK KONTEN + SIDEBAR (flex, menggantikan float)
   -------------------------------------------------------------------------- */
.pkp_structure_content { padding-top: 28px; padding-bottom: 40px; }
.pkp_structure_main { padding: 0; }
.pkp_structure_main::before,
.pkp_structure_main::after { display: none !important; }

@media (min-width: 992px) {
  .pkp_structure_content.has_sidebar {
    display: flex;
    align-items: flex-start;
    gap: 30px;
  }
  .pkp_structure_content.has_sidebar::before,
  .pkp_structure_content.has_sidebar::after { display: none; }
  .pkp_structure_content.has_sidebar .pkp_structure_main {
    float: none; width: auto; flex: 1 1 auto; min-width: 0;
    padding: 0;
  }
  .pkp_structure_sidebar {
    float: none;
    width: 300px; flex: 0 0 300px;
  }
  .pkp_structure_main:first-child:last-child { margin-top: 0; max-width: 900px; }
}
@media (min-width: 1200px) {
  .pkp_structure_sidebar { width: 320px; flex-basis: 320px; }
}
@media (max-width: 991.98px) {
  .pkp_structure_sidebar { margin-top: 28px; }
}

/* Panel konten utama = kartu putih */
.pkp_structure_main > .page,
.pkp_structure_main > [class^="page_"],
.pkp_structure_main > [class*=" page_"] {
  background: var(--am-card);
  border-radius: var(--am-radius);
  box-shadow: var(--am-shadow);
  padding: 26px 28px 30px;
}
.pkp_structure_main > .page_index_journal { background: transparent; box-shadow: none; padding: 0; }
@media (max-width: 599.98px) {
  .pkp_structure_main > .page,
  .pkp_structure_main > [class^="page_"],
  .pkp_structure_main > [class*=" page_"] { padding: 18px 16px 22px; border-radius: 12px; }
}

/* Judul halaman & breadcrumbs */
.pkp_structure_main .page > h1,
.pkp_structure_main h1.page_title,
.page_title {
  font-family: var(--am-serif);
  font-size: 30px; font-weight: 700;
  color: var(--am-pilot-700);
  margin: 4px 0 18px;
  padding-bottom: 12px;
  position: relative;
}
.pkp_structure_main .page > h1::after,
.page_title::after {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 72px; height: 4px; border-radius: 4px;
  background: linear-gradient(90deg, var(--am-pilot-700), var(--am-tosca-500));
}
.cmp_breadcrumbs ol { font-size: 13px; color: var(--am-muted); }
.cmp_breadcrumbs a { color: var(--am-tosca-600); font-weight: 600; text-decoration: none; }
.cmp_breadcrumbs .separator { color: #b3c1cf; }

/* --------------------------------------------------------------------------
   4. BERANDA JURNAL
   -------------------------------------------------------------------------- */
.page_index_journal > section,
.page_index_journal > .homepage_image,
.page_index_journal > .additional_content {
  background: var(--am-card);
  border-radius: var(--am-radius);
  box-shadow: var(--am-shadow);
  padding: 24px 28px;
  margin: 0 0 24px;
}
.page_index_journal > .homepage_image { padding: 0; overflow: hidden; }
.pkp_page_index .page_index_journal > .homepage_image,
.pkp_page_index .page_index_journal > .additional_content,
.pkp_page_index .page_index_journal > .cmp_announcements { margin-left: 0; margin-right: 0; border: 0; }
.pkp_page_index .cmp_announcements { display: grid; grid-template-columns: 1fr; gap: 12px; }
.pkp_page_index .cmp_announcements::before, .pkp_page_index .cmp_announcements::after { display: none; }
.pkp_page_index .cmp_announcements > .obj_announcement_summary,
.pkp_page_index .cmp_announcements .more { float: none !important; width: auto !important; padding: 0; }
.pkp_page_index .cmp_announcements > .obj_announcement_summary::before { display: none; }
@media (min-width: 768px) { .pkp_page_index .cmp_announcements.highlight_first { grid-template-columns: 1.7fr 1fr; } }
.page_index_journal > .homepage_image img { display: block; width: 100%; }

/* Judul seksi: "About the Journal", "Current Issue", "Announcements" */
.page_index_journal > section > h2,
.page_index_journal .additional_content h2 {
  display: flex; align-items: center; gap: 12px;
  font-family: var(--am-serif);
  font-size: 24px; font-weight: 700;
  color: var(--am-pilot-700);
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--am-line);
  position: relative;
}
.page_index_journal > section > h2::before,
.page_index_journal .additional_content h2::before {
  content: "";
  flex: 0 0 auto;
  width: 14px; height: 14px;
  background: var(--am-grad-btn);
  transform: rotate(45deg);
  border-radius: 3px;
  box-shadow: 0 0 0 4px var(--am-tosca-100);
}
.page_index_journal > section > h2::after,
.page_index_journal .additional_content h2::after {
  content: ""; position: absolute; left: 0; bottom: -1px;
  width: 120px; height: 3px;
  background: linear-gradient(90deg, var(--am-pilot-700), var(--am-tosca-500));
}

/* Tentang jurnal */
.homepage_about { border-top: 4px solid var(--am-tosca-500); }
.homepage_about p { color: var(--am-ink-soft); text-align: justify; }
.homepage_about a { font-weight: 600; }

/* Pengumuman */
.cmp_announcements .obj_announcement_summary {
  border-left: 4px solid var(--am-gold-500);
  background: #FFFBF1;
  padding: 14px 18px; border-radius: 10px; margin-bottom: 12px;
}
.cmp_announcements h3, .cmp_announcements h4 { margin-top: 0; }
.cmp_announcements .date { font-size: 12.5px; color: var(--am-muted); font-weight: 600; }

/* Tombol "View All Issues" & "Read more" */
.read_more,
.current_issue .read_more,
.cmp_announcements .read_more {
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 12px;
  padding: 10px 22px;
  border-radius: 30px;
  background: var(--am-grad-btn);
  color: #fff !important;
  font-weight: 700; font-size: 13.5px; letter-spacing: .03em;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(14,63,120,.25);
  transition: transform .2s, box-shadow .2s;
}
.read_more::after,
.pkp_page_index .current_issue .read_more::after,
.obj_announcement_summary .read_more::after {
  content: "\f061" !important;
  font: normal normal normal 12px/1 FontAwesome !important;
  position: static !important;
  margin-left: 2px;
}
.pkp_page_index .current_issue .read_more { padding-right: 22px; }
.read_more:hover, .read_more:focus { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(14,63,120,.32); color: #fff; }

/* --------------------------------------------------------------------------
   5. DAFTAR ISI TERBITAN (beranda & halaman issue)
   -------------------------------------------------------------------------- */
.current_issue_title {
  display: inline-block;
  font-weight: 700; font-size: 17px; color: var(--am-pilot-700);
  margin-bottom: 14px;
}
.obj_issue_toc .heading {
  display: flex; gap: 22px; align-items: flex-start;
  padding: 18px;
  margin-bottom: 22px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--am-tosca-50), #F4F8FC);
  border: 1px solid var(--am-line);
}
.obj_issue_toc .heading::after { display: none; }
.obj_issue_toc .cover {
  float: none;
  flex: 0 0 180px;
  width: 180px; max-width: 40%;
  margin: 0;
}
.obj_issue_toc .cover img {
  display: block; width: 100%; max-height: none;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(6,26,61,.28);
  transition: transform .3s;
}
.obj_issue_toc .cover:hover img { transform: translateY(-3px) rotate(-.6deg); }
.obj_issue_toc .heading .description { color: var(--am-ink-soft); font-size: 14px; }
.obj_issue_toc .published,
.obj_issue_toc .pub_id {
  display: inline-flex; gap: 6px; align-items: center;
  font-size: 13px;
  background: #fff; border: 1px solid var(--am-line);
  border-radius: 30px; padding: 4px 12px; margin: 6px 6px 0 0;
}
.obj_issue_toc .published .label,
.obj_issue_toc .pub_id .type { font-weight: 700; color: var(--am-tosca-700); }
@media (max-width: 599.98px) {
  .obj_issue_toc .heading { flex-direction: column; align-items: center; text-align: center; }
  .obj_issue_toc .cover { flex-basis: auto; width: 62%; max-width: 230px; }
}

/* Judul seksi dalam TOC: "Articles" */
.obj_issue_toc .sections .section > h2,
.obj_issue_toc .sections .section > h3,
.obj_issue_toc .galleys > h2,
.obj_issue_toc .galleys > h3 {
  display: flex; align-items: center; gap: 12px;
  font-size: 13px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
  color: var(--am-tosca-700);
  margin: 6px 0 14px;
  padding: 0;
  background: none; border: 0;
}
.obj_issue_toc .sections .section > h2::after,
.obj_issue_toc .sections .section > h3::after,
.obj_issue_toc .galleys > h2::after,
.obj_issue_toc .galleys > h3::after {
  content: ""; flex: 1; height: 1px;
  background: linear-gradient(90deg, var(--am-tosca-500), transparent);
}
.obj_issue_toc .sections:not(:first-child) { margin-top: 6px; }
.obj_issue_toc .section { margin: 0 0 18px !important; padding: 0 !important; }
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 { position: static !important; left: auto !important; top: auto !important; background: none !important; }
.obj_issue_toc .sections .section > h2,
.obj_issue_toc .sections .section > h3 { margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; }
.obj_issue_toc .sections .section::before,
.obj_issue_toc .sections .section + .section::before { display: none; }
.obj_issue_toc .sections .section { margin-bottom: 18px; }

/* --------------------------------------------------------------------------
   6. KARTU ARTIKEL
   -------------------------------------------------------------------------- */
.cmp_article_list { margin: 0; padding: 0; }
.cmp_article_list > li { margin: 0 0 14px; padding: 0; list-style: none; }
.cmp_article_list > li::before { display: none; }

.obj_article_summary {
  position: relative;
  background: #fff;
  border: 1px solid var(--am-line);
  border-radius: 12px;
  padding: 16px 20px 14px 22px;
  overflow: hidden;
  transition: box-shadow .25s, transform .25s, border-color .25s;
}
.obj_article_summary::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(180deg, var(--am-pilot-700), var(--am-tosca-500));
  opacity: .75; transition: opacity .25s, width .25s;
}
.obj_article_summary:hover {
  border-color: #CFE7E6;
  box-shadow: var(--am-shadow-lg);
  transform: translateY(-2px);
}
.obj_article_summary:hover::before { opacity: 1; width: 6px; }

.obj_article_summary > .title,
.obj_article_summary .title {
  font-family: var(--am-font);
  font-size: 16.5px; font-weight: 700; line-height: 1.45;
  margin: 0 0 8px;
}
.obj_article_summary .title a { color: var(--am-pilot-700); text-decoration: none; }
.obj_article_summary .title a:hover,
.obj_article_summary .title a:focus { color: var(--am-tosca-600); }
.obj_article_summary .subtitle { display: block; font-weight: 500; font-size: 14px; color: var(--am-muted); margin-top: 3px; }

.obj_article_summary .meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13.5px; color: var(--am-ink-soft); }
.obj_article_summary .meta .authors { flex: 1 1 100%; line-height: 1.6; }
.obj_article_summary .meta .authors strong,
.obj_article_summary .meta .authors b { color: var(--am-ink); font-weight: 700; }
.obj_article_summary .meta .pages,
.obj_article_summary .meta .published {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12px; font-weight: 700;
  color: var(--am-tosca-700);
  background: var(--am-tosca-50);
  border-radius: 20px; padding: 2px 10px;
}
.obj_article_summary .meta .pages::before { content: "\f15c"; font-family: FontAwesome; font-weight: normal; }

.obj_article_summary .cover { float: right; width: 110px; margin: 0 0 8px 14px; }
.obj_article_summary .cover img { border-radius: 8px; box-shadow: var(--am-shadow); }
@media (max-width: 599.98px) { .obj_article_summary .cover { float: none; width: 100%; margin: 0 0 10px; } }

/* --------------------------------------------------------------------------
   7. TOMBOL GALLEY (PDF, HTML, dll.)
   -------------------------------------------------------------------------- */
.galleys_links { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; }
.galleys_links li { display: inline-block; margin: 0; list-style: none; }
.obj_galley_link,
.obj_galley_link_supplementary {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 16px !important;
  border-radius: 30px;
  border: 0 !important;
  background: var(--am-grad-btn);
  color: #fff !important;
  font-size: 12.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(14,63,120,.22);
  transition: transform .2s, box-shadow .2s, filter .2s;
}
.obj_galley_link::before,
.obj_galley_link_supplementary::before { font-family: FontAwesome; font-weight: normal; font-size: 14px; content: "\f15b"; margin: 0; }
.obj_galley_link.pdf::before { content: "\f1c1"; }
.obj_galley_link.html::before { content: "\f1c9"; }
.obj_galley_link.restricted::before { content: "\f023"; }
.obj_galley_link:hover, .obj_galley_link:focus,
.obj_galley_link_supplementary:hover, .obj_galley_link_supplementary:focus {
  color: #fff !important; transform: translateY(-2px); filter: brightness(1.08);
  box-shadow: 0 8px 18px rgba(14,63,120,.30);
}
.obj_galley_link.pdf { background: linear-gradient(100deg, #0A2A5C, #0B7F86); }
.obj_galley_link_supplementary { background: #fff; color: var(--am-pilot-700) !important; box-shadow: inset 0 0 0 1.5px var(--am-tosca-500); }

/* --------------------------------------------------------------------------
   8. HALAMAN ARTIKEL
   -------------------------------------------------------------------------- */
.obj_article_details > .page_title { font-size: 27px; line-height: 1.3; }
.obj_article_details .subtitle { font-size: 17px; color: var(--am-muted); margin-top: -8px; }
.obj_article_details .row { border: 0; margin: 0; }
.obj_article_details .main_entry { border-right: 0; }
.obj_article_details .main_entry .item,
.obj_article_details .entry_details .item { padding: 18px 0; border-bottom: 1px solid var(--am-line); }
.obj_article_details .entry_details .item { border-top: 0; }
.obj_article_details .item .label,
.obj_article_details .entry_details .item .label {
  font-size: 12.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  color: var(--am-tosca-700); margin: 0 0 8px;
}
.obj_article_details .authors li { margin-bottom: 8px; }
.obj_article_details .authors .name { font-weight: 700; color: var(--am-pilot-700); }
.obj_article_details .authors .affiliation { font-size: 13px; color: var(--am-muted); }
.obj_article_details .authors .orcid a { color: #2c8a2c; font-size: 13px; }
.obj_article_details .item.abstract { text-align: justify; }
.obj_article_details .item.abstract p { color: var(--am-ink); }
.obj_article_details .item.keywords .value { display: inline; }
.obj_article_details .item.doi a,
.obj_article_details .item.doi .value a { font-weight: 600; word-break: break-all; }
.obj_article_details .entry_details { background: #F7FAFC; border-radius: 12px; border-left: 0; }
@media (min-width: 768px) {
  .obj_article_details .entry_details { margin-left: 4px; }
  .obj_article_details .entry_details .item { padding: 16px 18px; }
}
.obj_article_details .cover_image img { border-radius: 10px; box-shadow: 0 10px 24px rgba(6,26,61,.22); }
.obj_article_details .item.galleys .galleys_links { margin-top: 4px; }
.obj_article_details .item.citation .citation_formats_button {
  border-radius: 20px; border: 1px solid var(--am-line); background: #fff; padding: 4px 14px;
}
.obj_article_details .item.references .value p { font-size: 13.5px; padding-left: 1.6em; text-indent: -1.6em; }

/* --------------------------------------------------------------------------
   9. ARSIP (grid sampul responsif)
   -------------------------------------------------------------------------- */
.page_issue_archive .issues_archive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 22px;
  margin: 0; padding: 0;
}
.page_issue_archive .issues_archive > li { list-style: none; margin: 0; padding: 0; border: 0; }
.page_issue_archive .issues_archive > li::before { display: none; }
.obj_issue_summary {
  height: 100%;
  background: #fff;
  border: 1px solid var(--am-line);
  border-radius: 12px;
  padding: 12px 12px 14px;
  display: flex; flex-direction: column;
  transition: box-shadow .25s, transform .25s;
}
.obj_issue_summary:hover { box-shadow: var(--am-shadow-lg); transform: translateY(-3px); }
.obj_issue_summary .cover { float: none; width: 100%; margin: 0 0 12px; }
.obj_issue_summary .cover img { width: 100%; max-height: none; border-radius: 8px; box-shadow: 0 8px 18px rgba(6,26,61,.18); }
.obj_issue_summary h2, .obj_issue_summary .title { font-size: 14.5px; font-weight: 700; margin: 0; line-height: 1.4; }
.obj_issue_summary .title { color: var(--am-pilot-700); text-decoration: none; }
.obj_issue_summary .series { font-size: 12.5px; color: var(--am-tosca-700); font-weight: 600; display: block; margin-top: 3px; }
.obj_issue_summary .description { font-size: 12.5px; color: var(--am-muted); }

/* Paginasi */
.cmp_pagination { margin-top: 24px; font-size: 14px; }
.cmp_pagination a, .cmp_pagination .current {
  display: inline-block; padding: 5px 12px; border-radius: 8px;
  border: 1px solid var(--am-line); text-decoration: none; margin: 0 2px;
}
.cmp_pagination .current { background: var(--am-pilot-700); color: #fff; border-color: var(--am-pilot-700); }
.cmp_pagination a:hover { border-color: var(--am-tosca-500); }

/* --------------------------------------------------------------------------
   10. SIDEBAR (gaya menu tombol Gama)
   -------------------------------------------------------------------------- */
.pkp_structure_sidebar .pkp_block {
  background: #fff;
  border-radius: var(--am-radius);
  box-shadow: var(--am-shadow);
  padding: 0;
  margin: 0 0 20px;
  overflow: hidden;
  border: 0;
}
.pkp_structure_sidebar .pkp_block > .content { padding: 16px 18px 18px; }
.pkp_structure_sidebar .pkp_block > .title:not(.pkp_screen_reader) {
  display: block;
  margin: 0;
  padding: 13px 18px 12px;
  background: var(--am-grad);
  color: #fff;
  font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  border-bottom: 3px solid var(--am-gold-500);
}
.pkp_structure_sidebar .pkp_block .content > :first-child { margin-top: 0; }
.pkp_structure_sidebar .pkp_block .content > :last-child { margin-bottom: 0; }
.pkp_structure_sidebar .pkp_block img { max-width: 100%; height: auto; }

/* Daftar tautan di blok (Information, custom block berisi <ul>) */
.pkp_structure_sidebar .pkp_block .content ul {
  list-style: none; margin: 0 0 14px; padding: 0;
  border-radius: 10px; overflow: hidden;
  border: 1px solid var(--am-line);
}
.pkp_structure_sidebar .pkp_block .content ul li {
  margin: 0; padding: 0; border: 0;
  border-bottom: 1px solid var(--am-line);
  background: none !important;
}
.pkp_structure_sidebar .pkp_block .content ul li:last-child { border-bottom: 0; }
.pkp_structure_sidebar .pkp_block .content ul li a {
  position: relative;
  display: block;
  padding: 10px 34px 10px 14px !important;
  margin: 0 !important;
  background: #fff !important;
  color: var(--am-ink) !important;
  font-size: 13.5px !important; font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  text-align: left !important;
  border: 0 !important; border-radius: 0 !important;
  box-shadow: none !important;
  transition: background .2s, color .2s, padding .2s;
}
.pkp_structure_sidebar .pkp_block .content ul li a::after {
  content: "\f105"; font-family: FontAwesome; font-weight: normal;
  position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
  color: var(--am-tosca-500); transition: right .2s;
}
.pkp_structure_sidebar .pkp_block .content ul li a:hover,
.pkp_structure_sidebar .pkp_block .content ul li a:focus {
  background: var(--am-tosca-50) !important;
  color: var(--am-pilot-700) !important;
  padding-left: 19px !important;
}
.pkp_structure_sidebar .pkp_block .content ul li a:hover::after { right: 10px; }

/* Butir pertama tiap <ul> pada custom block = judul grup ("MENU JURNAL", "INFORMATION") */
.pkp_structure_sidebar .block_custom .content ul > li:first-child > a,
.pkp_structure_sidebar .block_custom .content ul > li.am-head > a,
.pkp_structure_sidebar .block_custom .content ul > li.am-head {
  background: var(--am-grad) !important;
  color: #fff !important;
  font-size: 12.5px !important; font-weight: 800 !important;
  letter-spacing: .14em; text-transform: uppercase;
  padding: 12px 14px !important;
  border-bottom: 3px solid var(--am-gold-500) !important;
  pointer-events: none;
}
.pkp_structure_sidebar .block_custom .content ul > li:first-child > a::after { display: none; }
.pkp_structure_sidebar .block_custom .content ul.am-plain > li:first-child > a {
  background: #fff !important; color: var(--am-ink) !important; font-size: 13.5px !important;
  letter-spacing: 0; text-transform: none; border-bottom: 0 !important; pointer-events: auto;
  padding: 10px 34px 10px 14px !important;
}
.pkp_structure_sidebar .block_custom .content ul.am-plain > li:first-child > a::after { display: block; }

/* Tautan/tombol tunggal di custom block (mis. ACCREDITATION, Current Issues) */
.pkp_structure_sidebar .block_custom .content > p > a:only-child:not(:has(img)):not(.am-cta),
.pkp_structure_sidebar .block_custom .content > a:not(:has(img)):not(.am-cta) {
  display: block;
  margin: 0 0 8px;
  padding: 11px 14px;
  border-radius: 10px;
  background: var(--am-grad-btn);
  color: #fff !important;
  font-weight: 700; font-size: 13.5px; letter-spacing: .04em;
  text-align: center; text-decoration: none;
  box-shadow: 0 5px 14px rgba(14,63,120,.22);
}
.pkp_structure_sidebar .block_custom .content > p > a:only-child:not(:has(img)):not(.am-cta):hover,
.pkp_structure_sidebar .block_custom .content > a:not(:has(img)):not(.am-cta):hover { filter: brightness(1.08); }

/* Blok Make a Submission → CTA besar */
.pkp_structure_sidebar .block_make_submission { background: var(--am-grad); }
.pkp_structure_sidebar .block_make_submission > .content { padding: 18px; }
.block_make_submission a,
.block_make_submission_link {
  display: block;
  padding: 14px 16px !important;
  border-radius: 12px;
  background: var(--am-grad-gold) !important;
  color: var(--am-pilot-900) !important;
  text-align: center;
  font-size: 15px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  transition: transform .2s;
}
.block_make_submission a::before { content: "\f1d8"; font-family: FontAwesome; font-weight: normal; margin-right: 9px; }
.block_make_submission a:hover { transform: translateY(-2px); }

/* Blok bahasa, web feed, keyword cloud */
.block_language .content ul li a { font-weight: 600; }
.block_language .current { color: var(--am-tosca-700); }
.block_web_feed ul li { display: inline-block; margin-right: 6px; }
.block_keyword_cloud a { color: var(--am-pilot-600); }

/* Statistik/visitor & gambar counter */
.pkp_structure_sidebar .block_custom .content img[src*="statcounter"],
.pkp_structure_sidebar .block_custom .content img[src*="flagcounter"] { border-radius: 8px; }

/* --------------------------------------------------------------------------
   11. KOMPONEN TAMBAHAN UNTUK CUSTOM BLOCK (lihat sidebar-blocks.html)
   -------------------------------------------------------------------------- */
.am-cta { display: block; padding: 14px 16px; border-radius: 12px; background: var(--am-grad-gold);
  color: var(--am-pilot-900) !important; text-align: center; font-weight: 800; letter-spacing: .06em;
  text-transform: uppercase; text-decoration: none !important; box-shadow: 0 8px 20px rgba(184,137,46,.35); }
.am-cta:hover { filter: brightness(1.05); }
.am-cta small { display: block; font-size: 11px; letter-spacing: .08em; font-weight: 600; opacity: .8; text-transform: none; }

.am-menu { list-style: none; margin: 0; padding: 0; }
.pkp_structure_sidebar .pkp_block .content ul.am-menu li a { display: flex !important; align-items: center; gap: 10px; }
.am-menu .fa { width: 26px; height: 26px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--am-tosca-50); color: var(--am-tosca-600); font-size: 13px; flex: 0 0 26px; transition: background .2s, color .2s; }
.am-menu li a:hover .fa { background: var(--am-tosca-500); color: #fff; }

.am-head { margin: 0 -18px 14px; padding: 12px 18px; background: var(--am-grad); color: #fff;
  font-size: 12.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; border-bottom: 3px solid var(--am-gold-500); }
.pkp_block .content > .am-head:first-child { margin-top: -16px; }

.am-id { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.am-id a { display: block; padding: 9px 8px; border-radius: 10px; text-align: center; text-decoration: none;
  background: var(--am-tosca-50); border: 1px solid #CFE7E6; color: var(--am-pilot-700); font-size: 12px; line-height: 1.35; }
.am-id a b { display: block; font-size: 10.5px; letter-spacing: .14em; color: var(--am-tosca-700); }
.am-logos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.am-logos a { display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 8px;
  border: 1px solid var(--am-line); border-radius: 10px; background: #fff; transition: border-color .2s, box-shadow .2s; }
.am-logos a:hover { border-color: var(--am-tosca-500); box-shadow: var(--am-shadow); }
.am-logos img { max-height: 36px; width: auto; }

/* Tabel identitas jurnal (lihat about-journal.html) */
.am-info { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--am-line); border-radius: 12px; overflow: hidden; font-size: 14px; margin: 6px 0 16px; }
.am-info th, .am-info td { padding: 9px 14px; border-bottom: 1px solid var(--am-line); text-align: left; vertical-align: top; }
.am-info tr:last-child th, .am-info tr:last-child td { border-bottom: 0; }
.am-info th { width: 36%; background: var(--am-tosca-50); color: var(--am-pilot-700); font-weight: 700; }
.am-info tr:nth-child(even) td { background: #FAFCFD; }
@media (max-width: 599.98px) { .am-info th, .am-info td { display: block; width: auto; } .am-info th { border-bottom: 0; padding-bottom: 2px; } }

/* --------------------------------------------------------------------------
   12. FORMULIR & TOMBOL UMUM
   -------------------------------------------------------------------------- */
.cmp_form fieldset { border: 0; padding: 0; }
.cmp_form legend { font-family: var(--am-serif); font-size: 20px; color: var(--am-pilot-700); }
.cmp_form input[type="text"], .cmp_form input[type="email"], .cmp_form input[type="password"],
.cmp_form input[type="url"], .cmp_form input[type="tel"], .cmp_form select, .cmp_form textarea,
.pkp_search_mobile input, .page_search input[type="text"], .page_search select {
  border: 1px solid #CBD6E1; border-radius: 10px; padding: 9px 12px; font-family: inherit; font-size: 14px;
  background: #fff; transition: border-color .2s, box-shadow .2s;
}
.cmp_form input:focus, .cmp_form select:focus, .cmp_form textarea:focus,
.page_search input:focus, .page_search select:focus {
  border-color: var(--am-tosca-500); box-shadow: 0 0 0 3px rgba(15,163,163,.18); outline: 0;
}
.cmp_form .buttons button, .cmp_button, .cmp_form button.submit, .page_search .submit button,
.cmp_form .buttons .submit, .pkp_button.submit, button.submit, .cmp_notification + .cmp_button {
  border: 0; border-radius: 30px; padding: 10px 26px;
  background: var(--am-grad-btn); color: #fff;
  font-family: inherit; font-weight: 700; font-size: 14px; letter-spacing: .03em;
  box-shadow: 0 6px 16px rgba(14,63,120,.22); cursor: pointer; transition: transform .2s, filter .2s;
}
.cmp_form .buttons button:hover, .cmp_button:hover, button.submit:hover { transform: translateY(-1px); filter: brightness(1.08); color: #fff; }
.cmp_form .buttons a { color: var(--am-tosca-700); font-weight: 600; }
.cmp_notification { border-left: 4px solid var(--am-tosca-500); background: var(--am-tosca-50); border-radius: 10px; padding: 12px 16px; }

/* Konten statis (About, Focus & Scope, Author Guidelines, Editorial Team) */
.page_about, .page_editorial_team, .page_submissions, .page_privacy, .page_contact,
.page_navigation_menu_item, .page_information, .page_announcements { font-size: 15px; }
.pkp_structure_main .page h2 { font-size: 21px; margin-top: 26px; color: var(--am-pilot-700); }
.pkp_structure_main .page h3 { font-size: 17px; color: var(--am-pilot-600); }
.pkp_structure_main .page blockquote { margin: 16px 0; padding: 12px 18px; border-left: 4px solid var(--am-gold-500); background: #FFFBF1; border-radius: 0 10px 10px 0; }
.pkp_structure_main .page table:not(.am-info) { width: 100%; border-collapse: collapse; font-size: 14px; display: block; overflow-x: auto; }
.pkp_structure_main .page table:not(.am-info) th,
.pkp_structure_main .page table:not(.am-info) td { border: 1px solid var(--am-line); padding: 8px 12px; }
.pkp_structure_main .page table:not(.am-info) th { background: var(--am-tosca-50); color: var(--am-pilot-700); }
.page_submissions .cmp_notification, .page_submissions .submission_checklist ul { border-radius: 10px; }
.page_submissions .submission_checklist li { padding: 6px 0 6px 28px; position: relative; list-style: none; }
.page_submissions .submission_checklist li::before { content: "\f00c"; font-family: FontAwesome; position: absolute; left: 4px; color: var(--am-tosca-500); }
.page_editorial_team p strong, .page_editorial_team h3 { color: var(--am-pilot-700); }

/* Halaman pencarian */
.page_search .search_input .query { border-radius: 30px; padding-left: 18px; }
.page_search .search_advanced { background: #F7FAFC; border-radius: 12px; padding: 16px; border: 1px solid var(--am-line); }

/* --------------------------------------------------------------------------
   13. FOOTER
   -------------------------------------------------------------------------- */
.pkp_structure_footer_wrapper {
  position: relative;
  background-color: var(--am-pilot-900);
  background-image: var(--am-pattern), linear-gradient(160deg, #061A3D 0%, #0A2A5C 45%, #0B5F78 85%, #0B8E93 100%);
  background-size: 120px 120px, 100% 100%;
  color: #D7E6EE;
  border-top: 0;
  margin-top: 20px;
}
.pkp_structure_footer_wrapper::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--am-grad-gold);
}
.pkp_structure_footer { padding-top: 40px; padding-bottom: 10px; }
.pkp_footer_content { padding: 0 0 20px; font-size: 14px; line-height: 1.75; text-align: left; }
.pkp_footer_content strong, .pkp_footer_content b, .pkp_footer_content h2, .pkp_footer_content h3, .pkp_footer_content h4 { color: var(--am-gold-300); }
.pkp_footer_content a { color: #8FE3DA; text-decoration: none; border-bottom: 1px dotted rgba(143,227,218,.5); }
.pkp_footer_content a:hover { color: #fff; }
.pkp_footer_content img { border-radius: 6px; }
.pkp_footer_content hr { border: 0; border-top: 1px solid rgba(255,255,255,.12); }
.pkp_brand_footer {
  padding: 14px 0 22px;
  border-top: 1px solid rgba(255,255,255,.12);
  text-align: right;
}
.pkp_brand_footer img { opacity: .7; filter: brightness(0) invert(1); max-width: 120px; transition: opacity .2s; }
.pkp_brand_footer a:hover img { opacity: 1; }

/* Footer kolom (pakai .am-footer di Footer HTML — lihat footer.html) */
.am-footer { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 28px; }
.am-footer h4 { margin: 0 0 10px; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-family: var(--am-font); }
.am-footer ul { list-style: none; margin: 0; padding: 0; }
.am-footer li { padding: 3px 0; }
.am-footer li a::before { content: "\f105"; font-family: FontAwesome; margin-right: 8px; color: var(--am-gold-500); }
.am-footer .am-brand { font-family: var(--am-serif); font-size: 22px; color: #fff; margin: 0 0 6px; }
@media (max-width: 767.98px) { .am-footer { grid-template-columns: 1fr; gap: 18px; } .pkp_brand_footer { text-align: center; } }

/* --------------------------------------------------------------------------
   14. AKSESIBILITAS & CETAK
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  .pkp_structure_head, .pkp_structure_sidebar, .pkp_structure_footer_wrapper { display: none !important; }
  .pkp_structure_main > .page { box-shadow: none; padding: 0; }
  body { background: #fff; }
}