/* ============================================================
JURNAL SOSIO KONSEPSIA — CUSTOM STYLESHEET
Direfaktor & diperbaiki: bug @media tidak tertutup, properti
font-family dobel, rule duplikat/bentrok sudah dirapikan.
Palet warna asli dipertahankan (navy #043d66 + teal #4b7d92),
dipertegas jadi sebuah design system kecil yang konsisten.
============================================================ */

/* ---------- 1. DESIGN TOKENS ---------- */
:root {
--clr-navy: #043d66; /* warna utama: tombol, judul artikel, aksen */
--clr-navy-dark: #01355a; /* header sidebar */
--clr-teal: #4b7d92; /* nav bar utama */
--clr-gold: #c9962c; /* aksen pemanis, melengkapi badge Sinta */
--clr-ink: #1f2937; /* teks body, lebih lembut dari hitam pekat */
--clr-muted: #667085; /* teks sekunder / meta info */
--clr-bg-page: #f6f8fa; /* latar halaman, lembut agar kartu "muncul" */
--clr-bg-card: #ffffff;
--radius-md: 10px;
--radius-lg: 14px;
--shadow-card: 0 4px 16px rgba(4, 61, 102, 0.10);
--shadow-card-hover: 0 10px 28px rgba(4, 61, 102, 0.16);
--font-body: "Calibri", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu",
"Cantarell", "Helvetica Neue", Arial, sans-serif;
--transition: 0.25s ease;
}

/* ---------- 2. TYPOGRAPHY & BASE ---------- */
html, body {
font-family: var(--font-body);
font-size: 14px;
line-height: 1.6;
color: var(--clr-ink);
background: var(--clr-bg-page);
}

.pkp_structure_main h1 {
font-family: var(--font-body);
font-size: 1.8rem;
line-height: 2.2rem;
font-weight: 700;
color: var(--clr-navy);
letter-spacing: -0.01em;
}

.obj_article_details .authors,
.obj_article_details .doi {
font-family: var(--font-body);
}

/* ---------- 3. ARTICLE / ISSUE CONTENT ALIGNMENT ---------- */
.obj_article_details .abstract {
text-align: justify;
color: var(--clr-ink);
line-height: 1.75;
}
.obj_article_details .references,
.obj_article_details .keywords,
.obj_article_details .authors,
.obj_article_details .affiliation,
.obj_article_details .item.citation,
.obj_article_details .item.issue,
.obj_article_details .item.copyright,
.obj_issue_toc .description,
.obj_issue_summary .description {
text-align: justify;
}

/* ---------- 4. HEADER / LOGO ---------- */
.pkp_site_name_wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 0;
padding: 0;
}

.pkp_site_nav_toggle {
margin: 0;
padding: 0;
border: none;
background: none;
}

.pkp_site_name {
margin: 0;
padding: 0;
display: block;
}

.pkp_site_name .is_img img {
width: 100%;
height: auto;
max-width: 2134px;
max-height: 398px;
content: url('https://blogger.googleusercontent.com/img/a/AVvXsEhVQbHyvhvW2NVc3LWN-ydynVG0XDTLkorPs9Z3MZB970PszsT3LhluYI60FpmULwKV-DXgp2zVPDZhJqNHoyT1HETkCIVbUpAinHsP_isPYKu4xa2L3rJxG7C5G2FZBCRuMv0qESuOoC31088607Zz5C9kpe2AybBMNeaai1qlFHnruUXLoJRoI6tcGkM');
}

.pkp_structure_head {
background-color: #fff;
border-bottom: 1px solid #e2e8f0;
}

/* ---------- 5. NAVIGATION — USER MENU (bar tipis paling atas) ---------- */
#navigationUser {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
#navigationUser li {
margin-right: 15px;
}
.pkp_navigation_user_wrapper a {
font-family: var(--font-body);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.02em;
}
@media (min-width: 992px) {
.pkp_navigation_user > li > a {
color: #ffffff;
}
.pkp_navigation_search_wrapper a:hover {
color: #ffffff;
outline: 0;
text-decoration: none;
}
}

/* ---------- 6. NAVIGATION — PRIMARY MENU (About / Current / Archives dst) ---------- */
.pkp_navigation_primary_row {
background-color: var(--clr-teal);
padding-top: 6px;
padding-bottom: 6px;
}

#navigationPrimary > li > a,
.pkp_site_nav_menu a {
color: #ffffff;
font-family: var(--font-body);
text-decoration: none;
display: inline-block;
padding: 0.35rem 0.15rem;
transition: opacity var(--transition), transform var(--transition);
}
#navigationPrimary > li > a:hover,
.pkp_site_nav_menu a:hover {
opacity: 0.82;
transform: translateY(-1px);
text-decoration: none;
}
#navigationPrimary > li > a i.fa,
#navigationPrimary > li > a i[class*="fa-"] {
margin-right: 6px;
}

/* Underline halus saat item aktif, biar konsisten dengan aksen gold */
#navigationPrimary > li.active > a,
#navigationPrimary > li > a[aria-current="page"] {
border-bottom: 2px solid var(--clr-gold);
padding-bottom: 4px;
}

/* ---------- 7. TOMBOL AKSI (Submit / View PDF / dsb) ---------- */
.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link {
font-family: var(--font-body);
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
background: var(--clr-navy);
color: #ffffff;
border: none;
border-radius: var(--radius-md);
padding: 0.55rem 1.1rem;
transition: background var(--transition), transform var(--transition),
box-shadow var(--transition);
box-shadow: 0 3px 10px rgba(4, 61, 102, 0.25);
}
.cmp_manuscript_button:hover,
.block_make_submission a:hover,
.obj_galley_link:hover {
background: #032c4a;
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(4, 61, 102, 0.32);
color: #ffffff;
}

/* ---------- 8. KARTU RINGKASAN ARTIKEL ---------- */
.obj_article_summary {
position: relative;
background: var(--clr-bg-card);
padding: 20px;
border-radius: var(--radius-lg);
text-align: justify;
box-shadow: var(--shadow-card);
transition: box-shadow var(--transition), transform var(--transition);
margin-bottom: 12px;
}
.obj_article_summary:hover {
box-shadow: var(--shadow-card-hover);
transform: translateY(-3px);
}

/* Lapisan aksen tipis di belakang kartu — signature style, satu layer saja */
.obj_article_summary::before {
content: "";
position: absolute;
inset: 0;
background: var(--clr-navy);
border-radius: var(--radius-lg);
transform: translate(6px, 6px);
z-index: -1;
opacity: 0.85;
}

.obj_article_summary > .title {
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.45rem;
font-weight: 700;
border-bottom: none;
margin: 0 0 6px;
}
.obj_article_summary > .title a {
display: block;
text-decoration: none;
font-size: 14px;
color: var(--clr-navy);
transition: color var(--transition);
}
.obj_article_summary > .title a:hover {
color: var(--clr-gold);
}

/* ---------- 9. ISSUE / TOC DESCRIPTION CARD ---------- */
.obj_issue_summary .description p:last-child {
position: relative;
padding: 18px 20px;
border-radius: var(--radius-md);
background: #ffffff;
z-index: 1;
}
.obj_issue_summary .description p:last-child::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
135deg,
rgba(4, 61, 102, 0.06) 0%,
rgba(75, 125, 146, 0.05) 60%,
rgba(255, 255, 255, 1) 100%
);
border-radius: var(--radius-md);
z-index: -1;
}

.current_issue {
margin-bottom: 10px !important;
padding-bottom: 0 !important;
}
.section { margin-top: 10px !important; }
.issue-toc { margin-top: 10px !important; }
.pkp_page_index .current_issue .read_more { margin-top: 30px; }

/* ---------- 10. TIM EDITORIAL / AFILIASI ---------- */
.team-aff ul li .tm_label {
display: inline-block;
width: 80px;
}
.team-aff ul li .ico-label {
width: 18px;
height: 18px;
margin-right: 0.5rem;
}

/* ---------- 11. SIDEBAR MENU ("kepala" / "badan") ---------- */
.kepala {
background-color: var(--clr-navy-dark);
color: #fff;
padding: 1rem;
border-bottom: 0.3rem solid var(--clr-gold);
font-weight: bold;
border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.badan { margin-top: -12px; }

.badan a {
display: block;
text-decoration: none;
padding: 0.8rem;
background-color: #eef2f6;
color: #000000;
border-bottom: 2px solid #ffffff;
transition: 0.35s;
position: relative;
z-index: 1;
overflow: hidden;
}
.badan .fa { padding-right: 10px; }

.badan a:hover {
background-color: #fdf3d9;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
color: #000;
}
.badan a::after {
content: "";
position: absolute;
width: 100%;
height: 0.2rem;
background-color: var(--clr-gold);
left: 0;
bottom: 0;
transform: scaleX(0);
transform-origin: left;
transition: 500ms;
}
.badan a:hover::after { transform: scaleX(1); }

/* ---------- 12. FOOTER ---------- */
.pkp_brand_footer { display: none; }
.pkp_structure_footer_wrapper { background: var(--clr-bg-page); }
.pkp_footer_content { background-color: #ffffff !important; }

/* ---------- 13. HALAMAN CONTACT ---------- */
.page_about .page_title { display: none; }

.page_about_contact {
max-width: 900px;
margin: 0 auto;
padding: 40px 20px;
font-family: var(--font-body);
line-height: 1.7;
color: var(--clr-ink);
}
.page_about_contact h1 {
font-size: 28px;
font-weight: 700;
margin-bottom: 30px;
text-align: center;
color: var(--clr-navy);
}
.page_about_contact h2 {
font-size: 20px;
font-weight: 600;
margin-top: 30px;
margin-bottom: 15px;
color: var(--clr-teal);
border-left: 5px solid var(--clr-gold);
padding-left: 12px;
}
.page_about_contact .contact {
background: #ffffff;
border-radius: var(--radius-md);
padding: 20px 25px;
margin-bottom: 25px;
box-shadow: var(--shadow-card);
transition: box-shadow var(--transition);
}
.page_about_contact .contact:hover {
box-shadow: var(--shadow-card-hover);
}
.page_about_contact .contact .name {
font-size: 16px;
font-weight: 600;
margin-bottom: 6px;
color: #000;
}
.page_about_contact .contact .affiliation {
font-size: 14px;
color: var(--clr-muted);
margin-bottom: 10px;
}
.page_about_contact .contact .email { font-size: 14px; }
.page_about_contact .contact .email a {
color: var(--clr-teal);
text-decoration: none;
font-weight: 500;
transition: color var(--transition);
}
.page_about_contact .contact .email a:hover {
color: var(--clr-navy);
text-decoration: underline;
}
.page_about_contact .contact .phone {
font-size: 14px;
margin-top: 6px;
color: #444;
}
@media (max-width: 768px) {
.page_about_contact { padding: 25px 15px; }
.page_about_contact h1 { font-size: 24px; }
.page_about_contact h2 { font-size: 18px; }
}

/* ---------- 14. FLEX FACTS (grid 2 kolom info artikel) ---------- */
.ojsFlexFacts {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
padding: 14px 18px 18px;
}
.ojsFlexItem {
flex: 1 1 calc(50% - 10px);
min-width: 260px;
border: 1px solid rgba(4, 61, 102, 0.08);
border-radius: var(--radius-lg);
padding: 12px;
background: #fff;
box-sizing: border-box;
transition: box-shadow var(--transition);
}
.ojsFlexItem:hover {
box-shadow: var(--shadow-card);
}
.ojsFlexItem .k {
font-size: 12px;
font-weight: 750;
color: var(--clr-muted);
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.ojsFlexItem .v {
font-size: 14px;
font-weight: 650;
color: rgba(0, 0, 0, 0.88);
line-height: 1.35;
}

/* ---------- 15. AKSESIBILITAS ---------- */
a:focus-visible,
button:focus-visible {
outline: 2px solid var(--clr-gold);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
* { transition: none !important; animation: none !important; }
}

/* ---------- 16. OVERRIDE CUSTOM HTML BLOCK SIDEBAR KANAN ----------
Blok ini (id="customblock-kanan") pakai inline style hardcoded
di HTML-nya (tiap baris = <table> terpisah), jadi override lewat
!important + attribute-selector yang mengunci warna asli inline-nya. */

/* Header pill: TEAM / JOURNAL POLICY / SUBMISSION (inline bg #00af50) */
#customblock-kanan table[style*="00af50"] {
background-color: var(--clr-navy-dark) !important;
border-bottom-color: var(--clr-gold) !important;
border-radius: var(--radius-md) !important;
}
#customblock-kanan table[style*="00af50"] span,
#customblock-kanan table[style*="00af50"] strong {
color: #ffffff !important;
}

/* Baris link: Editorial / Contact / dst (inline bg #ffffff) */
#customblock-kanan table[style*="ffffff"] {
background-color: #eef2f6 !important;
border-color: var(--clr-gold) !important;
transition: background-color var(--transition);
}
#customblock-kanan table[style*="ffffff"] span {
color: var(--clr-navy) !important;
font-weight: 600 !important;
}
#customblock-kanan table[style*="ffffff"]:hover {
background-color: #fdf3d9 !important;
}
#customblock-kanan table[style*="ffffff"]:hover span {
color: var(--clr-gold) !important;
}
#customblock-kanan a {
text-decoration: none !important;
}

/* ============================================================
17. HOMEPAGE POLISH — terinspirasi tata letak "majalah editorial"
(section header + garis aksen, current issue 2-kolom, CTA submit,
announcement cards) — semuanya CSS-only di atas tema yang ada,
tanpa ganti theme plugin.
============================================================ */

/* --- Section header (h2) di homepage: "Current Issue", "Announcements" dst --- */
.pkp_structure_main h2,
.pkp_page_index h2 {
font-family: var(--font-body);
font-size: 1.35rem;
font-weight: 800;
color: var(--clr-navy);
text-transform: uppercase;
letter-spacing: 0.04em;
padding-bottom: 10px;
margin-top: 36px;
margin-bottom: 18px;
border-bottom: 3px solid var(--clr-gold);
display: inline-block;
}

/* --- Current Issue: cover + deskripsi berdampingan, gaya editorial --- */
.pkp_page_index .current_issue {
display: flex;
flex-wrap: wrap;
gap: 24px;
align-items: flex-start;
background: var(--clr-bg-card);
border-radius: var(--radius-lg);
padding: 22px;
box-shadow: var(--shadow-card);
}
.pkp_page_index .current_issue .cover img,
.pkp_page_index .current_issue img {
border-radius: var(--radius-md);
box-shadow: 0 6px 16px rgba(4, 61, 102, 0.18);
max-width: 200px;
}
.pkp_page_index .current_issue .description {
flex: 1 1 320px;
}
.pkp_page_index .current_issue .title,
.pkp_page_index .current_issue h1,
.pkp_page_index .current_issue h2 {
border-bottom: none;
padding-bottom: 0;
margin-top: 0;
text-transform: none;
letter-spacing: normal;
}

/* --- Tombol "Make a Submission" jadi CTA yang menonjol --- */
.block_make_submission {
text-align: center;
margin: 28px 0;
}
.block_make_submission a {
display: inline-block;
padding: 0.75rem 2rem !important;
font-size: 0.95rem;
border-radius: 999px !important;
box-shadow: 0 6px 18px rgba(4, 61, 102, 0.3);
}

/* --- Announcement cards, gaya "Recent News" --- */
.pkp_page_index .announcements .item,
.announcements_home .item {
background: var(--clr-bg-card);
border-radius: var(--radius-md);
padding: 18px 20px;
margin-bottom: 14px;
box-shadow: var(--shadow-card);
border-left: 4px solid var(--clr-gold);
transition: box-shadow var(--transition), transform var(--transition);
}
.pkp_page_index .announcements .item:hover,
.announcements_home .item:hover {
box-shadow: var(--shadow-card-hover);
transform: translateX(3px);
}
.pkp_page_index .announcements .item .title,
.announcements_home .item .title {
color: var(--clr-navy);
font-weight: 700;
}

/* --- Footer: kasih struktur & pemisah tipis, matching palet --- */
.pkp_structure_footer_wrapper {
border-top: 3px solid var(--clr-teal);
padding-top: 24px;
margin-top: 40px;
}
.pkp_structure_footer_wrapper a {
color: var(--clr-navy);
transition: color var(--transition);
}
.pkp_structure_footer_wrapper a:hover {
color: var(--clr-gold);
}

@media (max-width: 768px) {
.pkp_page_index .current_issue {
flex-direction: column;
align-items: center;
text-align: center;
}
}

/* ============================================================
18. TAMPILAN ALA DEMO "ACADEMIC PRO EXTENDED" (palet Kemensos)
Ditambahkan 4 Nov 2026. Untuk kembali ke tampilan sebelumnya,
hapus seluruh bagian 18 ini (atau unggah ulang CSS asli 12 Agu 2026).
============================================================ */
:root {
--grad-brand: linear-gradient(120deg, #01355a 0%, #043d66 60%, #c9962c 170%);
--grad-gold: linear-gradient(135deg, #e3b659 0%, #c9962c 55%, #8a6414 125%);
}

/* --- Bilah atas (user bar): gradasi navy ke emas, teks putih --- */
.user_navigation {
background: var(--grad-brand);
}
.user_navigation a,
.user_navigation .dropdown-toggle,
.user_navigation .navbar-text {
color: #ffffff !important;
}
.user_navigation .dropdown-menu a {
color: var(--clr-navy) !important;
}

/* --- Latar halaman: pola berlian tipis --- */
html, body {
background-color: var(--clr-bg-page);
background-image:
linear-gradient(135deg, rgba(4, 61, 102, 0.035) 25%, transparent 25%),
linear-gradient(225deg, rgba(4, 61, 102, 0.035) 25%, transparent 25%),
linear-gradient(45deg, rgba(4, 61, 102, 0.035) 25%, transparent 25%),
linear-gradient(315deg, rgba(4, 61, 102, 0.035) 25%, var(--clr-bg-page) 25%);
background-size: 40px 40px;
background-position: 20px 0, 20px 0, 0 0, 0 0;
}

/* --- Judul blok sidebar: gradasi emas --- */
.pkp_block .title {
background: var(--grad-gold);
color: #ffffff !important;
padding: 12px 16px;
margin: 0 0 8px;
border: none;
border-radius: var(--radius-md) var(--radius-md) 0 0;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: none;
display: block;
}

/* --- Tombol "View All Issues" bergaya emas --- */
a.btn.btn-info.read-more {
background: var(--grad-gold);
border: none;
color: #ffffff;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
border-radius: var(--radius-md);
box-shadow: 0 4px 12px rgba(138, 100, 20, 0.28);
transition: transform var(--transition), box-shadow var(--transition);
}
a.btn.btn-info.read-more:hover {
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(138, 100, 20, 0.38);
color: #ffffff;
}

/* --- Slider beranda: bayangan lembut --- */
.header_slider {
border-radius: var(--radius-md);
overflow: hidden;
box-shadow: var(--shadow-card);
}

/* ===== 19. Footer, artikel, sidebar ala demo AED (warna Kemensos) ===== */
:root{--kf-navy:#01355a;--kf-navy2:#043d66;--kf-teal:#4b7d92;--kf-gold:#c9962c;--kf-gold-l:#e3b659;--kf-ink:#1f2937;}

/* --- Sidebar: satu keluarga warna (navy) + aksen emas tipis --- */
aside#sidebar .pkp_block .title,
aside#sidebar .pkp_block h2.title{background:linear-gradient(120deg,#01355a 0%,#043d66 70%,#4b7d92 130%)!important;color:#fff!important;border-bottom:3px solid var(--kf-gold);box-shadow:none!important;}
aside#sidebar .pkp_block{border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(1,53,90,.08);background:#fff;}
aside#sidebar table{width:100%!important;border:0!important;border-radius:0!important;border-collapse:collapse;margin:0!important;height:auto!important;}
aside#sidebar table td{border:0!important;padding:11px 16px!important;text-align:left!important;width:auto!important;}
aside#sidebar table[style*="#00af50"]{background:linear-gradient(120deg,#01355a,#043d66 70%,#4b7d92 130%)!important;border-bottom:3px solid var(--kf-gold)!important;}
aside#sidebar table[style*="#00af50"] *{color:#fff!important;font-weight:700;letter-spacing:.04em;}
aside#sidebar table:not([style*="#00af50"]){background:#fff!important;border-bottom:1px solid #e6ecf1!important;transition:background .2s,padding .2s;}
aside#sidebar table:not([style*="#00af50"]) a,aside#sidebar table:not([style*="#00af50"]) td{color:var(--kf-navy2)!important;font-weight:600;}
aside#sidebar table:not([style*="#00af50"]):hover{background:#fbf5e6!important;box-shadow:inset 4px 0 0 var(--kf-gold);}
aside#sidebar .block_web_feed a,aside#sidebar .pkp_block li a{color:var(--kf-navy2);}
aside#sidebar .pkp_block li a:hover{color:var(--kf-gold);}

/* --- Daftar artikel (issue TOC) lebih menarik --- */
.issue-toc section.section>h2,.issue-toc .section>h2,.issue-toc .section>h3{display:inline-block;background:linear-gradient(120deg,#01355a,#043d66);color:#fff!important;padding:8px 20px;border-radius:999px;border-left:6px solid var(--kf-gold);font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin:18px 0 14px;}
.issue-toc .article-summary{background:#fff;border-radius:14px;padding:18px 20px 12px;margin:0 0 16px!important;border:1px solid #e6ecf1;border-left:5px solid var(--kf-gold);box-shadow:0 4px 14px rgba(1,53,90,.07);transition:transform .2s,box-shadow .2s;}
.issue-toc .article-summary:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(1,53,90,.16);}
.issue-toc .article-summary h3.media-heading{margin:0 0 8px;}
.issue-toc .article-summary a.article_name{color:var(--kf-navy);font-weight:700;font-size:17px;line-height:1.45;text-decoration:none;}
.issue-toc .article-summary a.article_name:hover{color:var(--kf-gold);}
.issue-toc .article-summary .author,.issue-toc .article-summary .author a{color:var(--kf-navy2);}
.issue-toc .article-summary .author .fa-users{color:var(--kf-gold);}
.issue-toc .article-summary a.galley-link{background:linear-gradient(135deg,#e3b659,#c9962c 55%,#8a6414 125%)!important;color:#fff!important;border:0!important;border-radius:999px;padding:5px 16px;font-weight:700;box-shadow:0 3px 8px rgba(138,100,20,.25);}
.issue-toc .article-summary a.galley-link *{color:#fff!important;}
.issue-toc .article-summary .stat_counter{color:var(--kf-navy2);font-weight:600;}

/* --- Footer ala demo: gelap, 3 kolom, bar hak cipta --- */
footer#footer{background:#0c2a44!important;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.04) 25%,transparent 25%)!important;background-size:60px 60px!important;border-top:4px solid var(--kf-gold)!important;color:#c9d6e2!important;margin-top:40px;padding:0!important;height:auto!important;}
footer#footer .container-fluid{padding:0!important;}
footer#footer .kf-wrap{max-width:1140px;margin:0 auto;padding:44px 20px 30px;display:flex;flex-wrap:wrap;gap:36px;}
footer#footer .kf-col{flex:1 1 260px;min-width:220px;}
footer#footer .kf-col h4{color:#fff;font-size:18px;font-weight:700;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid var(--kf-gold);display:inline-block;}
footer#footer .kf-col p,footer#footer .kf-col li{color:#c9d6e2;font-size:14px;line-height:1.8;margin:0;}
footer#footer .kf-col ul{list-style:none;margin:0;padding:0;}
footer#footer .kf-col a{color:var(--kf-gold-l)!important;text-decoration:none;}
footer#footer .kf-col a:hover{color:#fff!important;}
footer#footer .kf-brand .kf-name{color:#fff;font-size:24px;font-weight:800;line-height:1.2;}
footer#footer .kf-brand .kf-name span{color:var(--kf-gold-l);}
footer#footer .kf-brand .kf-tag{margin-top:10px;}
footer#footer .kf-brand .kf-issn{display:inline-block;margin-top:14px;padding:6px 14px;border-radius:999px;background:rgba(227,182,89,.14);border:1px solid rgba(227,182,89,.5);color:#fff;font-size:13px;font-weight:600;}
footer#footer .kf-bottom{background:rgba(0,0,0,.28);text-align:center;padding:16px 20px;font-size:13px;color:#a9bccd;}
footer#footer .kf-bottom a{color:var(--kf-gold-l)!important;}

/* 19b. perbaikan: kartu akreditasi, logo indeksasi, teks footer */
aside#sidebar .table-wrapper{overflow:hidden;}
aside#sidebar .table-wrapper table{table-layout:fixed;width:100%!important;max-width:100%;}
aside#sidebar .table-wrapper table td{padding:6px!important;text-align:center!important;}
aside#sidebar .table-wrapper table img{max-width:100%;height:auto;}
aside#sidebar table:not([style*="#00af50"]) td{background:transparent!important;}
aside#sidebar table:not([style*="#00af50"]) p{text-align:left!important;}
footer#footer .kf-col p,footer#footer .kf-col li{text-align:left!important;}

/* 20. Slider responsif di HP: tinggi mengikuti rasio gambar 2280x500 */
@media (max-width:991px){
  .header_slider,.header_slider .slick-list,.header_slider .slick-track,.header_slider .slick-slide,.header_slider .slick-slide>div,.header_slider .slick-slide p{height:auto!important;max-height:none!important;min-height:0!important;}
  .header_slider img{width:100%!important;height:auto!important;max-width:100%;display:block;}
  .header_slider .slick-slide p{margin:0;}
  .header_slider{border-radius:10px;}
}

/* 21. Blok Visitors & RSS: proporsional dan rata tengah */
#customblock-visitors .content,#customblock-visitors .pkp_block>div{padding:16px 18px!important;text-align:center;}
#customblock-visitors p{margin:0;text-align:center;}
#customblock-visitors a{display:block;}
#customblock-visitors img{width:100%!important;max-width:300px;height:auto!important;display:block;margin:0 auto;border-radius:10px;border:1px solid #e6ecf1!important;box-shadow:0 3px 10px rgba(1,53,90,.08);}
aside#sidebar .block_web_feed ul{padding:6px 18px 12px;margin:0;}
aside#sidebar .block_web_feed li{text-align:center;padding:10px 0;}
aside#sidebar .block_web_feed img{display:inline-block;transform:scale(1.15);}

/* 22. Logo header: tampil penuh dan proporsional (gambar 1500x150 sudah memuat nama jurnal) */
header#headerNavigationContainer .site-name{margin:0;}
header#headerNavigationContainer .logo_small{display:block;height:auto!important;width:auto!important;}
header#headerNavigationContainer .logo_small a{display:block;line-height:0;}
header#headerNavigationContainer .logo_small img{width:auto!important;max-width:none!important;display:block;}
header#headerNavigationContainer a.navbar-brand{display:none!important;}
@media (min-width:992px){
  header#headerNavigationContainer .logo_small img{height:68px!important;}
  header#headerNavigationContainer .site_header>.container{display:flex!important;align-items:center;flex-wrap:nowrap;gap:12px;}
  header#headerNavigationContainer .site_header>.container:before,header#headerNavigationContainer .site_header>.container:after{display:none!important;}
  header#headerNavigationContainer .navbar-header{float:none!important;flex:0 0 auto;height:auto!important;display:block!important;margin:0!important;padding:6px 0;}
  header#headerNavigationContainer .site_header nav.navbar-collapse{float:none!important;flex:1 1 auto;width:auto!important;height:auto!important;display:flex!important;align-items:center;justify-content:space-between;padding:0!important;margin:0!important;}
  header#headerNavigationContainer .site_header nav.navbar-collapse>ul{float:none!important;display:flex;flex-wrap:nowrap;white-space:nowrap;margin:0!important;}
  header#headerNavigationContainer .site_header nav.pull-right{float:none!important;width:auto!important;margin-left:auto;}
}
@media (max-width:991px){
  header#headerNavigationContainer .logo_small img{width:72vw!important;max-width:340px!important;height:auto!important;}
}