/* ==================================================
   GLOBAL VARIABLES
   ================================================== */
:root {
    --primary-color: #002479;
    --secondary-color: #2c93d6;
    --accent-color: #e3a223;
    --text-color: #333;
    --border-color: #e0e0e0;
}

/* ==================================================
   GLOBAL RESET & BASE
   ================================================== */
body {
    background: none;
    font-family: var(--font-body);
    color: var(--text-color);
    font-size: 15px;
}

a {
    color: var(--primary-color);
}
a:hover {
    color: var(--secondary-color);
}

/* ==================================================
   TYPOGRAPHY
   ================================================== */
h1, h2, h3, h4, h5 {
    font-family: var(--font-heading);
    color: var(--primary-color);
}

/* ==================================================
   PAGE STRUCTURE (BOXED LAYOUT)
   ================================================== */
.pkp_structure_page {
    max-width: 1160px;
    margin: 20px auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 18px rgba(0,0,0,.08);
    overflow: hidden;
}

.pkp_structure_head {
    background-color: transparent;
    border-bottom: none;
}

.pkp_structure_content,
.pkp_structure_footer,
.pkp_site_name_wrapper,
.pkp_search_mobile {
    width: 100%;
    margin: 0 auto;
}

.has_sidebar {
    padding: 0px 0px 0px 0px;
}

/* ==================================================
   HEADER (SITE NAME)
   ================================================== */
.pkp_head_wrapper {
    padding-top: 0px !important;
}
.pkp_site_name_wrapper {
    background: #125a72;
    padding: 0px;
}

.pkp_site_name,
.pkp_site_name a {
    color: white !important;
    background: #125a72;
    padding: 0px;
}

.pkp_site_name .is_img {
    margin-top: 0;
    margin-bottom: 0;
}

.pkp_site_name .is_img img {
    max-height: max-content;
}
.pkp_nav_list ul a {
    color: white !important;
    background: var(--secondary-color);
}
/* ==================================================
   PRIMARY NAVIGATION
   ================================================== */
.pkp_navigation_primary_wrapper {
    margin: 0 auto;
    padding-left: 29px;
    padding-right: 0px;
    background: #002478;
}

.pkp_navigation_primary a {
    color: white !important;
    background:  var(--primary-color);
}
.pkp_navigation_primary>li:last-child a {
    margin-right: 0px
}
]

.pkp_navigation_primary a:hover {
    color: var(--secondary-color) !important;
}

.pkp_navigation_primary > li > a:focus {
    background: white !important;
}

.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus {
    background: var(--primary-color);
}

/* ==================================================
   USER & SEARCH NAVIGATION
   ================================================== */
.pkp_navigation_user_wrapper {
    padding: 0px 4px 0px 0px !important;
}
.pkp_navigation_user > li > a {
    color: white;
    display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    font-size: 15px;
    padding-right: 12px !important;
    margin-right: 6px !important;
    margin-top: 5px;
    font-weight: bold;
    background: var(--primary-color);
}

.pkp_navigation_search_wrapper a {
    color: white;
}

/* ==================================================
   SIDEBAR
   ================================================== */
.pkp_structure_sidebar {
    padding-top: 32px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

@media (min-width: 992px) {
    .pkp_block {
        padding: 0px 0px 5px 0px !important;
    }
}

/* ==================================================
   ARTICLE / ISSUE OBJECTS
   ================================================== */
.obj_article_summary,
.obj_article_details {
    background: #fff;
    border: 1px solid var(--border-color);
    border-left: 5px solid var(--secondary-color);
    border-radius: 6px;
    padding: 20px;
    margin-bottom: -25px;
}

/* ==================================================
   FOOTER STRUCTURE
   ================================================== */
.pkp_brand_footer {
    display: none;
}

.pkp_footer_content {
    padding: 20px 0px;
}

.pkp_footer_content a:hover {
    color: var(--secondary-color);
    text-decoration: none;
}

.site-footer {
    padding: 0rem 1rem;
}

/* ==================================================
   FOOTER TOP
   ================================================== */
.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.publisher-info-left {
    flex: 1;
    text-align: left;
}

.publisher-logo {
    margin-bottom: 15px;
}

.publisher-logo strong {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    color: #000;
}

.publisher-logo a {
    display: inline-block;
}

.publisher-logo img {
    height: 60px;
    width: auto;
    background-color: #ffffff;
    padding: 5px;
    border-radius: 5px;
}

.publisher-name {
    margin-bottom: 10px;
}

.publisher-name a {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}

.publisher-address {
    line-height: 1.6;
}

.publisher-address a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

.publisher-logo-right img {
    position: relative;
    height: 45px;
    width: auto;
    margin-top: 15px;
}

/* ==================================================
   FOOTER BOTTOM
   ================================================== */
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #000;
    padding-top: 5px;
    gap: 1rem;
    flex-wrap: wrap;
}

.copyright {
    text-align: left;
    font-size: 13px !important;
    color: #000;
    font: initial;
}

/* ==================================================
   SOCIAL MEDIA ICONS
   ================================================== */
.social-media {
    position: relative;
    display: flex;
    gap: 5px;
    right: -4px;
    justify-content: right;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.social-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.social-icon::before {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}

.social-icon:hover::before {
    transform: scale(1.15);
}
.social-icon.facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z'/%3E%3C/svg%3E");
}
.social-icon.facebook:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%231877F2' d='M20,10.1c0-5.5-4.5-10-10-10S0,4.5,0,10.1c0,5,3.7,9.1,8.4,9.9v-7H5.9v-2.9h2.5V7.9C8.4,5.4,9.9,4,12.2,4c1.1,0,2.2,0.2,2.2,0.2v2.5h-1.3c-1.2,0-1.6,0.8-1.6,1.6v1.9h2.8L13.9,13h-2.3v7C16.3,19.2,20,15.1,20,10.1z'/%3E%3C/svg%3E");
}
.social-icon.twitter::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M15.3,1.9h2.8l-6.1,7L19,18.1h-5.6l-4.4-5.8l-5,5.8H1.2l6.5-7.4L1,1.9h5.8l4,5.3L15.3,1.9z M14.5,16.5h1.5L6.6,3.4H4.9L14.5,16.5z'/%3E%3C/svg%3E");
}
.social-icon.twitter:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M15.3,1.9h2.8l-6.1,7L19,18.1h-5.6l-4.4-5.8l-5,5.8H1.2l6.5-7.4L1,1.9h5.8l4,5.3L15.3,1.9z M14.5,16.5h1.5L6.6,3.4H4.9L14.5,16.5z'/%3E%3C/svg%3E");
}
.social-icon.instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle fill='%23000000' cx='10' cy='10' r='3.3'/%3E%3Cpath fill='%23000000' d='M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z'/%3E%3C/svg%3E");
}
.social-icon.instagram:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3ClinearGradient id='ig' x1='0%25' y1='100%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%23FD5949'/%3E%3Cstop offset='50%25' style='stop-color:%23D6249F'/%3E%3Cstop offset='100%25' style='stop-color:%23285AEB'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle fill='url(%23ig)' cx='10' cy='10' r='3.3'/%3E%3Cpath fill='url(%23ig)' d='M14.2,0H5.8C2.6,0,0,2.6,0,5.8v8.3C0,17.4,2.6,20,5.8,20h8.3c3.2,0,5.8-2.6,5.8-5.8V5.8C20,2.6,17.4,0,14.2,0zM10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z M15.8,5C15.4,5,15,4.6,15,4.2s0.4-0.8,0.8-0.8s0.8,0.4,0.8,0.8S16.3,5,15.8,5z'/%3E%3C/svg%3E");
}
.social-icon.linkedin::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M18.6,0H1.4C0.6,0,0,0.6,0,1.4v17.1C0,19.4,0.6,20,1.4,20h17.1c0.8,0,1.4-0.6,1.4-1.4V1.4C20,0.6,19.4,0,18.6,0z M6,17.1h-3V7.6h3L6,17.1L6,17.1zM4.6,6.3c-1,0-1.7-0.8-1.7-1.7s0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7C6.3,5.5,5.5,6.3,4.6,6.3z M17.2,17.1h-3v-4.6c0-1.1,0-2.5-1.5-2.5c-1.5,0-1.8,1.2-1.8,2.5v4.7h-3V7.6h2.8v1.3h0c0.4-0.8,1.4-1.5,2.8-1.5c3,0,3.6,2,3.6,4.5V17.1z'/%3E%3C/svg%3E");
}
.social-icon.linkedin:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%230A66C2' d='M18.6,0H1.4C0.6,0,0,0.6,0,1.4v17.1C0,19.4,0.6,20,1.4,20h17.1c0.8,0,1.4-0.6,1.4-1.4V1.4C20,0.6,19.4,0,18.6,0z M6,17.1h-3V7.6h3L6,17.1L6,17.1zM4.6,6.3c-1,0-1.7-0.8-1.7-1.7s0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7C6.3,5.5,5.5,6.3,4.6,6.3z M17.2,17.1h-3v-4.6c0-1.1,0-2.5-1.5-2.5c-1.5,0-1.8,1.2-1.8,2.5v4.7h-3V7.6h2.8v1.3h0c0.4-0.8,1.4-1.5,2.8-1.5c3,0,3.6,2,3.6,4.5V17.1z'/%3E%3C/svg%3E");
}
.social-icon.youtube::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z'/%3E%3C/svg%3E");
}
.social-icon.youtube:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23FF0000' d='M15,0H5C2.2,0,0,2.2,0,5v10c0,2.8,2.2,5,5,5h10c2.8,0,5-2.2,5-5V5C20,2.2,17.8,0,15,0z M14.5,10.9l-6.8,3.8c-0.1,0.1-0.3,0.1-0.5,0.1c-0.5,0-1-0.4-1-1l0,0V6.2c0-0.5,0.4-1,1-1c0.2,0,0.3,0,0.5,0.1l6.8,3.8c0.5,0.3,0.7,0.8,0.4,1.3C14.8,10.6,14.6,10.8,14.5,10.9z'/%3E%3C/svg%3E");
}
.social-icon.threads::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M10.7 10.2c.5 0 1 .1 1.5.2-.1 1.1-.5 2.2-1.9 2.3-.6 0-1.1-.1-1.5-.5-.2-.2-.3-.4-.3-.9 0-.3.2-.6.5-.8.5-.2 1-.3 1.7-.3zM20 10c0 4.8 0 7.3-1.4 8.6C17.3 20 14.8 20 10 20s-7.3 0-8.6-1.4C0 17.3 0 14.8 0 10c0-4.9 0-7.3 1.4-8.6C2.7 0 5.1 0 10 0c4.9 0 7.3 0 8.6 1.4C20 2.7 20 5.2 20 10zM6.4 5.2c.9-.9 2.1-1.4 3.8-1.4 3.7 0 4.8 2.6 5 3.7l1.3-.3c-.3-1.1-1.6-4.7-6.3-4.7-2 0-3.5.6-4.7 1.8-1.3 1.4-2 3.5-1.9 6.2.1 4.4 2.6 7 6.5 7 3.3 0 5.7-1.9 5.7-4.5 0-1.7-.8-2.9-2.4-3.6-.2-2.4-1.6-3.3-3-3.4-2.2-.1-3 1.4-3.1 1.5l1.1.6s.5-.9 1.9-.8c.6 0 1.5.3 1.7 1.7-1.4-.3-2.8-.1-3.7.4-.6.4-1 1-1.1 1.7-.1.7.1 1.4.6 1.9.6.6 1.5 1 2.5.9 1.7-.1 2.7-1.3 3-3.1.8.5 1.1 1.1 1.1 2.2 0 1.8-1.9 3.2-4.4 3.2-4.6 0-5.2-4-5.2-5.7 0-1.7.2-3.9 1.6-5.3z'/%3E%3C/svg%3E");
}
.social-icon.threads:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M10.7 10.2c.5 0 1 .1 1.5.2-.1 1.1-.5 2.2-1.9 2.3-.6 0-1.1-.1-1.5-.5-.2-.2-.3-.4-.3-.9 0-.3.2-.6.5-.8.5-.2 1-.3 1.7-.3zM20 10c0 4.8 0 7.3-1.4 8.6C17.3 20 14.8 20 10 20s-7.3 0-8.6-1.4C0 17.3 0 14.8 0 10c0-4.9 0-7.3 1.4-8.6C2.7 0 5.1 0 10 0c4.9 0 7.3 0 8.6 1.4C20 2.7 20 5.2 20 10zM6.4 5.2c.9-.9 2.1-1.4 3.8-1.4 3.7 0 4.8 2.6 5 3.7l1.3-.3c-.3-1.1-1.6-4.7-6.3-4.7-2 0-3.5.6-4.7 1.8-1.3 1.4-2 3.5-1.9 6.2.1 4.4 2.6 7 6.5 7 3.3 0 5.7-1.9 5.7-4.5 0-1.7-.8-2.9-2.4-3.6-.2-2.4-1.6-3.3-3-3.4-2.2-.1-3 1.4-3.1 1.5l1.1.6s.5-.9 1.9-.8c.6 0 1.5.3 1.7 1.7-1.4-.3-2.8-.1-3.7.4-.6.4-1 1-1.1 1.7-.1.7.1 1.4.6 1.9.6.6 1.5 1 2.5.9 1.7-.1 2.7-1.3 3-3.1.8.5 1.1 1.1 1.1 2.2 0 1.8-1.9 3.2-4.4 3.2-4.6 0-5.2-4-5.2-5.7 0-1.7.2-3.9 1.6-5.3z'/%3E%3C/svg%3E");
}

/* === individual icons (tidak diubah) === */
/* facebook, twitter, instagram, linkedin, youtube, threads */
/* (isi SVG tetap persis seperti aslinya) */
/* ==================================================
/* ==================================================
   RESPONSIVE MEDIA QUERIES
   BASELINE: LAPTOP L (1440px) DO NOT CHANGE
   ================================================== */

/* ==================================================
Laptop Medium / Small
   ================================================== */
@media (max-width: 1280px) {

    .pkp_structure_page {
        max-width: 95%;
        margin: 15px auto;
    }

    .pkp_navigation_primary_wrapper {
        padding-left: 20px;
    }

    .footer-top {
        gap: 30px;
    }

}

/* ==================================================
Tablet Landscape
   ================================================== */
@media (max-width: 1024px) {

    .pkp_structure_page {
        max-width: 93%;
        margin: 12px auto;
    }

    .pkp_navigation_primary_wrapper {
        padding-left: 30px;
    }

    .footer-top {
        flex-direction: column;
        gap: 25px;
    }

    .publisher-logo-right img {
        height: 100px;
    }

    .social-media {
        justify-content: flex-start;
        right: 0;
    }

}

/* ==================================================
   Tablet Portrait
   ================================================== */
@media (max-width: 768px) {

    body {
        font-size: 14px;
    }

    .pkp_structure_page {
        max-width: 90%;
        margin: 10;
        border-radius: 0;
    }
    .pkp_site_name .is_img img {
        display: none;
    }

    .pkp_navigation_primary_wrapper {
        padding-left: 10px;
    }

    .pkp_structure_sidebar {
        padding: 10px;
    }

    .obj_article_summary,
    .obj_issue_toc,
    .obj_article_details {
        padding: 15px;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .copyright {
        text-align: left;
    }

}

/* ==================================================
   Mobile
   ================================================== */
@media (max-width: 576px) {

    body {
        font-size: 13px;
    }

    .pkp_navigation_primary_wrapper {
        padding-left: 8px;
    }

    .pkp_navigation_user > li > a {
        font-size: 13px;
        padding-right: 10px !important;
        margin-right: 4px !important;
    }

    .pkp_site_name .is_img img {
        max-height: 60px;
        width: auto;
    }

    .obj_article_summary,
    .obj_issue_toc,
    .obj_article_details {
        padding: 12px;
        margin-bottom: 18px;
    }

    .publisher-logo img {
        height: 50px;
    }

    .publisher-logo-right img {
        height: 80px;
    }

    .social-icon {
        width: 18px;
        height: 18px;
    }

    .social-icon::before {
        width: 14px;
        height: 14px;
    }
}
/* ==================================================
   CUSTOM BLOCK
   ================================================== */
.pkp_block {
    margin-bottom: 5px
}
.pkp_block .content ul li {
    padding: 0px
}
/* ========================================   PERBAIKAN TEXT-ALIGN   ISGS   ======================================== */
p {
    TEXT-ALIGN: JUSTIFY;
}
/*================================== FONT FAMILY BOOK ANTIQUA ==========================================*/
* {
    font-family: 'Bookman Old Style' !important;
}

body {
    font-family: 'Bookman Old Style' !important;
}
/*================================== ICON ==========================================*/
.fa {
    font-family: "FontAwesome" !important;
    display: inline-block;
    margin-right: 5px;
}
/*================================== CUSTOM BLOCK ==========================================*/
.governing_body_title, .submission_title, .journal_policies_title, .visitor_header_title {
    background: #2c3e50;
    padding: 7px 15px;
    list-style: none;
    text-align: center;
    border-bottom: 3px solid #007bff;
}

.governing_body_title, .submission_title, .journal_policies_title, .visitor_header_title {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    border-radius: 8px 8px 0px 0px;
}

/* --- LIST & LINK STRUCTURE --- */
.governing_body_list, .submission_list, .journal_policies_list {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* border custom block */
.governing_body_item, .submission_item, .journal_policies_item {
    border: solid 1px var(--primary-color);
}

/* Selector ini mengatur garis bawah setiap item */
.governing_body_item_link, 
.submission_item_link, 
.journal_policies_item_link {
    display: flex;
    align-items: flex-start;
    padding: 10px 15px;
    color: #333333;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    border-bottom: 1px solid #f0f0f0; /* Garis pemisah antar menu */
    transition: all 0.2s ease;
}

.governing_body_item_link::before, 
.submission_item_link::before, 
.journal_policies_item_link::before {
    font-family: 'FontAwesome';
    margin-right: 12px;
    color: #007bff;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
}

/* --- 1. GOVERNING BODY ICONS --- */
.governing_body_item_link[title*="Editorial Team"]::before { content: "\f0c0"; }
.governing_body_item_link[title*="Peer Reviewers"]::before { content: "\f233"; }
.governing_body_item_link[title*="Contact"]::before { content: "\f0e0"; }

/* --- 2. SUBMISSION ICONS --- */
.submission_item_link[title*="Submit Now"]::before { content: "\f0ee"; }
.submission_item_link[title*="Author Guidelines"]::before { content: "\f02d"; }
.submission_item_link[title*="Reviewer Guidelines"]::before { content: "\f044"; }
.submission_item_link[title*="Journal Template"]::before { content: "\f1c1"; }
.submission_item_link[title*="Privacy Statement"]::before { content: "\f023"; }
.submission_item_link[title*="Call For Editor"]::before { content: "\f0a1"; }

/* --- 3. JOURNAL POLICIES ICONS --- */
.journal_policies_item_link[title*="Aim and Scope"]::before { content: "\f05b"; }
.journal_policies_item_link[title*="Peer Review Process"]::before { content: "\f00c"; }
.journal_policies_item_link[title*="Publication Ethics"]::before { content: "\f24e"; }
.journal_policies_item_link[title*="Allegations of Misconduct"]::before { content: "\f071"; }
.journal_policies_item_link[title*="Retraction and Correction"]::before { content: "\f0e2"; }
.journal_policies_item_link[title*="Conflicts of Interest"]::before { content: "\f0ec"; }
.journal_policies_item_link[title*="Complaints and Appeals"]::before { content: "\f0e6"; }
.journal_policies_item_link[title*="Plagiarism Policy"]::before { content: "\f1f8"; }
.journal_policies_item_link[title*="Copyright and Licensing"]::before { content: "\f1f9"; }
.journal_policies_item_link[title*="Publication Frequency"]::before { content: "\f017"; }
.journal_policies_item_link[title*="Article Processing Charge"]::before { content: "\f155"; }
.journal_policies_item_link[title*="Withdrawal of Manuscript"]::before { content: "\f05e"; }
.journal_policies_item_link[title*="Open Access Policy"]::before { content: "\f09c"; }
.journal_policies_item_link[title*="Archiving Policy"]::before { content: "\f187"; }
.journal_policies_item_link[title*="Revenue Sources"]::before { content: "\f0d6"; }
.journal_policies_item_link[title*="Generative AI"]::before { content: "\f1b2"; } /* Ikon Cube untuk AI */
.journal_policies_item_link[title*="Abstracting and Indexing"]::before { content: "\f022"; }

/* --- HOVER EFFECTS --- */
.governing_body_item_link:hover, 
.submission_item_link:hover, 
.journal_policies_item_link:hover {
    color: white;
    background: var(--accent-color);
}
/* --- visitor card --- */
figure.visitor_card {
    margin: 1rem 0px;
}
/* --- Editorial Team --- */
.editorial-team {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    max-width: 1000px;
}

/* Judul Seksi (Editor in Chief, Editors, dll) */
.editorial-section {
    margin-bottom: 40px;
}

.editorial-section-title {
    border-bottom: 2px solid #2c3e50;
    padding-bottom: 8px;
    margin-bottom: 12px !important;
    color: #2c3e50;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

/* Kartu Member */
.editorial-member-card {
    padding: none;
}

/* Khusus Editor in Chief agar lebih menonjol */
.editorial-featured {
    border-left: 4px solid #2c3e50;
    border-bottom: none;
}

/* Nama dan Afiliasi */
.editorial-member-name {
    margin: 0px !important;
}

.editorial-member-name strong {
    color: #1a1a1a;
    font-size: 1.05rem;
}

/* Styling Tombol Link (Scopus, ORCID, dll) */
.editorial-link-btn {
    display: inline-block;
    padding: 2px 10px;
    margin: 5px 4px 5px 0;
    border-radius: 4px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
    border: 1px solid #ddd;
}

/* Warna Spesifik untuk masing-masing Button */
.editorial-scopus  { color: #ff6600; border-color: #ff6600; }
.editorial-wos     { color: #2c3e50; border-color: #2c3e50; }
.editorial-scholar { color: #4285f4; border-color: #4285f4; }
.editorial-orcid   { color: #a6ce39; border-color: #a6ce39; }
.editorial-sinta   { color: #212529; border-color: #212529; }

/* Hover Effect */
.editorial-link-btn:hover {
    background: #f0f0f0;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Responsif untuk layar kecil */
@media (max-width: 600px) {
    .editorial-team { padding: 10px; }
    .editorial-link-btn { padding: 4px 8px; margin-bottom: 8px; }
}
/* Layout Card agar Foto dan Teks Berdampingan */
.editorial-member-card {
    display: flex; /* Mengaktifkan Flexbox */
    align-items: flex-start; /* Teks rata atas terhadap foto */
    gap: 5px; /* Jarak antara foto dan teks */
    background: #fdfdfd;
}

/* Pengaturan Foto */
.editorial-photo {
     /* Ukuran lebar foto */
     height: 66px; /* Ukuran tinggi foto */
     object-fit: cover; /* Agar foto tidak gepeng/distorsi */
     border-radius: 8px; /* Sudut sedikit melengkung (opsional) */
     background-color: #f0f0f0; /* Warna cadangan jika foto belum dimuat */
     flex-shrink: 0; /* Mencegah foto menciut saat layar sempit */
     border: 1px solid #ddd;
     margin: 8px;
     margin-top: 0px;
     margin-bottom: 0px;
}
.editorial-member-info {
    flex: 1; /* Agar info teks mengambil sisa ruang yang ada */
}

/* Penyesuaian Responsif untuk HP */
@media (max-width: 600px) {
    .editorial-member-card {
        flex-direction: column; /* Foto pindah ke atas teks di layar kecil */
        align-items: center;
        text-align: center;
    }
    .editorial-photo {
        width: 120px;
        height: 150px;
    }
    .editorial-link-btn {
        margin: 3px; /* Memberi jarak tombol saat teks rata tengah */
    }
}
/* --- Font Size Custome --- */
.pkp_structure_main p, .pkp_structure_main ul, .pkp_structure_main ol {
    font-size: 16px;
}
/* --- link: underline --- */
.animated-link {
    text-decoration: none !important;
}

a {
    text-decoration: none !important;
}
/* --- View Profile --- */
ul.dropdown-menu.show {
    margin-top: 4px;
}
.pkp_site_nav_menu a:hover, .pkp_site_nav_menu a:focus {
    color: var(--accent-color);
}

/* gambar abstrack dan donwload */
.obj_article_summary img {
    vertical-align: bottom;
}
.obj_issue_toc .galleys_links {
    padding-bottom: 6px;
}
/* --- artikel --- */
.obj_issue_toc .section>h3 {
        display: inline-block;
        position: relative;
        left: 0px;
        margin-top: 0;
        padding: 0 1.0715rem;
        background: var(--primary-color);
        font-size: 1.143rem;
        border-radius: 10px;
        font-weight: 400;
        line-height: 2.143rem;
        color: white;
    }
/* --- perampingan --- */
.obj_issue_toc .cover img {
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1)
}
.obj_issue_toc .section {
    padding-top: 0px;
}
/* Menghilangkan garis pembatas di atas judul section artikel */
.obj_issue_toc .section:before {
    display: none !important;
}