/* ==================================================
   GRAHA E-JURNAL
   Custom stylesheet for OJS Bootstrap 3
   ================================================== */

:root {
    --graha-primary: #285c42;
    --graha-primary-dark: #19432f;
    --graha-accent: #b3ce30;
    --graha-light: #f5f8f3;
    --graha-text: #26352d;
    --graha-muted: #68756d;
    --graha-border: #e1e8e1;
}

/* Global */
body {
    color: var(--graha-text);
    background: #f5f7f5;
    font-family: "Segoe UI", Arial, sans-serif;
    line-height: 1.7;
}

a {
    color: var(--graha-primary);
    transition: color 0.2s ease;
}

a:hover,
a:focus {
    color: var(--graha-primary-dark);
    text-decoration: none;
}

/* Main page container */
.pkp_structure_page {
    background: #ffffff;
    box-shadow: 0 2px 24px rgba(30, 60, 40, 0.06);
}

.pkp_structure_content.container {
    width: 100%;
    max-width: 1240px;
    padding: 30px 24px 50px;
    margin: 0 auto;
}

.pkp_structure_main {
    width: 100%;
}

/* Header */
#headerNavigationContainer {
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid var(--graha-border);
    border-top: 4px solid var(--graha-primary);
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: 0 3px 12px rgba(30, 60, 40, 0.04);
}

#headerNavigationContainer .container-fluid {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

#headerNavigationContainer .navbar-brand {
    color: var(--graha-primary);
    font-size: 24px;
    font-weight: 700;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

#headerNavigationContainer .navbar-brand img {
    max-height: 70px;
    width: auto;
    max-width: 100%;
}

#headerNavigationContainer .navbar-nav > li > a {
    color: #344b3d;
    font-weight: 600;
    padding-top: 22px;
    padding-bottom: 22px;
}

#headerNavigationContainer .navbar-nav > li > a:hover,
#headerNavigationContainer .navbar-nav > li > a:focus {
    color: var(--graha-primary);
    background: var(--graha-light);
}

/* ==================================================
   FIX: JOURNAL CARD SPACING
   ================================================== */

/* Kartu jurnal mengikuti tinggi kontennya */
.page_index_site .journals ul.media-list > li.media {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

/* Sampul jurnal berada di bagian atas */
.page_index_site .journals .media-left {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    text-align: center;
}

/* Isi kartu disusun dari atas ke bawah */
.page_index_site .journals .media-body {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    float: none;
}

/* Judul tidak memiliki jarak berlebihan */
.page_index_site .journals .media-heading {
    flex: 0 0 auto;
    margin: 0 0 12px;
}

/* Deskripsi tidak lagi meregang memenuhi ruang kosong */
.page_index_site .journals .description {
    flex: 0 0 auto;
    flex-grow: 0;
    margin-bottom: 16px;
}

/* Informasi jurnal mengikuti konten sebelumnya */
.page_index_site .journals .media-body > * {
    max-width: 100%;
}

/* Tombol berada setelah informasi yang ditampilkan */
.page_index_site .journals .nav-pills {
    flex: 0 0 auto;
    margin-top: 12px;
}

/* Metadata dan tabel tidak menimbulkan overflow */
.page_index_site .journals table {
    max-width: 100%;
    font-size: 13px;
}

.page_index_site .journals img {
    max-width: 100%;
}

/* Mobile */
@media (max-width: 767px) {
    .page_index_site .journals ul.media-list > li.media {
        padding: 18px;
    }

    .page_index_site .journals .media-left {
        margin-bottom: 14px;
    }

    .page_index_site .journals .media-heading {
        font-size: 18px;
    }
}
/* ==========================================
   GRAHA E-JURNAL: COVER-ONLY CATALOG
   ========================================== */

/* Susunan galeri */
.page_index_site .journals ul.media-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    align-items: start;
}

/* Kartu jurnal */
.page_index_site .journals ul.media-list > li.media {
    display: block;
    margin: 0;
    padding: 12px;
    height: auto;
    min-height: 0;
    background: #fff;
    border: 1px solid #e1e8e1;
    border-radius: 10px;
    box-shadow: 0 3px 12px rgba(30, 60, 40, 0.06);
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease;
}

/* Efek hover */
.page_index_site .journals ul.media-list > li.media:hover {
    transform: translateY(-4px);
    box-shadow: 0 9px 22px rgba(30, 60, 40, 0.12);
}

/* Hilangkan semua konten kartu selain sampul */
.page_index_site .journals ul.media-list > li.media .media-body {
    display: none !important;
}

/* Area sampul */
.page_index_site .journals ul.media-list > li.media .media-left {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* Gambar sampul */
.page_index_site .journals ul.media-list > li.media .media-object {
    display: block;
    width: auto;
    max-width: 100%;
    height: 250px;
    object-fit: contain;
    margin: 0 auto;
    border-radius: 4px;
}

/* Tablet */
@media (max-width: 991px) {
    .page_index_site .journals ul.media-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .page_index_site .journals ul.media-list > li.media .media-object {
        height: 220px;
    }
}

/* Ponsel */
@media (max-width: 767px) {
    .page_index_site .journals ul.media-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .page_index_site .journals ul.media-list > li.media {
        padding: 8px;
    }

    .page_index_site .journals ul.media-list > li.media .media-object {
        height: 190px;
    }
}
body {
    background: #ff00ff !important;
}
/* Nama jurnal di bawah sampul */
.page_index_site .journals ul.media-list > li.media .media-body {
    display: block !important;
    width: 100%;
    margin-top: 14px;
    text-align: left;
}

/* Tampilkan judul saja */
.page_index_site .journals ul.media-list > li.media .media-body > * {
    display: none !important;
}

.page_index_site .journals ul.media-list > li.media .media-heading {
    display: block !important;
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}

.page_index_site .journals ul.media-list > li.media .media-heading a {
    color: #285c42;
    text-decoration: none;
}

/* Ruang kartu menyesuaikan isi */
.page_index_site .journals ul.media-list > li.media {
    height: auto;
    min-height: 0;
    align-self: start;
}
/* ==========================================
   GRAHA E-JURNAL: JOURNAL INFORMATION
   Cover + Journal Name + Accreditation + Indexing
   ========================================== */

/* Tampilkan area informasi jurnal */
.page_index_site .journals ul.media-list > li.media .media-body {
    display: block !important;
    width: 100%;
    margin-top: 14px;
    text-align: center;
}

/* Sembunyikan deskripsi dan elemen tambahan */
.page_index_site .journals ul.media-list > li.media .media-body > * {
    display: none !important;
}

/* Tampilkan nama jurnal */
.page_index_site .journals ul.media-list > li.media .media-body .media-heading {
    display: block !important;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
}

/* Warna nama jurnal */
.page_index_site .journals .media-heading a {
    color: #285c42;
    text-decoration: none;
}

/* Baris Accreditation */
.page_index_site .journals ul.media-list > li.media:nth-child(1)
.media-heading::after {
    content: "Accreditation: Process";
}

.page_index_site .journals ul.media-list > li.media:nth-child(2)
.media-heading::after,
.page_index_site .journals ul.media-list > li.media:nth-child(3)
.media-heading::after,
.page_index_site .journals ul.media-list > li.media:nth-child(4)
.media-heading::after,
.page_index_site .journals ul.media-list > li.media:nth-child(5)
.media-heading::after {
    content: "Accreditation: New Born";
}

/* Gaya label Accreditation */
.page_index_site .journals ul.media-list > li.media .media-heading::after {
    display: block;
    margin-top: 10px;
    color: #68756d;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
}

/* Baris Indexing */
.page_index_site .journals ul.media-list > li.media:nth-child(1)
.media-body::after,
.page_index_site .journals ul.media-list > li.media:nth-child(2)
.media-body::after,
.page_index_site .journals ul.media-list > li.media:nth-child(3)
.media-body::after,
.page_index_site .journals ul.media-list > li.media:nth-child(4)
.media-body::after,
.page_index_site .journals ul.media-list > li.media:nth-child(5)
.media-body::after {
    content: "Indexing: Garuda · Dimensions · Google · ORCID";
    display: block;
    margin-top: 5px;
    color: #285c42;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.8;
}

/* Tinggi kartu menyesuaikan konten */
.page_index_site .journals ul.media-list > li.media {
    height: auto;
    min-height: 0;
    align-self: start;
}

/* Jarak antara sampul dan nama jurnal */
.page_index_site .journals ul.media-list > li.media .media-left {
    margin-bottom: 0;
}

/* Tampilan ponsel */
@media (max-width: 767px) {
    .page_index_site .journals ul.media-list > li.media .media-heading {
        font-size: 14px;
    }
}

/* ==========================================
   GRAHA E-JURNAL — HEADER IDENTITY
   ========================================== */

/* Area header */
#headerNavigationContainer {
    background: #ffffff;
    border-top: 5px solid #285c42;
    border-bottom: 1px solid #e1e8e1;
    box-shadow: 0 3px 14px rgba(30, 60, 40, 0.06);
}

/* Logo dan identitas portal */
#headerNavigationContainer .navbar-brand {
    display: flex;
    align-items: center;
    gap: 22px;
    min-height: 110px;
    height: auto;
    padding-top: 18px;
    padding-bottom: 18px;
    white-space: normal;
}

/* Ukuran logo */
#headerNavigationContainer .navbar-brand img {
    display: block;
    width: auto;
    max-width: 250px;
    max-height: 85px;
    object-fit: contain;
}

/* Nama portal dan deskripsi */
#headerNavigationContainer .navbar-brand::after {
    content: "GRAHA E-JURNAL\A Academic Publishing Portal\A Scholarly Journals by Yayasan Insan Cendekia Nusantara (ICNU)";
    display: block;
    white-space: pre-line;
    color: #285c42;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.2px;
}

/* Nama portal lebih menonjol */
#headerNavigationContainer .navbar-brand::after {
    line-height: 1.9;
}

/* Area navigasi */
#headerNavigationContainer .navbar-nav > li > a {
    color: #285c42;
    font-size: 14px;
    font-weight: 600;
    padding-top: 18px;
    padding-bottom: 18px;
}

/* Hover navigasi */
#headerNavigationContainer .navbar-nav > li > a:hover,
#headerNavigationContainer .navbar-nav > li > a:focus {
    color: #19432f;
    background: #f5f8f3;
}

/* Responsif untuk tablet dan ponsel */
@media (max-width: 767px) {
    #headerNavigationContainer .navbar-brand {
        gap: 12px;
        min-height: 75px;
        max-width: calc(100% - 55px);
        padding-top: 12px;
        padding-bottom: 12px;
    }

    #headerNavigationContainer .navbar-brand img {
        max-width: 125px;
        max-height: 50px;
    }

    #headerNavigationContainer .navbar-brand::after {
        font-size: 10px;
        line-height: 1.6;
    }
}
/* ==========================================
   GRAHA E-JURNAL — FOOTER FIX
   ========================================== */

/* Warna latar halaman */
html,
body {
    background-color: #f5f7f5 !important;
}

/* Area footer utama */
.pkp_structure_footer_wrapper {
    background-color: #19432f !important;
    border-top: 4px solid #b3ce30;
    color: #ffffff;
}

/* Isi footer */
.pkp_structure_footer {
    background-color: transparent !important;
    color: #ffffff;
}

/* Tautan footer */
.pkp_structure_footer a {
    color: #e4efb2 !important;
}

/* Area branding OJS/PKP */
.pkp_brand_footer {
    background-color: #f5f7f5 !important;
    padding: 20px 0;
    text-align: center;
}

/* Gambar branding OJS/PKP */
.pkp_brand_footer img {
    max-width: 180px;
    height: auto;
}

/* Pastikan halaman tidak memiliki latar magenta */
.pkp_structure_page {
    background-color: #ffffff !important;
}

/* Hide OJS/PKP platform branding */
.pkp_brand_footer {
    display: none !important;
}

/* Hide OJS/PKP footer branding */
.pkp_brand_footer,
.pkp_brand_footer a,
.pkp_brand_footer img,
.pkp_brand_footer p {
    display: none !important;
}

/* Remove empty space left by branding */
.pkp_brand_footer {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Indexing links on journal cards */
.journal-indexing {
    margin-top: 10px;
    color: #285c42;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
}

.journal-indexing a {
    color: #285c42;
    text-decoration: none;
    font-weight: 600;
}

.journal-indexing a:hover,
.journal-indexing a:focus {
    color: #19432f;
    text-decoration: underline;
}