/* ==================================================
   GLOBAL VARIABLES
   ================================================== */
:root {
    --primary-color: #9d4e27;
    --secondary-color: #e0b523;
    --accent-color: #e8924d;
    --font-body: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --font-heading: "Georgia", "Times New Roman", serif;
    --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 {
    background: var(--primary-color);
}

.pkp_site_name_wrapper {
    background: var(--primary-color);
}

.pkp_site_name,
.pkp_site_name a {
    color: white !important;
    background: var(--primary-color);
}

.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: var(--secondary-color) !important;
}
/* ==================================================
   PRIMARY NAVIGATION
   ================================================== */
.pkp_navigation_primary_wrapper {
    margin: 0 auto;
    padding-left: 29px;
    padding-right: 0px;
    background: #9d4e25;
}

.pkp_navigation_primary a {
    color: white !important;
    background: #9d4e27;
}

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

.pkp_navigation_primary > li > a:focus {
    background: var(--accent-color) !important;
}

/* ==================================================
   USER & SEARCH NAVIGATION
   ================================================== */
.pkp_navigation_user_wrapper {
    padding: 6px 2px 4px 2px !important;
    background: #dddddd !important;
}

.pkp_navigation_user > li > a {
    color: black;
    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;
    font-weight: bold;
}

.pkp_navigation_search_wrapper a {
    color: white !important;
}
a#pkpDropdown0 {
    color: white !important
}


/* ==================================================
   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_issue_toc,
.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;
}

.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: 120px;
    width: auto;
    padding: 0;
}

/* ==================================================
   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: 15px;
    }

    .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
   ================================================== */
.isgs-additional-menu {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

.isgs-additional-menu .menu-header {
  background: #9d4e25;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  padding: 8px !important;
  border-bottom: 3px solid #E3C14A;
}

.isgs-additional-menu li a {
  display: block;
  background: #e8924d;
  color: #FFFFFF;
  padding: 7px;
  text-align: center;
  font-size: 15px;
  text-decoration: none;
  border-bottom: 1px solid #f3be92;
}

.isgs-additional-menu li a:hover {
  background: #E3C14A;
  color: var(--primary-color);
}
.pkp_block {
    margin-bottom: 5px
}
.pkp_block .content ul li {
    padding: 0px
}
/* ========================================   PERBAIKAN TEXT-ALIGN   EGS   ======================================== */
p {
    TEXT-ALIGN: JUSTIFY;
}
/*================================== FONT FAMILY BOOK ANTIQUA ==========================================*/
* {
    font-family: 'Book Antiqua' !important;
}

body {
    font-family: 'Book Antiqua' !important;
}
/*================================== PERBAIKAN ICON SEARCH ==========================================*/
.pkp_navigation_search_wrapper button::before,
.pkp_navigation_search_wrapper a::before {
    content: "🔍" !important;
    font-size: 16px;
}
/* Atau jika menggunakan background image yang rusak */
.pkp_navigation_search_wrapper img,
.pkp_navigation_search_wrapper button img,
.pkp_navigation_search_wrapper a img {
    display: none !important;
}
.pkp_navigation_search_wrapper button,
.pkp_navigation_search_wrapper a {
    text-indent: 0 !important;
}
.fa-search:before {
    content: none !important;
}
/* Judul Seksi (Editor in Chief, Editors, dll) */
.editorial-section {
    margin-bottom: 0px;
}

.editorial-section-title {
    border-bottom: 1px solid #2c3e50;
    padding-bottom: 4px;
    margin-bottom: 4px !important;
    margin-top: 7px !important;
    color: #2c3e50;
    font-size: 1.2rem;
}

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

/* Khusus Editor in Chief agar lebih menonjol */
.editorial-featured {
    border-left: 3px solid #9d4d26;
    margin-bottom: 10px;
}

/* Nama dan Afiliasi */
.editorial-member-name {
    margin: 0px !important;
    line-height: 17px !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 #002478;
}

/* 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: 70px; /* Ukuran tinggi foto */
     width: 70px;
     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-bottom: 0px;
     margin-top: 0px;
}
.editorial-member-info {
    flex: 1; /* Agar info teks mengambil sisa ruang yang ada */
}
.editorial-member-affiliation {
    margin: 0px !important;
    font-size: 14px !important;
}