/* ==========================================================================
   RE DESIGN BY ANGKY KURNIAWAN - UPDATED 2026
   ========================================================================== */

/* HIDE BRANDING LOGO OJS / PKP VIA CSS */
.pkp_structure_footer .brand, 
footer .brand,
#pkp_footer_brand,
.pkp_brand_footer,
footer img[src*="ojs_brand"],
footer a[href*="pkp.sfu.ca"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ==========================================================================
   PERBAIKAN LOGO HEADER AGAR PAS SELEBAR MENU (HOME - SEARCH) & PROPORSIONAL
   ========================================================================== */

/* Memaksa wadah kontainer OJS membuka ruang lebar 100% sejajar menu */
.pkp_site_name_wrapper,
.pkp_site_name,
.site_logo {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    clear: both !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* Memaksa gambar membesar penuh mengisi area putih kontainer secara proporsional */
.pkp_site_name_wrapper img,
.pkp_site_name img,
.site_logo img {
    width: 100% !important;        /* Memaksa gambar membesar 100% memenuhi ruang menu */
    max-width: 100% !important;
    height: auto !important;       /* Ketinggian membesar otomatis agar TIDAK GEPENG */
    display: block !important;
    margin: 15px auto !important;  /* Memberi ruang atas bawah yang seimbang */
}

/* KUNCI PERBAIKAN MOBILE: min-height hanya aktif di layar komputer desktop saja */
@media (min-width: 992px) {
    .pkp_site_name_wrapper img,
    .pkp_site_name img,
    .site_logo img {
        min-height: 222px !important;  /* Mengunci tinggi minimum asli gambar Anda di desktop */
    }
}

/* Hide About Us di Bawah Judul */
.about_journal {
    display: none;
}

/* Teks Utama Judul Media/Pengumuman */
.media-heading a {
    color: #ff6600 !important; 
    font-weight: bolder;
}

/* ==========================================================================
   PERBAIKAN STRUKTUR SEPADAN DENGAN INSPECT ELEMENT (ORDER FLEXBOX)
   ========================================================================== */
.page_index_journal {
    display: flex !important;
    flex-direction: column !important;
}

.page_index_journal .homepage_about {
    order: 1 !important;
}

.page_index_journal .additional_content {
    order: 2 !important;
    margin-top: 30px !important;    
    margin-bottom: 30px !important; 
}

.page_index_journal .current_issue {
    order: 3 !important;
}

/* ARTICLE LAYOUT & TYPOGRAPHY */
.article-summary.media {
    display: flex;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #ddd;
    align-items: flex-start;
}

.article-summary.media::before {
    content: "";
    display: block;
    width: 115px;
    height: 200px;
    background-image: url('https://jurnal.pcr.ac.id/publik/site/images/figoalimbel/jakb-thumbnail.jpg'); 
    background-size: cover;
    background-position: center;
    border: 1px solid #ccc;
    flex-shrink: 0;
}

.media-body.article_summary {
    flex: 1;
}

.media-heading .article_name,
.article_name,
.article_name a,
.obj_article_summary .title a,
.obj_article_summary .title,
.article-summary .title a,
.article-summary .media-heading a,
a.article_name {
    font-size: 15px;
    font-weight: bold;
    color: #ff6600 !important; 
    text-decoration: none;
    line-height: 1.4;
    display: inline-block;
    margin-bottom: 6px;
}

.meta.row {
    font-size: 13px;
    color: #444;
    margin-top: 4px;
}
.meta.row .col-md-12 {
    margin-bottom: 4px;
}

.row .col-md-4,
.row .col-md-8 {
    font-size: 13px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 8px;
}

.stat_counter {
    text-align: right;
    font-size: 13px;
    color: #777;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
    margin-top: 6px;
}

.doi_link,
.doi_link a,
.obj_article_summary .meta .doi a,
.meta .doi a,
a[href*="doi.org"],
a, 
a:hover, 
a:focus {
    color: #ff6600;
}

a[href*="issue/archive"],
.view_all_issues,
.read_more,
a.btn-primary.view-all,
.current_issue_archive a {
    color: #ff6600 !important;
    font-weight: bold !important;
}

body, p, span, div, li, input, button, select, textarea, .pkp_structure_main {
    color: #333333;
}

/* Tombol PDF Galley */
a.obj_galley_link.pdf,
.gallery_item_link {
    display: inline-block;
    padding: 4px 10px;
    font-size: 13px;
    background-color: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #ccc;
    text-decoration: none;
    margin-top: 6px;
    color: #ff6600 !important;
}

@media (max-width: 576px) {
    .article-summary.media {
        flex-direction: column;
        align-items: flex-start;
    }
    .article-summary.media::before {
        margin-bottom: 12px;
    }
    .stat_counter {
        justify-content: flex-start;
    }
}

/* ARCHIVES & PAGINATION */
.series {
    color: #ff6600 !important;
}

.obj_issue_summary .title,
.obj_article_summary .title,
.page_archive .title,
h1.title, h2.title, h3.title {
    color: #ff6600 !important;
    font-weight: bolder;
}

.pager li.previous a,
.pager li.next a {
    color: #ff6600 !important;
}

/* NAVIGATION BREADCRUMB */
.breadcrumb a {
    color: #ff6600 !important;
    font-weight: bolder;
}

/* CURRENT ISSUE */
.issue-details {
    display: none;
}

/* ==========================================================================
   KONFIGURASI INTERAKSI MENU (NORMAL, HOVER, KLIK/ACTIVE)
   ========================================================================== */

/* 1. Keadaan Normal (Latar Default Bebas Putih, Teks Hitam Pekat) */
.nav-pills li a,
.pkp_navigation_primary a,
.navbar-nav > li > a,
.pkp_structure_head a {
    color: #000000 !important;
    background-color: transparent !important;
    font-weight: normal !important; 
    transition: all 0.2s ease-in-out;
}

/* 2. Keadaan Ketika Menu DIKLIK ATAU SEDANG AKTIF (Latar Oranye, Teks Putih) */
.nav-pills > li.active > a,
.nav-pills > li > a:active,
.nav-pills > li.active > a:hover,
.navbar-nav > li.active > a,
.navbar-nav > li > a:active,
.pkp_navigation_primary li.active > a,
.pkp_navigation_primary a:active,
.navbar-nav > .active > a {
    color: #ffffff !important;
    background-color: #ff6600 !important;
    border-radius: 4px !important;
    border-bottom: none !important;
}

.nav-pills > li.active, .navbar-nav > li.active, .pkp_navigation_primary li.active {
    border: none !important;
    box-shadow: none !important;
}
.nav-pills > li.active::after, .navbar-nav > li.active::after {
    display: none !important;
}

/* MENU PROFIL / USER (Kanan Atas) */
.pkp_navigation_user a,
.pkp_navigation_user a span {
    color: #000000 !important;
    text-shadow: none !important; 
}
.pkp_navigation_user a:active,
.pkp_navigation_user a:active span {
    color: #ffffff !important;
    background-color: #ff6600 !important;
}
.pkp_navigation_user .badge {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

/* SEARCH BUTTON & ICON BLACK (Oranye saat Klik) */
a.pkp_search.pkp_search_desktop,
.pkp_search_toggle,
.pkp_search_toggle span {
    color: #000000 !important;
}
a.pkp_search.pkp_search_desktop:active,
.pkp_search_toggle:active {
    background-color: #ff6600 !important;
    color: #ffffff !important;
}
a.pkp_search.pkp_search_desktop svg,
svg.pkp_search_icon {
    stroke: #000000 !important;
    fill: #000000 !important;
}
a.pkp_search.pkp_search_desktop:active svg {
    stroke: #ffffff !important;
    fill: #ffffff !important;
}

/* DROPDOWN MENU SUBMISSIONS (Sub-Menu Dropdown) */
.dropdown-menu {
    border-left: none !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
}
.dropdown-menu > li > a {
    color: #000000 !important;
    background-color: transparent !important;
}
/* Saat sub-menu disentuh atau diklik */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li.active > a {
    color: #ffffff !important;
    background-color: #ff6600 !important;
    font-weight: bold !important;
}

/* ANNOUNCEMENT */
.cmp_breadcrumbs li a,
.page-header h1,
.page-header .date {
    color: #ff6600 !important;
}

/* ==========================================================================
   FOOTER STYLING
   ========================================================================== */
.pkp_structure_footer_wrapper,
footer,
div[class*="footer-wrapper"] {
    border: none !important;
    box-shadow: none !important;
}

.pkp_structure_footer {
    width: 100% !important;
    max-width: 100vw !important;
    background-color: #262626 !important; 
    color: #ffffff !important;
    text-align: center !important;
    padding: 25px 0 !important; 
    margin-left: calc(-50vw + 50%) !important; 
    margin-right: calc(-50vw + 50%) !important;
    box-sizing: border-box !important;
    border: none !important;
    border-top: 4px solid #ff6600 !important; 
}

.pkp_structure_footer p, 
.pkp_structure_footer div, 
.pkp_structure_footer span,
.pkp_footer_content {
    color: #ffffff !important;
    text-align: center !important;
    line-height: 1.6 !important; 
    font-size: 14px;
}

.pkp_structure_footer a {
    color: #ff6600 !important;
    font-weight: bold !important;
}