@import url(https://media.anwardani.id/css/ojs3/jkp-apmd.css);

/* =========================================================
   IZZAN OJS - CLEAN FINAL CSS
   ========================================================= */

:root {
  --izzan-purple: #5B21B6;--izzan-purple-dark: #4C1D95;--izzan-purple-soft: #F3E8FF;--izzan-purple-pale: #FAF5FF;--izzan-gold: #C8A96A;--izzan-text: #1E2D26;--izzan-muted: #5E6F69;--izzan-white: #FFFFFF;--izzan-border: #E5EEEA;--izzan-shadow: 0 8px 24px rgba(94, 53, 177, 0.06);--izzan-radius: 14px;--izzan-radius-sm: 10px;}

/* ===================== GLOBAL ===================== */
html, body {background: #ffffff !important;color: var(--izzan-text) !important;font-family: "Segoe UI", Arial, sans-serif !important;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

body {background-image: none !important;}

a {color: var(--izzan-purple) !important;text-decoration: none !important;transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease !important;}

a:hover,
a:focus {color: var(--izzan-purple-dark) !important;text-decoration: none !important;}

h1, h2, h3, h4, h5, h6,.page_title,.obj_article_details .page_title,.obj_article_details .main_entry h1,.pkp_site_name .is_text {color: var(--izzan-purple-dark) !important;font-weight: 800 !important;letter-spacing: -0.2px;}

p, li, td, th, div, span, label, small {color: var(--izzan-text);line-height: 1.75;}

hr {display: none !important;}

/* ===================== LAYOUT ===================== */
.pkp_structure_page,.pkp_structure_content,.pkp_structure_main,.pkp_structure_sidebar,.page,#container,#main-content {background: #ffffff !important;}

.pkp_structure_page {max-width: 1380px !important;margin: 0 auto !important;box-shadow: none !important;}

@media (min-width: 992px) {.pkp_structure_main {padding-right: 16px !important;}

.pkp_structure_sidebar {padding-left: 16px !important;}}

/* ===================== HEADER ===================== */
.pkp_structure_head {background: linear-gradient(135deg, #5B21B6, #4C1D95) !important;border: none !important;box-shadow: 0 6px 22px rgba(0,0,0,.08) !important;}

.pkp_head_wrapper {padding-top: 14px !important;padding-bottom: 14px !important;}

.pkp_site_name {margin: 0 !important;}

.pkp_site_name a,.pkp_site_name .is_text {color: #ffffff !important;}

.pkp_site_name img {max-height: 90px !important;}

/* ===================== NAVIGATION ===================== */
.pkp_site_nav_menu {background: #ffffff !important;border: none !important;box-shadow: 0 4px 14px rgba(0,0,0,.05) !important;padding: 8px 0 !important;position: relative !important;z-index: 20 !important;}

.pkp_navigation_primary_wrapper,.pkp_navigation_user_wrapper,.pkp_navigation_primary,.pkp_navigation_user {background: transparent !important;border: none !important;}

.pkp_navigation_primary > li > a,.pkp_navigation_user > li > a {color: var(--izzan-purple-dark) !important;font-weight: 700 !important;border-radius: 999px !important;padding: 10px 16px !important;display: inline-block !important;}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {background: linear-gradient(135deg, var(--izzan-purple), var(--izzan-purple-dark)) !important;color: #ffffff !important;box-shadow: 0 8px 18px rgba(94, 53, 177, 0.18) !important;transform: translateY(-1px);}

.pkp_navigation_primary > li > ul,.pkp_navigation_user > li > ul {background: #ffffff !important;border: 1px solid var(--izzan-border) !important;border-radius: 14px !important;box-shadow: 0 14px 30px rgba(0,0,0,.12) !important;overflow: hidden !important;min-width: 240px !important;padding: 8px 0 !important;}

.pkp_navigation_primary li ul a,.pkp_navigation_user li ul a {color: var(--izzan-purple-dark) !important;font-weight: 600 !important;padding: 12px 16px !important;display: block !important;}

.pkp_navigation_primary li ul a:hover,
.pkp_navigation_user li ul a:hover {background: var(--izzan-purple-soft) !important;}

/* ===================== GENERIC CARDS ===================== */
.pkp_block,.page_index_journal .current_issue,.obj_issue_summary,.obj_article_summary,.obj_announcement_summary,.page_issue_archive .issues_archive > li,.obj_article_details,.obj_issue_toc,.page_article .main_entry,.page_issue .issue_description,.page_about .journal-description,.page_search .obj_article_summary,.page_submissions .cmp_notification,.page_catalog_category .category,.page_login .login,.page_register .register,.page_lost_password .lost_password,.cmp_breadcrumbs {background: #ffffff !important;border: 1px solid var(--izzan-border) !important;border-radius: var(--izzan-radius) !important;box-shadow: var(--izzan-shadow) !important;}

.current_issue,.obj_issue_summary,.obj_article_summary,.obj_announcement_summary,.obj_article_details,.obj_issue_toc,.page_issue_archive .issues_archive > li {padding: 20px !important;margin-bottom: 16px !important;}

/* ===================== BREADCRUMBS ===================== */
.cmp_breadcrumbs {margin-top: 14px !important;margin-bottom: 10px !important;padding: 0 !important;}

.cmp_breadcrumbs ol {padding: 12px 18px !important;}

.cmp_breadcrumbs li,.cmp_breadcrumbs a {color: var(--izzan-muted) !important;font-size: 0.95rem !important;}

/* ===================== BUTTONS ===================== */
.pkp_button,.pkp_button_primary,.pkp_button_offset,.obj_galley_link,.cmp_manuscript_button,.block_make_submission a {background: linear-gradient(135deg, var(--izzan-purple), var(--izzan-purple-dark)) !important;color: #ffffff !important;border: none !important;border-radius: 999px !important;box-shadow: 0 8px 18px rgba(94, 53, 177, 0.18) !important;padding: 10px 16px !important;font-weight: 700 !important;text-decoration: none !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;}

.pkp_button:hover,
.pkp_button_primary:hover,
.pkp_button_offset:hover,
.obj_galley_link:hover,
.cmp_manuscript_button:hover,
.block_make_submission a:hover {background: linear-gradient(135deg, #7E22CE, #5B21B6) !important;color: #ffffff !important;transform: translateY(-1px);}

/* ===================== SIDEBAR ===================== */
.pkp_structure_sidebar .pkp_block {padding: 14px !important;margin-bottom: 12px !important;}

.pkp_structure_sidebar .pkp_block .title {color: var(--izzan-purple-dark) !important;font-size: 1rem !important;font-weight: 800 !important;text-align: center !important;margin: 0 0 10px 0 !important;padding: 9px 12px !important;border-radius: 999px !important;background: var(--izzan-purple-pale) !important;box-shadow: inset 0 0 0 1px rgba(23,109,93,.08) !important;line-height: 1.3 !important;}

.pkp_structure_sidebar .pkp_block .content,.pkp_structure_sidebar .pkp_block .content ul,.pkp_structure_sidebar .pkp_block .content p {margin-bottom: 0 !important;}

.pkp_structure_sidebar .pkp_block .content ul {list-style: none !important;padding-left: 0 !important;}

.pkp_structure_sidebar .pkp_block .content ul li {margin: 0 0 8px 0 !important;padding: 0 !important;}

/* QUICK MENU FIX */
.item_menu {display: block !important;position: relative !important;z-index: 2 !important;margin: 0 0 8px 0 !important;padding: 0 !important;background: none !important;border: none !important;box-shadow: none !important;overflow: visible !important;}

.item_menu a {display: block !important;width: 100% !important;box-sizing: border-box !important;pointer-events: auto !important;position: relative !important;z-index: 3 !important;background: linear-gradient(135deg, var(--izzan-purple), var(--izzan-purple-dark)) !important;color: #ffffff !important;text-decoration: none !important;font-weight: 700 !important;text-align: left !important;padding: 12px 16px !important;border-radius: 12px !important;line-height: 1.35 !important;font-size: 0.96rem !important;box-shadow: 0 6px 16px rgba(94, 53, 177, 0.10) !important;}

.item_menu a:hover,
.item_menu a:focus {background: linear-gradient(135deg, #7E22CE, #5B21B6) !important;color: #ffffff !important;transform: translateY(-1px);box-shadow: 0 10px 20px rgba(94, 53, 177, 0.15) !important;}

.pkp_structure_sidebar img {max-width: 100%;height: auto;display: block;}

.pkp_structure_sidebar .panel-heading a,.pkp_structure_sidebar .panel-body a,.pkp_structure_sidebar .content a {pointer-events: auto !important;position: relative !important;z-index: 2 !important;}

/* ===================== JOURNAL PROFILE ===================== */
.izzan-journal-profile {margin: 24px 0 10px 0;color: var(--izzan-text);}

.izzan-title {font-size: 2rem;font-weight: 800;margin: 0 0 20px 0;padding-bottom: 12px;border-bottom: 1px solid #e4ece5;color: var(--izzan-purple-dark);line-height: 1.3;}

.izzan-top {display: flex;gap: 26px;align-items: flex-start;flex-wrap: wrap;}

.izzan-cover {flex: 0 0 210px;max-width: 210px;}

.izzan-cover img {width: 100%;border-radius: 10px;box-shadow: 0 10px 26px rgba(0,0,0,0.12);display: block;}

.izzan-meta-box {flex: 1;min-width: 300px;background: #f7f8f7;border: 1px solid #dde7de;border-radius: 10px;padding: 20px 18px;}

.izzan-meta-grid {display: grid;grid-template-columns: repeat(2, minmax(220px, 1fr));gap: 18px 28px;}

.izzan-meta-item {line-height: 1.45;}

.izzan-label {font-size: 12px;font-weight: 800;text-transform: uppercase;color: #1f1f1f;margin-bottom: 6px;letter-spacing: 0.4px;}

.izzan-value,.izzan-value a {font-size: 1.02rem;color: var(--izzan-purple) !important;word-break: break-word;}

/* ===================== ARTICLE PAGE ===================== */
.page_article .obj_article_details {padding: 28px !important;box-sizing: border-box !important;}

.page_article .obj_article_details > .row {display: flex !important;flex-wrap: nowrap !important;align-items: flex-start !important;gap: 0 !important;}

.page_article .obj_article_details .main_entry {flex: 1 1 auto !important;width: auto !important;min-width: 0 !important;max-width: none !important;padding-left: 22px !important;padding-right: 28px !important;box-sizing: border-box !important;background: transparent !important;border: none !important;box-shadow: none !important;}

.page_article .obj_article_details .entry_details {flex: 0 0 300px !important;width: 300px !important;min-width: 300px !important;max-width: 300px !important;padding-left: 22px !important;margin-top: 0 !important;border-left: 1px solid #edf2ed !important;display: flex !important;flex-direction: column !important;gap: 14px !important;background: transparent !important;box-shadow: none !important;}

.page_article .obj_article_details .main_entry .item.authors img,.page_article .obj_article_details .main_entry .item.authors svg,.page_article .obj_article_details .main_entry .item.authors i,.page_article .obj_article_details .main_entry .item.authors .avatar,.page_article .obj_article_details .main_entry .item.authors .pkp_icon,.page_article .obj_article_details .main_entry .item.authors .fa,.page_article .obj_article_details .main_entry .item.authors [class*="fa-"],.page_article .obj_article_details .main_entry .item.authors [class*="avatar"],.page_article .obj_article_details .main_entry .item.authors .orcid,.page_article .obj_article_details .main_entry .item.authors .orcid-image,.page_article .obj_article_details .main_entry .item.authors::before,.page_article .obj_article_details .main_entry .item.authors .name::before,.page_article .obj_article_details .main_entry .item.authors .sub_item::before,.page_article .obj_article_details .main_entry .item.authors strong::before {display: none !important;content: none !important;}

.page_article .obj_article_details .main_entry .item.authors,.page_article .obj_article_details .main_entry .item.doi,.page_article .obj_article_details .main_entry .item.keywords {background: #ffffff !important;border: 1px solid var(--izzan-border) !important;border-radius: 16px !important;padding: 18px 20px !important;box-shadow: 0 6px 18px rgba(94, 53, 177, 0.04) !important;margin-bottom: 16px !important;box-sizing: border-box !important;}

.page_article .obj_article_details .main_entry .item.authors .label {display: none !important;}

.page_article .obj_article_details .main_entry .item.authors .sub_item {margin: 0 0 16px 0 !important;padding: 0 0 0 16px !important;border-left: 4px solid var(--izzan-purple-dark) !important;background: transparent !important;}

.page_article .obj_article_details .main_entry .item.authors .name,.page_article .obj_article_details .main_entry .item.authors strong {display: block !important;font-size: 1.06rem !important;font-weight: 800 !important;color: #1c2a1f !important;margin-bottom: 4px !important;line-height: 1.35 !important;}

.page_article .obj_article_details .main_entry .item.authors .affiliation,.page_article .obj_article_details .main_entry .item.authors .value,.page_article .obj_article_details .main_entry .item.authors .value div {color: var(--izzan-muted) !important;font-size: 0.98rem !important;line-height: 1.55 !important;}

.page_article .obj_article_details .main_entry .item.doi {background: linear-gradient(135deg, #F7FBF9, #EEF7F3) !important;border: 1px solid #D8E8E2 !important;}

.page_article .obj_article_details .main_entry .item.doi .label {display: inline-block !important;background: linear-gradient(135deg, var(--izzan-purple), var(--izzan-purple-dark)) !important;color: #ffffff !important;font-size: 0.88rem !important;font-weight: 800 !important;letter-spacing: 0.3px !important;text-transform: uppercase !important;padding: 7px 12px !important;border-radius: 999px !important;margin-bottom: 12px !important;box-shadow: 0 6px 14px rgba(94, 53, 177, 0.18) !important;}

.page_article .obj_article_details .main_entry .item.abstract {background: transparent !important;border: none !important;padding: 0 !important;margin-top: 8px !important;}

.page_article .obj_article_details .main_entry .item.abstract .label {font-size: 1.45rem !important;font-weight: 800 !important;color: #13261f !important;margin-bottom: 14px !important;}

.page_article .obj_article_details .main_entry .item.abstract .value {font-size: 1.04rem !important;line-height: 2.02 !important;color: #24342c !important;text-align: justify !important;text-justify: inter-word !important;max-width: 78ch !important;}

.page_article .obj_article_details .entry_details .item {background: #ffffff !important;border: 1px solid var(--izzan-border) !important;border-radius: 14px !important;padding: 16px !important;box-shadow: 0 8px 22px rgba(94, 53, 177, 0.04) !important;margin: 0 !important;}

.page_article .obj_article_details .entry_details .item .label {color: var(--izzan-purple-dark) !important;font-weight: 800 !important;font-size: 1rem !important;margin-bottom: 8px !important;}

.page_article .obj_article_details .entry_details .item .value,.page_article .obj_article_details .entry_details .item a {color: #25442a !important;line-height: 1.65 !important;font-size: 0.98rem !important;}

.page_article .obj_article_details .entry_details .item.issue {order: -40 !important;}

.page_article .obj_article_details .entry_details .item.galleys {order: -30 !important;}

.page_article .obj_article_details .entry_details .item.issue .cover,.page_article .obj_article_details .entry_details .cover {text-align: center !important;margin-top: 2px !important;margin-bottom: 14px !important;}

.page_article .obj_article_details .entry_details .item.issue img,.page_article .obj_article_details .entry_details .cover img {width: 100% !important;max-width: 190px !important;display: block !important;margin: 0 auto !important;border-radius: 14px !important;border: 1px solid #e6ebe6 !important;box-shadow: 0 14px 28px rgba(0,0,0,0.16) !important;}

/* ===================== TABLES ===================== */
table {background: #ffffff !important;border-collapse: separate !important;border-spacing: 0 !important;width: 100% !important;border: 1px solid var(--izzan-border) !important;border-radius: 12px !important;overflow: hidden !important;box-shadow: var(--izzan-shadow) !important;}

table th {background: #eef6ef !important;color: var(--izzan-purple-dark) !important;font-weight: 700 !important;}

table th,table td {padding: 12px 14px !important;border: none !important;}

/* ===================== FOOTER ===================== */
.pkp_structure_footer_wrapper {background: linear-gradient(135deg, var(--izzan-purple-dark), var(--izzan-purple)) !important;border: none !important;margin-top: 24px !important;}

.pkp_structure_footer,.pkp_footer_content,.pkp_brand_footer,.pkp_structure_footer a,.pkp_footer_content a {color: #ffffff !important;}

.pkp_footer_content {text-align: left !important;line-height: 1.8 !important;}

.izzan-footer-box {background: rgba(255,255,255,0.10) !important;border: 1px solid rgba(255,255,255,0.15) !important;}

.izzan-footer-box h4,.izzan-footer-heading,.izzan-footer-publisher h3 {color: #DDD6FE !important;font-weight: 800 !important;text-shadow: 0 1px 2px rgba(0,0,0,0.2);}

/* ===================== MOBILE ===================== */
@media (max-width: 991px) {.pkp_site_name .is_text {font-size: 1.5rem !important;}

.current_issue,.page_issue_archive .issues_archive > li,.obj_article_summary,.obj_issue_summary,.obj_announcement_summary,.obj_article_details,.obj_issue_toc,.pkp_block {padding: 16px !important;}

.pkp_navigation_primary > li > a,.pkp_navigation_user > li > a {padding: 9px 12px !important;font-size: 0.95rem !important;}

.pkp_structure_sidebar .pkp_block {padding: 12px !important;}

.pkp_structure_sidebar .pkp_block .title {font-size: 0.95rem !important;margin-bottom: 8px !important;padding: 8px 10px !important;}

.item_menu a {padding: 10px 12px !important;font-size: 0.93rem !important;}

.izzan-title {font-size: 1.5rem;}

.izzan-top {flex-direction: column;}

.izzan-cover {max-width: 180px;}

.izzan-meta-grid {grid-template-columns: 1fr;gap: 14px;}

.izzan-desc {font-size: 1rem;}

.page_article .obj_article_details {padding: 16px !important;}

.page_article .obj_article_details > .row {display: block !important;}

.page_article .obj_article_details .main_entry {width: 100% !important;max-width: 100% !important;padding-left: 10px !important;padding-right: 10px !important;}

.page_article .obj_article_details .entry_details {width: 100% !important;min-width: 0 !important;max-width: 100% !important;padding-left: 0 !important;border-left: none !important;margin-top: 20px !important;}

.page_article .obj_article_details .entry_details .item.issue img,.page_article .obj_article_details .entry_details .cover img {max-width: 180px !important;}

.page_article .obj_article_details .main_entry .page_title,.page_article .obj_article_details .main_entry h1 {font-size: 1.72rem !important;}

.page_article .obj_article_details .main_entry .item.abstract .value {max-width: 100% !important;font-size: 1rem !important;line-height: 1.86 !important;}}

/* =========================================================IZZAN FOOTER REBUILD - FULL CLEAN VERSIONScope: footer onlySafe to use with existing theme========================================================= */

/* WRAPPER */
.izzan-footer-full {background: linear-gradient(135deg, #4C1D95, #5B21B6) !important;color: #ffffff !important;margin-top: 32px !important;border-radius: 18px 18px 0 0 !important;box-shadow: 0 -8px 24px rgba(94, 53, 177, 0.12) !important;overflow: hidden !important;position: relative !important;z-index: 1 !important;}

.izzan-footer-full,.izzan-footer-full * {box-sizing: border-box !important;font-family: "Segoe UI", Arial, sans-serif !important;}

.izzan-footer-inner {max-width: 1200px !important;margin: 0 auto !important;padding: 28px 24px 18px !important;}

/* TOP BRAND BLOCK */
.izzan-footer-brand {display: flex !important;align-items: center !important;gap: 18px !important;padding-bottom: 18px !important;margin-bottom: 20px !important;border-bottom: 1px solid rgba(255,255,255,0.14) !important;}

.izzan-footer-logo {flex: 0 0 auto !important;}

.izzan-footer-logo img {width: 84px !important;max-width: 84px !important;height: auto !important;display: block !important;background: transparent !important;border: none !important;box-shadow: none !important;}

.izzan-footer-publisher {flex: 1 1 auto !important;}

.izzan-footer-heading,.izzan-footer-publisher h3 {margin: 0 0 8px 0 !important;font-size: 20px !important;line-height: 1.3 !important;color: #DDD6FE !important;font-weight: 800 !important;letter-spacing: 0.2px !important;text-shadow: 0 1px 2px rgba(0,0,0,0.18) !important;}

.izzan-footer-publisher p {margin: 0 !important;line-height: 1.8 !important;font-size: 15px !important;color: #ffffff !important;opacity: 1 !important;}

/* GRID */
.izzan-footer-info-grid {display: grid !important;grid-template-columns: repeat(3, minmax(0, 1fr)) !important;gap: 18px !important;margin-bottom: 18px !important;}

.izzan-footer-box {background: rgba(255,255,255,0.10) !important;border: 1px solid rgba(255,255,255,0.16) !important;border-radius: 14px !important;padding: 18px 16px !important;box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;min-height: 100% !important;}

.izzan-footer-box h4 {margin: 0 0 12px 0 !important;font-size: 17px !important;line-height: 1.35 !important;color: #DDD6FE !important;font-weight: 800 !important;letter-spacing: 0.2px !important;text-shadow: 0 1px 2px rgba(0,0,0,0.18) !important;}

.izzan-footer-box p {margin: 0 0 8px 0 !important;line-height: 1.75 !important;font-size: 14px !important;color: #ffffff !important;opacity: 1 !important;}

.izzan-footer-box p {margin-bottom: 0 !important;}

.izzan-footer-box strong {color: #ffffff !important;font-weight: 700 !important;}

.izzan-footer-box a {color: #ffffff !important;text-decoration: none !important;word-break: break-word !important;transition: color .2s ease, opacity .2s ease !important;}

.izzan-footer-box a,.izzan-footer-box a {color: #DDD6FE !important;text-decoration: underline !important;}

/* SOCIAL LINKS */
.izzan-social-links {display: flex !important;flex-wrap: wrap !important;gap: 10px !important;}

.izzan-social-links a {display: inline-flex !important;align-items: center !important;justify-content: center !important;padding: 8px 12px !important;border-radius: 999px !important;background: rgba(255,255,255,0.14) !important;font-size: 14px !important;font-weight: 700 !important;color: #ffffff !important;text-decoration: none !important;transition: all .22s ease !important;}

.izzan-social-links a,.izzan-social-links a {background: #ffffff !important;color: #4C1D95 !important;text-decoration: none !important;transform: translateY(-1px) !important;}

/* BOTTOM */
.izzan-footer-bottom {text-align: center !important;padding-top: 14px !important;border-top: 1px solid rgba(255,255,255,0.14) !important;}

.izzan-footer-bottom p {margin: 0 !important;font-size: 14px !important;color: #F4F4F4 !important;line-height: 1.7 !important;}

.izzan-footer-bottom strong {color: #ffffff !important;font-weight: 700 !important;}

/* RESET IN CASE GLOBAL CSS MAKES FOOTER DARK/TINTED */
.izzan-footer-full p,.izzan-footer-full div,.izzan-footer-full span,.izzan-footer-full li,.izzan-footer-full small {color: inherit !important;}

.izzan-footer-full img {max-width: 100% !important;height: auto !important;}

/* RESPONSIVE */
@media (max-width: 991px) {.izzan-footer-info-grid {grid-template-columns: 1fr !important;}}

@media (max-width: 768px) {.izzan-footer-brand {flex-direction: column !important;align-items: flex-start !important;}

.izzan-footer-logo img {width: 70px !important;max-width: 70px !important;}}

@media (max-width: 600px) {.izzan-footer-inner {padding: 22px 16px 14px !important;}

.izzan-footer-heading,.izzan-footer-publisher h3 {font-size: 18px !important;}

.izzan-footer-publisher p,.izzan-footer-box p,.izzan-footer-bottom p {font-size: 13px !important;}}

/* =========================HEADER LOGO - dibuat kecil di samping========================= */

/* Umum: batasi ukuran logo header */
.pkp_site_name .is_img img,.pkp_site_name img,.pkp_site_name_wrapper img {max-height: 70px;width: auto;height: auto;object-fit: contain;}

/* Jika tema menampilkan logo + judul, rapikan sejajar */
.pkp_site_name,.pkp_site_name_wrapper,.pkp_head_wrapper .pkp_site_name {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}

/* Mobile: lebih kecil lagi supaya hemat ruang */
@media (max-width: 768px) {.pkp_site_name .is_img img,.pkp_site_name img,.pkp_site_name_wrapper img {max-height: 42px;}

.pkp_site_name,.pkp_site_name_wrapper,.pkp_head_wrapper .pkp_site_name {gap: 8px;}}

/* =========================FOOTER LOGO - diperkecil========================= */

/* Semua logo/footer badges */
.pkp_structure_footer_wrapper img,.pkp_brand_footer img,.page_footer img,footer img {max-height: 38px;width: auto;height: auto;object-fit: contain;margin: 4px 6px;}

/* Mobile footer lebih ringkas */
@media (max-width: 768px) {.pkp_structure_footer_wrapper img,.pkp_brand_footer img,.page_footer img,footer img {max-height: 28px;}}

/* =========================FOOTER LOGO - bergerak halus========================= */

@keyframes logoFloat {0%   { transform: translateY(0); }50%  { transform: translateY(-4px); }100% { transform: translateY(0); }}

/* Terapkan animasi ke logo footer saja */
.pkp_structure_footer_wrapper img,.pkp_brand_footer img,.page_footer img,footer img {animation: logoFloat 3s ease-in-out infinite;}

/* Supaya tidak terlalu ramai di perangkat yang sensitif animasi /@media (prefers-reduced-motion: reduce) {.pkp_structure_footer_wrapper img,.pkp_brand_footer img,.page_footer img,footer img {animation: none;}}/ ===== HEADER SITE LOGO ===== /.pkp_site_name img,.pkp_site_name_wrapper img,.pkp_head_wrapper .pkp_site_name img,.pkp_navigation_primary_wrapper img {max-height: 45px !important;width: auto !important;height: auto !important;}/ ===== HEADER LOGO (ukuran diperbesar lagi) ===== */
.pkp_site_name img,.pkp_site_name_wrapper img,.pkp_head_wrapper .pkp_site_name img,.pkp_navigation_primary_wrapper img {max-height: 70px !important;width: auto !important;height: auto !important;}

/* Mobile /@media (max-width: 768px) {.pkp_site_name img,.pkp_site_name_wrapper img,.pkp_head_wrapper .pkp_site_name img,.pkp_navigation_primary_wrapper img {max-height: 55px !important;}}/ ===== HEADER LOGO FIX PROPORSI ===== */
.pkp_site_name img,.pkp_site_name_wrapper img,.pkp_head_wrapper .pkp_site_name img {max-height: 100px !important;width: auto !important;height: auto !important;}

/* Mobile tetap lebih kecil /@media (max-width: 768px) {.pkp_site_name img,.pkp_site_name_wrapper img,.pkp_head_wrapper .pkp_site_name img {max-height: 70px !important;}}/ HEADER HOVER /.pkp_head_wrapper {background-color: #6D28D9;transition: 0.3s;}/ MENU HOVER /.pkp_navigation_primary > li > a {background-color: #6D28D9; / hijau yang tadi /color: #ffffff !important;transition: 0.3s;}/ =========================EDITORIAL TEAM - FIX SESUAI HTML========================= */

/* reset list */
.group .editorial-list ul.list-unstyled {list-style: none !important;margin: 0 !important;padding: 0 !important;}

/* tiap item editor */
.group .editorial-list ul.list-unstyled > li {display: flex !important;align-items: flex-start !important;gap: 18px !important;margin-bottom: 24px !important;padding-bottom: 16px !important;border-bottom: 1px solid #e5e5e5 !important;}

/* wadah foto */
.group .editorial-list .img-profile {flex: 0 0 150px !important;width: 150px !important;}

/* kotak foto */
.group .editorial-list .imgthumb {width: 150px !important;height: 190px !important;overflow: hidden !important;border-radius: 8px !important;background: #f3f3f3 !important;border: 1px solid #ddd !important;}

/* gambar editor */
.group .editorial-list .imgthumb img {width: 150px !important;height: 190px !important;object-fit: cover !important;object-position: center top !important;display: block !important;}

/* area teks */
.group .editorial-list .team-content {flex: 1 1 auto !important;min-width: 0 !important;}

.group .editorial-list .team-aff ul.list-unstyled {margin: 0 !important;padding: 0 !important;}

.group .editorial-list .team-aff ul.list-unstyled li {margin-bottom: 4px !important;line-height: 1.5 !important;word-break: break-word !important;}

/* judul grup */
.group > h2 {margin-top: 28px !important;margin-bottom: 16px !important;}

/* mobile */
@media (max-width: 768px) {.group .editorial-list ul.list-unstyled > li {flex-direction: column !important;gap: 10px !important;}

.group .editorial-list .img-profile,.group .editorial-list .imgthumb,.group .editorial-list .imgthumb img {width: 130px !important;height: 165px !important;}}

/* =========================EDITORIAL TEAM - KILLER VERSION========================= */

.editor-group {margin: 0 0 36px 0;}

.editor-group h2 {font-size: 24px;font-weight: 700;color: #5B21B6;margin: 0 0 18px 0;padding-bottom: 8px;border-bottom: 3px solid #5B21B6;}

.editor-card {display: flex;align-items: flex-start;gap: 20px;background: #ffffff;border: 1px solid #e3e7ea;border-radius: 14px;padding: 18px;margin-bottom: 18px;box-shadow: 0 4px 14px rgba(0,0,0,0.06);transition: transform 0.25s ease, box-shadow 0.25s ease;}

.editor-card {transform: translateY(-3px);box-shadow: 0 10px 24px rgba(0,0,0,0.10);}

.editor-photo {flex: 0 0 150px;}

.editor-photo img {width: 150px;height: 190px;object-fit: cover;object-position: center top;border-radius: 10px;display: block;border: 1px solid #d9d9d9;background: #f7f7f7;}

.editor-info {flex: 1 1 auto;min-width: 0;}

.editor-info h3 {margin: 0 0 10px 0;font-size: 20px;line-height: 1.3;color: #1c1c1c;}

.editor-info p {margin: 0 0 8px 0;line-height: 1.6;color: #444;font-size: 15px;}

.editor-info a {color: #5B21B6;font-weight: 600;text-decoration: none;}

.editor-info a {text-decoration: underline;}

/* mobile */
@media (max-width: 768px) {.editor-card {flex-direction: column;align-items: center;text-align: center;padding: 16px;}

.editor-photo {flex: none;}

.editor-photo img {width: 140px;height: 175px;}

.editor-info h3 {font-size: 18px;}

.editor-info p {font-size: 14px;}}

/* =========================ICON BUTTON STYLE========================= */

.editor-meta a {display: inline-flex;align-items: center;gap: 6px;padding: 7px 12px;border-radius: 999px;font-size: 13px;font-weight: 600;color: #fff !important;text-decoration: none;transition: all 0.3s ease;}

/* ICON BULAT */
.editor-meta .icon {display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: 50%;font-size: 12px;font-weight: bold;background: rgba(255,255,255,0.2);}

/* SCOPUS */
.editor-meta a.scopus {background: linear-gradient(135deg, #ff6a00, #ff8c1a);}

.editor-meta a.scopus {background: linear-gradient(135deg, #e55d00, #ff6a00);transform: translateY(-2px);}

/* SCHOLAR */
.editor-meta a.scholar {background: linear-gradient(135deg, #4285F4, #6ea0ff);}

.editor-meta a.scholar {background: linear-gradient(135deg, #3367d6, #4285F4);transform: translateY(-2px);}

/* =========================FIX UKURAN FOTO (WAJIB)========================= */

.editor-photo {width: 100%;height: 240px;          /* tinggi seragam */
overflow: hidden;background: #f3f3f3;}

.editor-photo img,.editor-card > img {width: 100% !important;height: 240px !important;object-fit: cover !important;        /* crop otomatis /object-position: center top;         / fokus wajah */
display: block;}.editor-photo {height: 220px;overflow: hidden;}

.editor-photo img {width: 100%;height: 100%;object-fit: cover;}

/* =========================BADGE MINI========================= */

.editor-badges {display: flex;flex-wrap: wrap;gap: 8px;margin: 10px 0 12px;}

.editor-badge {display: inline-flex;align-items: center;gap: 6px;padding: 5px 10px;border-radius: 999px;font-size: 12px;font-weight: 700;line-height: 1;color: #fff;text-transform: uppercase;letter-spacing: 0.3px;}

.editor-badge .badge-icon {display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: 50%;background: rgba(255,255,255,0.2);font-size: 10px;font-weight: 700;}

.badge-scopus {background: linear-gradient(135deg, #ff6a00, #ff8c1a);}

.badge-scholar {background: linear-gradient(135deg, #4285F4, #6ea0ff);}

.badge-sinta {background: linear-gradient(135deg, #8E24AA, #AB47BC);}

/* =========================NEGARA + FLAG========================= */

.editor-country {display: inline-flex;align-items: center;gap: 8px;font-weight: 600;color: #6D28D9;margin-top: 6px;}

.editor-country::before {content: "";font-size: 18px;line-height: 1;}

/* daftar flag */
.country-id::before { content: "🇮🇩"; }.country-au::before { content: "🇦🇺"; }.country-us::before { content: "🇺🇸"; }.country-ng::before { content: "🇳🇬"; }.country-pk::before { content: "🇵🇰"; }.country-vn::before { content: "🇻🇳"; }.country-za::before { content: "🇿🇦"; }

/* =====================================JOURNAL SHOWCASE===================================== */

.journal-showcase {display: grid;grid-template-columns: 360px minmax(0, 1fr);gap: 34px;align-items: start;max-width: 1180px;margin: 0 auto;padding: 10px 0;}

/* LEFT SIDE */
.journal-cover-panel {position: sticky;top: 20px;}

.journal-cover-card {background: #ffffff;border: 1px solid #e5e7eb;border-radius: 18px;padding: 18px;box-shadow: 0 10px 30px rgba(0,0,0,0.08);transition: transform 0.35s ease, box-shadow 0.35s ease;}

.journal-cover-card {transform: translateY(-6px);box-shadow: 0 18px 40px rgba(0,0,0,0.14);}

.journal-cover-image {display: block;width: 100%;height: auto;border-radius: 12px;}

/* RIGHT SIDE */
.journal-about-box {background: #ffffff;border: 1px solid #e5e7eb;border-radius: 20px;padding: 30px 32px;box-shadow: 0 8px 24px rgba(0,0,0,0.06);}

.journal-label {display: inline-block;margin-bottom: 12px;padding: 6px 12px;border-radius: 999px;background: rgba(103, 58, 183,0.08);color: #6D28D9;font-size: 12px;font-weight: 700;letter-spacing: 0.4px;text-transform: uppercase;}

.journal-about-box h2 {margin: 0 0 8px;font-size: 32px;line-height: 1.2;color: #163b34;}

.journal-subtitle {margin: 0 0 14px;font-size: 18px;line-height: 1.5;color: #4b5563;}

.journal-meta {margin: 0 0 18px;font-size: 15px;color: #374151;}

.journal-meta a {color: #6D28D9;font-weight: 700;text-decoration: none;}

.journal-meta a {text-decoration: underline;}

.journal-about-box > p {font-size: 15px;line-height: 1.85;color: #374151;}

/* SCOPE */
.journal-scope-list {margin-top: 24px;display: grid;gap: 16px;}

.scope-item {border: 1px solid #e8ecef;border-radius: 14px;padding: 16px 18px;background: #fcfcfc;transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;}

.scope-item {transform: translateY(-4px);box-shadow: 0 10px 22px rgba(0,0,0,0.07);border-color: rgba(103, 58, 183,0.25);}

.scope-item h3 {margin: 0 0 8px;font-size: 17px;color: #6D28D9;}

.scope-item p {margin: 0;font-size: 14px;line-height: 1.8;color: #4b5563;}

/* FREQUENCY */
.journal-frequency {margin-top: 24px;padding: 18px 20px;border-radius: 14px;background: linear-gradient(180deg, rgba(103, 58, 183,0.05), rgba(103, 58, 183,0.02));border: 1px solid rgba(103, 58, 183,0.12);}

.freq-label {display: inline-block;margin-bottom: 8px;font-size: 12px;font-weight: 700;letter-spacing: 0.4px;text-transform: uppercase;color: #6D28D9;}

.journal-frequency p {margin: 0;font-size: 15px;line-height: 1.8;color: #374151;}

/* MOBILE */
@media (max-width: 900px) {.journal-showcase {grid-template-columns: 1fr;gap: 24px;}

.journal-cover-panel {position: static;}

.journal-cover-card {max-width: 360px;margin: 0 auto;}

.journal-about-box {padding: 24px 20px;}

.journal-about-box h2 {font-size: 27px;}

.journal-subtitle {font-size: 16px;}}

/* =========================ELEGANT FOOTER========================= */

.footer-elegant {max-width: 1100px;margin: 0 auto;text-align: center;color: #f5f5f5;}

/* logo indexing */
.footer-indexing {display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;margin-bottom: 24px;}

.footer-indexing a {display: inline-flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.10);border-radius: 10px;padding: 8px 10px;transition: all 0.3s ease;}

.footer-indexing a {transform: translateY(-3px);background: rgba(255,255,255,0.12);border-color: rgba(255,255,255,0.18);}

.footer-indexing img {max-width: 90px;max-height: 34px;width: auto;height: auto;display: block;}

/* license */
.footer-license {margin: 20px auto;max-width: 850px;font-size: 14px;line-height: 1.8;}

.footer-license a {color: #ffffff;text-decoration: underline;}

.cc-badge {display: inline-block;margin-top: 10px;}

.cc-badge img {display: block;margin: 0 auto;}

/* publisher */
.footer-publisher {margin-top: 18px;padding-top: 16px;border-top: 1px solid rgba(255,255,255,0.15);}

.footer-publisher p {margin: 6px 0;font-size: 14px;}

/* mobile */
@media (max-width: 768px) {.footer-indexing {gap: 10px;}

.footer-indexing img {max-width: 78px;max-height: 30px;}

.footer-license,.footer-publisher p {font-size: 13px;}}

/* =========================FOOTER BACKGROUND HOVER========================= */

.footer-elegant {background: #3B0764;transition: background 0.6s ease;}

.footer-elegant {background: linear-gradient(135deg, #6D28D9, #C4B5FD);}

/* =========================SLIDER LOGO========================= */

.footer-slider {overflow: hidden;margin-bottom: 20px;}

.footer-track {display: flex;width: max-content;animation: scrollFooter 30s linear infinite;}

.footer-logos {display: flex;gap: 30px;align-items: center;padding-right: 30px;}

.footer-logos img {height: 34px;width: auto;opacity: 0.85;transition: 0.3s;}

.footer-logos img {opacity: 1;transform: scale(1.08);}

/* animasi jalan /@keyframes scrollFooter {from {transform: translateX(0);}to {transform: translateX(-50%);}}/ =========================FOOTER 2 BAGIAN========================= */

.footer-clean {max-width: 1100px;margin: 0 auto;color: #f5f5f5;}

/* BAGIAN ATAS */
.footer-top {padding: 18px 0 22px;border-bottom: 1px solid rgba(255,255,255,0.14);}

.footer-logos {display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;}

.footer-logos a {display: inline-flex;align-items: center;justify-content: center;padding: 8px 10px;border-radius: 10px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);transition: all 0.3s ease;}

.footer-logos a {transform: translateY(-2px);background: rgba(255,255,255,0.12);}

.footer-logos img {max-width: 90px;max-height: 34px;width: auto;height: auto;display: block;}

/* BAGIAN BAWAH */
.footer-bottom {padding: 24px 0 10px;text-align: center;}

.footer-journal-info h3 {margin: 0 0 12px;font-size: 18px;line-height: 1.5;color: #ffffff;}

.footer-journal-info p,.footer-license p {margin: 6px 0;font-size: 14px;line-height: 1.8;}

.footer-license {margin-top: 16px;}

.footer-license a {color: #ffffff;text-decoration: underline;}

.cc-badge {display: inline-block;margin-top: 12px;}

.cc-badge img {display: block;margin: 0 auto;}

/* MOBILE */
@media (max-width: 768px) {.footer-logos {gap: 10px;}

.footer-logos img {max-width: 78px;max-height: 30px;}

.footer-journal-info h3 {font-size: 16px;}

.footer-journal-info p,.footer-license p {font-size: 13px;}}

/* =========================CLEAN FOOTER WITH 3 BOXES========================= */

.footer-clean {max-width: 1150px;margin: 0 auto;color: #f5f5f5;}

/* TOP LOGOS */
.footer-top {padding: 18px 0 24px;border-bottom: 1px solid rgba(255,255,255,0.14);}

.footer-logos {display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;}

.footer-logos a {display: inline-flex;align-items: center;justify-content: center;padding: 8px 10px;border-radius: 10px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);transition: all 0.3s ease;}

.footer-logos a {transform: translateY(-2px);background: rgba(255,255,255,0.12);}

.footer-logos img {max-width: 90px;max-height: 34px;width: auto;height: auto;display: block;}

/* BOTTOM 3 BOXES */
.footer-bottom-boxes {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;padding: 28px 0 20px;}

.footer-box {padding: 22px 26px;border-radius: 18px;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.10);box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);}

.footer-box h3 {margin: 0 0 16px;font-size: 18px;color: #ffd24d;}

.footer-box p {margin: 0 0 12px;font-size: 15px;line-height: 1.7;}

.footer-box strong {color: #ffffff;}

/* SOCIAL BUTTONS */
.footer-socials {display: flex;flex-wrap: wrap;gap: 12px;}

.footer-socials a {display: inline-block;padding: 10px 18px;border-radius: 999px;background: rgba(255,255,255,0.12);color: #ffffff;text-decoration: none;font-weight: 600;transition: all 0.3s ease;}

.footer-socials a {background: rgba(255,255,255,0.20);transform: translateY(-2px);}

/* LICENSE */
.footer-license {padding: 10px 0 6px;text-align: center;border-top: 1px solid rgba(255,255,255,0.12);}

.footer-license p {margin: 14px auto 10px;max-width: 900px;font-size: 14px;line-height: 1.8;}

.footer-license a {color: #ffffff;text-decoration: underline;}

.cc-badge {display: inline-block;margin-top: 8px;}

.cc-badge img {display: block;margin: 0 auto;}

/* MOBILE */
@media (max-width: 900px) {.footer-bottom-boxes {grid-template-columns: 1fr;}}

@media (max-width: 768px) {.footer-logos {gap: 10px;}

.footer-logos img {max-width: 78px;max-height: 30px;}

.footer-box p,.footer-license p {font-size: 13px;}

.footer-box h3 {font-size: 17px;}}.footer-box {background: rgba(0,0,0,0.25);}

.footer-box p,.footer-box h3 {color: #ffffff;text-shadow: 0 1px 2px rgba(0,0,0,0.4);}.footer-box h3 {display: inline-block;padding: 6px 12px;border-radius: 6px;

background: linear-gradient(135deg, #C4B5FD, #E9D5FF);color: #1a1a1a; /* biar kontras */

font-weight: 700;letter-spacing: 0.4px;}.obj_article_details .authors li.author_item {display: flex;flex-direction: column;position: relative;padding-left: 34px;margin-bottom: 14px;list-style: none;}

.obj_article_details .authors li.author_item::before {content: "";position: absolute;left: 0;top: 2px;width: 24px;height: 16px;background-size: cover;background-position: center;background-repeat: no-repeat;border: 1px solid #ddd;border-radius: 2px;}

/* country label */
.obj_article_details .authors .author_country {font-size: 12px;color: #666;margin-top: 4px;}

/* flags */
.obj_article_details .authors li.author_item[data-country="ID"]::before { background-image: url("https://flagcdn.com/w40/id.png"); }.obj_article_details .authors li.author_item[data-country="TH"]::before { background-image: url("https://flagcdn.com/w40/th.png"); }.obj_article_details .authors li.author_item[data-country="MY"]::before { background-image: url("https://flagcdn.com/w40/my.png"); }.obj_article_details .authors li.author_item[data-country="IN"]::before { background-image: url("https://flagcdn.com/w40/in.png"); }.obj_article_details .authors li.author_item[data-country="AU"]::before { background-image: url("https://flagcdn.com/w40/au.png"); }.obj_article_details .authors li.author_item[data-country="GH"]::before { background-image: url("https://flagcdn.com/w40/gh.png"); }.obj_article_details .authors li.author_item[data-country="AR"]::before { background-image: url("https://flagcdn.com/w40/ar.png"); }.obj_article_details .authors li.author_item[data-country="AO"]::before { background-image: url("https://flagcdn.com/w40/ao.png"); }.obj_article_details .authors li.author_item[data-country="GB"]::before { background-image: url("https://flagcdn.com/w40/gb.png"); }.obj_article_details .authors li.author_item[data-country="AF"]::before { background-image: url("https://flagcdn.com/w40/af.png"); }.obj_article_details .authors li.author_item[data-country="NL"]::before { background-image: url("https://flagcdn.com/w40/nl.png"); }.obj_article_details .authors li.author_item[data-country="UZ"]::before { background-image: url("https://flagcdn.com/w40/uz.png"); }.obj_article_details .authors li.author_item[data-country="US"]::before { background-image: url("https://flagcdn.com/w40/us.png"); }.obj_article_details .authors li.author_item[data-country="CA"]::before { background-image: url("https://flagcdn.com/w40/ca.png"); }.obj_article_details .authors li.author_item[data-country="KE"]::before { background-image: url("https://flagcdn.com/w40/ke.png"); }.obj_article_details .authors li.author_item[data-country="PK"]::before { background-image: url("https://flagcdn.com/w40/pk.png"); }.obj_article_details .authors li.author_item[data-country="NG"]::before { background-image: url("https://flagcdn.com/w40/ng.png"); }.obj_article_details .authors li.author_item[data-country="TL"]::before { background-image: url("https://flagcdn.com/w40/tl.png"); }.obj_article_details .authors li.author_item[data-country="TR"]::before { background-image: url("https://flagcdn.com/w40/tr.png"); }.issue_summary_box {display: flex;flex-wrap: wrap;gap: 16px;margin: 24px 0;padding: 18px;background: #f8fafc;border: 1px solid #e5e7eb;border-radius: 12px;}

.issue_summary_box .issue_stat {flex: 1 1 180px;min-width: 180px;background: #fff;border: 1px solid #e5e7eb;border-radius: 10px;padding: 18px 14px;text-align: center;}

.issue_summary_box .stat_number {display: block;font-size: 30px;font-weight: 700;line-height: 1.2;color: #5B21B6;}

.issue_summary_box .stat_label {display: block;margin-top: 6px;font-size: 14px;color: #4b5563;}.obj_article_summary .authors .author_item {display: flex;align-items: center;gap: 8px;margin-bottom: 8px;}

.obj_article_summary .authors .author_flag {display: inline-block;width: 22px;height: 14px;background-size: cover;background-position: center;background-repeat: no-repeat;border: 1px solid #ddd;border-radius: 2px;flex: 0 0 22px;}

/* flags */
.obj_article_summary .authors .author_item[data-country="ID"] .author_flag { background-image: url("https://flagcdn.com/w40/id.png"); }.obj_article_summary .authors .author_item[data-country="TH"] .author_flag { background-image: url("https://flagcdn.com/w40/th.png"); }.obj_article_summary .authors .author_item[data-country="MY"] .author_flag { background-image: url("https://flagcdn.com/w40/my.png"); }.obj_article_summary .authors .author_item[data-country="IN"] .author_flag { background-image: url("https://flagcdn.com/w40/in.png"); }.obj_article_summary .authors .author_item[data-country="AU"] .author_flag { background-image: url("https://flagcdn.com/w40/au.png"); }.obj_article_summary .authors .author_item[data-country="GH"] .author_flag { background-image: url("https://flagcdn.com/w40/gh.png"); }.obj_article_summary .authors .author_item[data-country="AR"] .author_flag { background-image: url("https://flagcdn.com/w40/ar.png"); }.obj_article_summary .authors .author_item[data-country="AO"] .author_flag { background-image: url("https://flagcdn.com/w40/ao.png"); }.obj_article_summary .authors .author_item[data-country="GB"] .author_flag { background-image: url("https://flagcdn.com/w40/gb.png"); }.obj_article_summary .authors .author_item[data-country="AF"] .author_flag { background-image: url("https://flagcdn.com/w40/af.png"); }.obj_article_summary .authors .author_item[data-country="NL"] .author_flag { background-image: url("https://flagcdn.com/w40/nl.png"); }.obj_article_summary .authors .author_item[data-country="UZ"] .author_flag { background-image: url("https://flagcdn.com/w40/uz.png"); }.obj_article_summary .authors .author_item[data-country="US"] .author_flag { background-image: url("https://flagcdn.com/w40/us.png"); }.obj_article_summary .authors .author_item[data-country="CA"] .author_flag { background-image: url("https://flagcdn.com/w40/ca.png"); }.obj_article_summary .authors .author_item[data-country="KE"] .author_flag { background-image: url("https://flagcdn.com/w40/ke.png"); }.obj_article_summary .authors .author_item[data-country="PK"] .author_flag { background-image: url("https://flagcdn.com/w40/pk.png"); }.obj_article_summary .authors .author_item[data-country="NG"] .author_flag { background-image: url("https://flagcdn.com/w40/ng.png"); }.obj_article_summary .authors .author_item[data-country="TL"] .author_flag { background-image: url("https://flagcdn.com/w40/tl.png"); }.obj_article_summary .authors .author_item[data-country="TR"] .author_flag { background-image: url("https://flagcdn.com/w40/tr.png"); }.editor-photo {width: 120px !important;height: 120px !important;min-width: 120px !important;border-radius: 50% !important;overflow: hidden !important;background: transparent !important;}

.editor-photo img {width: 100% !important;height: 100% !important;max-width: none !important;object-fit: cover !important;object-position: center !important;border-radius: 0 !important;clip-path: circle(50%) !important;display: block !important;background: transparent !important;}

.editor-chief .editor-photo {width: 180px !important;height: 180px !important;min-width: 180px !important;}

.editor-photo {width: 120px !important;height: 120px !important;min-width: 120px !important;max-width: 120px !important;aspect-ratio: 1 / 1 !important;border-radius: 50% !important;overflow: hidden !important;background: transparent !important;}

.editor-photo img {width: 120px !important;height: 120px !important;max-width: none !important;aspect-ratio: 1 / 1 !important;object-fit: cover !important;object-position: center center !important;border-radius: 50% !important;display: block !important;}

.editor-chief .editor-photo {width: 170px !important;height: 170px !important;min-width: 170px !important;max-width: 170px !important;}

.editor-chief .editor-photo img {width: 170px !important;height: 170px !important;}

/* =========================
   EDITORIAL TEAM - CLEAN LAYOUT
   ========================= */

.editorial-page {
  margin: 0 0 32px 0;
}

.editor-group {
  margin: 0 0 36px 0;
}

.editor-group h2 {
  font-size: 24px;
  font-weight: 800;
  color: #5B21B6 !important;
  margin: 0 0 18px 0;
  padding-bottom: 8px;
  border-bottom: 3px solid #5B21B6;
}

.editor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 18px;
}

.editor-card {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  background: #ffffff;
  border: 1px solid #e3e7ea;
  border-radius: 16px;
  padding: 18px;
  margin-bottom: 18px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.editor-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.10);
}

.editor-info {
  flex: 1 1 auto;
  min-width: 0;
}

.editor-info h3 {
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 1.3;
  color: #1c1c1c !important;
  font-weight: 800;
}

.editor-info p {
  margin: 0 0 8px 0;
  line-height: 1.6;
  color: #444 !important;
  font-size: 15px;
}

/* =========================
   EDITOR PHOTO - FINAL FIX
   Only targets the editorial HTML:
   <div class="editor-photo"><img ...></div>
   ========================= */

.editorial-page .editor-photo {
  width: 140px !important;
  height: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  flex: 0 0 140px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: #f3f3f3 !important;
  border: 1px solid #e3e7ea !important;
  display: block !important;
  line-height: 0 !important;
}

.editorial-page .editor-photo img {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  background: transparent !important;
}

.editorial-page .editor-chief .editor-photo {
  width: 180px !important;
  height: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  flex-basis: 180px !important;
}

/* =========================
   EDITOR META BUTTONS
   ========================= */

.editor-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.editor-meta a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: #fff !important;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.editor-meta .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 800;
  background: rgba(255,255,255,0.22);
}

.editor-meta a.scopus {
  background: linear-gradient(135deg, #ff6a00, #ff8c1a) !important;
}

.editor-meta a.scholar {
  background: linear-gradient(135deg, #4285F4, #6ea0ff) !important;
}

.editor-meta a:hover,
.editor-meta a:focus {
  color: #fff !important;
  transform: translateY(-2px);
  text-decoration: none !important;
}

/* mobile */
@media (max-width: 768px) {
  .editor-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px;
  }

  .editor-grid {
    grid-template-columns: 1fr;
  }

  .editorial-page .editor-photo {
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    flex-basis: 120px !important;
  }

  .editorial-page .editor-chief .editor-photo {
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    flex-basis: 150px !important;
  }

  .editor-info h3 {
    font-size: 18px;
  }

  .editor-info p {
    font-size: 14px;
  }

  .editor-meta {
    justify-content: center;
  }
}

/* =====================================JOURNAL SHOWCASE===================================== */

.journal-showcase {display: grid;grid-template-columns: 360px minmax(0, 1fr);gap: 34px;align-items: start;max-width: 1180px;margin: 0 auto;padding: 10px 0;}

/* LEFT SIDE */
.journal-cover-panel {position: sticky;top: 20px;}

.journal-cover-card {background: #ffffff;border: 1px solid #e5e7eb;border-radius: 18px;padding: 18px;box-shadow: 0 10px 30px rgba(0,0,0,0.08);transition: transform 0.35s ease, box-shadow 0.35s ease;}

.journal-cover-card {transform: translateY(-6px);box-shadow: 0 18px 40px rgba(0,0,0,0.14);}

.journal-cover-image {display: block;width: 100%;height: auto;border-radius: 12px;}

/* RIGHT SIDE */
.journal-about-box {background: #ffffff;border: 1px solid #e5e7eb;border-radius: 20px;padding: 30px 32px;box-shadow: 0 8px 24px rgba(0,0,0,0.06);}

.journal-label {display: inline-block;margin-bottom: 12px;padding: 6px 12px;border-radius: 999px;background: rgba(103, 58, 183,0.08);color: #6D28D9;font-size: 12px;font-weight: 700;letter-spacing: 0.4px;text-transform: uppercase;}

.journal-about-box h2 {margin: 0 0 8px;font-size: 32px;line-height: 1.2;color: #163b34;}

.journal-subtitle {margin: 0 0 14px;font-size: 18px;line-height: 1.5;color: #4b5563;}

.journal-meta {margin: 0 0 18px;font-size: 15px;color: #374151;}

.journal-meta a {color: #6D28D9;font-weight: 700;text-decoration: none;}

.journal-meta a {text-decoration: underline;}

.journal-about-box > p {font-size: 15px;line-height: 1.85;color: #374151;}

/* SCOPE */
.journal-scope-list {margin-top: 24px;display: grid;gap: 16px;}

.scope-item {border: 1px solid #e8ecef;border-radius: 14px;padding: 16px 18px;background: #fcfcfc;transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;}

.scope-item {transform: translateY(-4px);box-shadow: 0 10px 22px rgba(0,0,0,0.07);border-color: rgba(103, 58, 183,0.25);}

.scope-item h3 {margin: 0 0 8px;font-size: 17px;color: #6D28D9;}

.scope-item p {margin: 0;font-size: 14px;line-height: 1.8;color: #4b5563;}

/* FREQUENCY */
.journal-frequency {margin-top: 24px;padding: 18px 20px;border-radius: 14px;background: linear-gradient(180deg, rgba(103, 58, 183,0.05), rgba(103, 58, 183,0.02));border: 1px solid rgba(103, 58, 183,0.12);}

.freq-label {display: inline-block;margin-bottom: 8px;font-size: 12px;font-weight: 700;letter-spacing: 0.4px;text-transform: uppercase;color: #6D28D9;}

.journal-frequency p {margin: 0;font-size: 15px;line-height: 1.8;color: #374151;}

/* MOBILE */
@media (max-width: 900px) {.journal-showcase {grid-template-columns: 1fr;gap: 24px;}

.journal-cover-panel {position: static;}

.journal-cover-card {max-width: 360px;margin: 0 auto;}

.journal-about-box {padding: 24px 20px;}

.journal-about-box h2 {font-size: 27px;}

.journal-subtitle {font-size: 16px;}}

/* =========================ELEGANT FOOTER========================= */

.footer-elegant {max-width: 1100px;margin: 0 auto;text-align: center;color: #f5f5f5;}

/* logo indexing */
.footer-indexing {display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;margin-bottom: 24px;}

.footer-indexing a {display: inline-flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.10);border-radius: 10px;padding: 8px 10px;transition: all 0.3s ease;}

.footer-indexing a {transform: translateY(-3px);background: rgba(255,255,255,0.12);border-color: rgba(255,255,255,0.18);}

.footer-indexing img {max-width: 90px;max-height: 34px;width: auto;height: auto;display: block;}

/* license */
.footer-license {margin: 20px auto;max-width: 850px;font-size: 14px;line-height: 1.8;}

.footer-license a {color: #ffffff;text-decoration: underline;}

.cc-badge {display: inline-block;margin-top: 10px;}

.cc-badge img {display: block;margin: 0 auto;}

/* publisher */
.footer-publisher {margin-top: 18px;padding-top: 16px;border-top: 1px solid rgba(255,255,255,0.15);}

.footer-publisher p {margin: 6px 0;font-size: 14px;}

/* mobile */
@media (max-width: 768px) {.footer-indexing {gap: 10px;}

.footer-indexing img {max-width: 78px;max-height: 30px;}

.footer-license,.footer-publisher p {font-size: 13px;}}

/* =========================FOOTER BACKGROUND HOVER========================= */

.footer-elegant {background: #3B0764;transition: background 0.6s ease;}

.footer-elegant {background: linear-gradient(135deg, #6D28D9, #C4B5FD);}

/* =========================SLIDER LOGO========================= */

.footer-slider {overflow: hidden;margin-bottom: 20px;}

.footer-track {display: flex;width: max-content;animation: scrollFooter 30s linear infinite;}

.footer-logos {display: flex;gap: 30px;align-items: center;padding-right: 30px;}

.footer-logos img {height: 34px;width: auto;opacity: 0.85;transition: 0.3s;}

.footer-logos img {opacity: 1;transform: scale(1.08);}

/* animasi jalan /@keyframes scrollFooter {from {transform: translateX(0);}to {transform: translateX(-50%);}}/ =========================FOOTER 2 BAGIAN========================= */

.footer-clean {max-width: 1100px;margin: 0 auto;color: #f5f5f5;}

/* BAGIAN ATAS */
.footer-top {padding: 18px 0 22px;border-bottom: 1px solid rgba(255,255,255,0.14);}

.footer-logos {display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;}

.footer-logos a {display: inline-flex;align-items: center;justify-content: center;padding: 8px 10px;border-radius: 10px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);transition: all 0.3s ease;}

.footer-logos a {transform: translateY(-2px);background: rgba(255,255,255,0.12);}

.footer-logos img {max-width: 90px;max-height: 34px;width: auto;height: auto;display: block;}

/* BAGIAN BAWAH */
.footer-bottom {padding: 24px 0 10px;text-align: center;}

.footer-journal-info h3 {margin: 0 0 12px;font-size: 18px;line-height: 1.5;color: #ffffff;}

.footer-journal-info p,.footer-license p {margin: 6px 0;font-size: 14px;line-height: 1.8;}

.footer-license {margin-top: 16px;}

.footer-license a {color: #ffffff;text-decoration: underline;}

.cc-badge {display: inline-block;margin-top: 12px;}

.cc-badge img {display: block;margin: 0 auto;}

/* MOBILE */
@media (max-width: 768px) {.footer-logos {gap: 10px;}

.footer-logos img {max-width: 78px;max-height: 30px;}

.footer-journal-info h3 {font-size: 16px;}

.footer-journal-info p,.footer-license p {font-size: 13px;}}

/* =========================CLEAN FOOTER WITH 3 BOXES========================= */

.footer-clean {max-width: 1150px;margin: 0 auto;color: #f5f5f5;}

/* TOP LOGOS */
.footer-top {padding: 18px 0 24px;border-bottom: 1px solid rgba(255,255,255,0.14);}

.footer-logos {display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;}

.footer-logos a {display: inline-flex;align-items: center;justify-content: center;padding: 8px 10px;border-radius: 10px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);transition: all 0.3s ease;}

.footer-logos a {transform: translateY(-2px);background: rgba(255,255,255,0.12);}

.footer-logos img {max-width: 90px;max-height: 34px;width: auto;height: auto;display: block;}

/* BOTTOM 3 BOXES */
.footer-bottom-boxes {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;padding: 28px 0 20px;}

.footer-box {padding: 22px 26px;border-radius: 18px;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.10);box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);}

.footer-box h3 {margin: 0 0 16px;font-size: 18px;color: #ffd24d;}

.footer-box p {margin: 0 0 12px;font-size: 15px;line-height: 1.7;}

.footer-box strong {color: #ffffff;}

/* SOCIAL BUTTONS */
.footer-socials {display: flex;flex-wrap: wrap;gap: 12px;}

.footer-socials a {display: inline-block;padding: 10px 18px;border-radius: 999px;background: rgba(255,255,255,0.12);color: #ffffff;text-decoration: none;font-weight: 600;transition: all 0.3s ease;}

.footer-socials a {background: rgba(255,255,255,0.20);transform: translateY(-2px);}

/* LICENSE */
.footer-license {padding: 10px 0 6px;text-align: center;border-top: 1px solid rgba(255,255,255,0.12);}

.footer-license p {margin: 14px auto 10px;max-width: 900px;font-size: 14px;line-height: 1.8;}

.footer-license a {color: #ffffff;text-decoration: underline;}

.cc-badge {display: inline-block;margin-top: 8px;}

.cc-badge img {display: block;margin: 0 auto;}

/* MOBILE */
@media (max-width: 900px) {.footer-bottom-boxes {grid-template-columns: 1fr;}}

@media (max-width: 768px) {.footer-logos {gap: 10px;}

.footer-logos img {max-width: 78px;max-height: 30px;}

.footer-box p,.footer-license p {font-size: 13px;}

.footer-box h3 {font-size: 17px;}}.footer-box {background: rgba(0,0,0,0.25);}

.footer-box p,.footer-box h3 {color: #ffffff;text-shadow: 0 1px 2px rgba(0,0,0,0.4);}.footer-box h3 {display: inline-block;padding: 6px 12px;border-radius: 6px;

background: linear-gradient(135deg, #C4B5FD, #E9D5FF);color: #1a1a1a; /* biar kontras */

font-weight: 700;letter-spacing: 0.4px;}.obj_article_details .authors li.author_item {display: flex;flex-direction: column;position: relative;padding-left: 34px;margin-bottom: 14px;list-style: none;}

.obj_article_details .authors li.author_item::before {content: "";position: absolute;left: 0;top: 2px;width: 24px;height: 16px;background-size: cover;background-position: center;background-repeat: no-repeat;border: 1px solid #ddd;border-radius: 2px;}

/* country label */
.obj_article_details .authors .author_country {font-size: 12px;color: #666;margin-top: 4px;}

/* flags */
.obj_article_details .authors li.author_item[data-country="ID"]::before { background-image: url("https://flagcdn.com/w40/id.png"); }.obj_article_details .authors li.author_item[data-country="TH"]::before { background-image: url("https://flagcdn.com/w40/th.png"); }.obj_article_details .authors li.author_item[data-country="MY"]::before { background-image: url("https://flagcdn.com/w40/my.png"); }.obj_article_details .authors li.author_item[data-country="IN"]::before { background-image: url("https://flagcdn.com/w40/in.png"); }.obj_article_details .authors li.author_item[data-country="AU"]::before { background-image: url("https://flagcdn.com/w40/au.png"); }.obj_article_details .authors li.author_item[data-country="GH"]::before { background-image: url("https://flagcdn.com/w40/gh.png"); }.obj_article_details .authors li.author_item[data-country="AR"]::before { background-image: url("https://flagcdn.com/w40/ar.png"); }.obj_article_details .authors li.author_item[data-country="AO"]::before { background-image: url("https://flagcdn.com/w40/ao.png"); }.obj_article_details .authors li.author_item[data-country="GB"]::before { background-image: url("https://flagcdn.com/w40/gb.png"); }.obj_article_details .authors li.author_item[data-country="AF"]::before { background-image: url("https://flagcdn.com/w40/af.png"); }.obj_article_details .authors li.author_item[data-country="NL"]::before { background-image: url("https://flagcdn.com/w40/nl.png"); }.obj_article_details .authors li.author_item[data-country="UZ"]::before { background-image: url("https://flagcdn.com/w40/uz.png"); }.obj_article_details .authors li.author_item[data-country="US"]::before { background-image: url("https://flagcdn.com/w40/us.png"); }.obj_article_details .authors li.author_item[data-country="CA"]::before { background-image: url("https://flagcdn.com/w40/ca.png"); }.obj_article_details .authors li.author_item[data-country="KE"]::before { background-image: url("https://flagcdn.com/w40/ke.png"); }.obj_article_details .authors li.author_item[data-country="PK"]::before { background-image: url("https://flagcdn.com/w40/pk.png"); }.obj_article_details .authors li.author_item[data-country="NG"]::before { background-image: url("https://flagcdn.com/w40/ng.png"); }.obj_article_details .authors li.author_item[data-country="TL"]::before { background-image: url("https://flagcdn.com/w40/tl.png"); }.obj_article_details .authors li.author_item[data-country="TR"]::before { background-image: url("https://flagcdn.com/w40/tr.png"); }.issue_summary_box {display: flex;flex-wrap: wrap;gap: 16px;margin: 24px 0;padding: 18px;background: #f8fafc;border: 1px solid #e5e7eb;border-radius: 12px;}

.issue_summary_box .issue_stat {flex: 1 1 180px;min-width: 180px;background: #fff;border: 1px solid #e5e7eb;border-radius: 10px;padding: 18px 14px;text-align: center;}

.issue_summary_box .stat_number {display: block;font-size: 30px;font-weight: 700;line-height: 1.2;color: #5B21B6;}

.issue_summary_box .stat_label {display: block;margin-top: 6px;font-size: 14px;color: #4b5563;}.obj_article_summary .authors .author_item {display: flex;align-items: center;gap: 8px;margin-bottom: 8px;}

.obj_article_summary .authors .author_flag {display: inline-block;width: 22px;height: 14px;background-size: cover;background-position: center;background-repeat: no-repeat;border: 1px solid #ddd;border-radius: 2px;flex: 0 0 22px;}

/* flags */
.obj_article_summary .authors .author_item[data-country="ID"] .author_flag { background-image: url("https://flagcdn.com/w40/id.png"); }.obj_article_summary .authors .author_item[data-country="TH"] .author_flag { background-image: url("https://flagcdn.com/w40/th.png"); }.obj_article_summary .authors .author_item[data-country="MY"] .author_flag { background-image: url("https://flagcdn.com/w40/my.png"); }.obj_article_summary .authors .author_item[data-country="IN"] .author_flag { background-image: url("https://flagcdn.com/w40/in.png"); }.obj_article_summary .authors .author_item[data-country="AU"] .author_flag { background-image: url("https://flagcdn.com/w40/au.png"); }.obj_article_summary .authors .author_item[data-country="GH"] .author_flag { background-image: url("https://flagcdn.com/w40/gh.png"); }.obj_article_summary .authors .author_item[data-country="AR"] .author_flag { background-image: url("https://flagcdn.com/w40/ar.png"); }.obj_article_summary .authors .author_item[data-country="AO"] .author_flag { background-image: url("https://flagcdn.com/w40/ao.png"); }.obj_article_summary .authors .author_item[data-country="GB"] .author_flag { background-image: url("https://flagcdn.com/w40/gb.png"); }.obj_article_summary .authors .author_item[data-country="AF"] .author_flag { background-image: url("https://flagcdn.com/w40/af.png"); }.obj_article_summary .authors .author_item[data-country="NL"] .author_flag { background-image: url("https://flagcdn.com/w40/nl.png"); }.obj_article_summary .authors .author_item[data-country="UZ"] .author_flag { background-image: url("https://flagcdn.com/w40/uz.png"); }.obj_article_summary .authors .author_item[data-country="US"] .author_flag { background-image: url("https://flagcdn.com/w40/us.png"); }.obj_article_summary .authors .author_item[data-country="CA"] .author_flag { background-image: url("https://flagcdn.com/w40/ca.png"); }.obj_article_summary .authors .author_item[data-country="KE"] .author_flag { background-image: url("https://flagcdn.com/w40/ke.png"); }.obj_article_summary .authors .author_item[data-country="PK"] .author_flag { background-image: url("https://flagcdn.com/w40/pk.png"); }.obj_article_summary .authors .author_item[data-country="NG"] .author_flag { background-image: url("https://flagcdn.com/w40/ng.png"); }.obj_article_summary .authors .author_item[data-country="TL"] .author_flag { background-image: url("https://flagcdn.com/w40/tl.png"); }.obj_article_summary .authors .author_item[data-country="TR"] .author_flag { background-image: url("https://flagcdn.com/w40/tr.png"); }

.editor-chief