/* ==========================================================================
   JOURNAL STYLE SHEET
   Platform: OJS 3.5 (Immersion Theme)
   Target: https://jurnal.umt.ac.id/index.php/jgs/index
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Section class "is_text" - Transparant & Tidak Terlihat
   -------------------------------------------------------------------------- */
.is_text {
    background-color: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important; /* Memastikan elemen benar-benar hilang dari layout */
}

/* --------------------------------------------------------------------------
   2. Navigasi & Header Layout (Format Center & Dropdown Toggle)
   -------------------------------------------------------------------------- */
/* Target selector panjang untuk navigasi utama agar rata tengah */
html body.page_index.op_index header#immersion_content_header.main-header div.container-fluid nav.navbar.navbar-expand-sm.main-header__nav #navigationPrimary {
    justify-content: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Modifikasi id "navigationPrimary" menjadi full block Putih dengan font Verdana Hitam */
#navigationPrimary {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
    background-color: #ffffff !important; /* Full block Putih */
    font-family: Verdana, Geneva, sans-serif !important; /* Font Verdana */
    color: #000000 !important; /* Warna teks Hitam */
}

/* Memastikan link/teks di dalam navigationPrimary juga berwarna hitam */
#navigationPrimary a {
    color: #000000 !important;
    font-family: Verdana, Geneva, sans-serif !important;
}

#navigationPrimary > li {
    float: none !important;
    display: inline-block !important;
}

/* Format dropdown menu toggle menjadi center */
#navigationPrimary .dropdown-menu {
    text-align: center !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-color: #ffffff !important; /* Full block Putih */;
    right: auto !important;
}

/* Tambahan untuk #dropdownMenuLink agar berwarna full block Putih dengan font Verdana Hitam */
#dropdownMenuLink {
    background-color: #ffffff !important; /* Full block Putih */
    font-family: Verdana, Geneva, sans-serif !important; /* Font Verdana */
    color: #000000 !important; /* Teks Hitam */
    display: block !important; /* Menjadikannya full block di dalam pembungkusnya */
}

/* Pengaturan spasi jarak jarak default (revert) sebelum dan sesudah */
#navigationPrimary, 
html body.page_index.op_index header#immersion_content_header.main-header div.container-fluid nav.navbar.navbar-expand-sm.main-header__nav {
    margin-top: revert !important;
    margin-bottom: revert !important;
    padding-top: revert !important;
    padding-bottom: revert !important;
}
/* --------------------------------------------------------------------------
   /* --------------------------------------------------------------------------
3. Section Journal Description
   -------------------------------------------------------------------------- */
/* Seluruh font menggunakan Verdana, rata kiri, margin container 100%, ukuran font 14px, dan spasi 1.5 */
.journal-description,
[class*="journal-description"] {
    font-family: Verdana, Geneva, sans-serif !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    font-size: 14px !important; /* Menambahkan ukuran font 14px */
    line-height: 1,5 !important; /* Menambahkan spasi antar baris 1,5 */
}

/* Class col-md-6 di dalam deskripsi menggunakan font Verdana */
.journal-description .col-md-6,
[class*="journal-description"] .col-md-6 {
    font-family: Verdana, Geneva, sans-serif !important;
}

/* Class col-md-6 col-lg-8 menggunakan width 95% */
.journal-description .col-md-6.col-lg-8,
[class*="journal-description"] .col-md-6.col-lg-8,
.col-md-6.col-lg-8 {
    width: 95% !important;
    max-width: 95% !important;
    flex: 0 0 95% !important;
}

/* Mengubah warna background tombol btn-primary menjadi #e5e21b */
.journal-description .btn.btn-primary,
.btn.btn-primary {
    background-color: #e5e21b !important;
    border-color: #e5e21b !important;
    color: #000000 !important; /* Warna teks hitam agar kontras dan terbaca */
}

/* --------------------------------------------------------------------------
   4. Section Issue, Hyperlink, & Spasi Spesifik
   -------------------------------------------------------------------------- */
/* Seluruh komponen issue menggunakan font Verdana, spasi 1, dan background #0b3d64 */
.issue {
    font-family: Verdana, Geneva, sans-serif !important;
    line-height: 1 !important; /* Spasi 1 */
    background-color: #0b3d64 !important; 
    padding-top: 5vh !important; /* Sesuai dengan spesifikasi padding-top 5vh */
}

/* Default text hyperlink di dalam container issue berwarna sky blue */
.issue a {
    color: #0b3d64 !important; /* Blue */
}

/* Pewarnaan khusus #e5e21b pada link DOI dan link issue penuh */
.issue div.container header.issue__header p.issue__doi span.id a,
.issue div.container section.row.issue-desc div.col-md-6 div.issue-desc__content p a.full-issue__link {
    color: #e5e21b !important;
}

/* Aturan layout margin dan padding pada struktur issue */
.issue__header {
    margin-bottom: 2vh !important;
}

.issue-desc {
    padding-top: 0.5em !important;
    padding-bottom: 2.5em !important;
}

.issue-section {
    padding: 5vh 0 1vh 0 !important;
}

.issue-section__header {
    margin-bottom: 0.05vh !important;
}

/* Warna hitam (#000) untuk abstract fadeout sesuai spesifikasi */
.issue-section div.container div.row div.col-12 ol.issue-section__toc li.issue-section__toc-item article.article div.row div.col-md-8.offset-md-4 div.article__abstract-fadeout.article__abstract-fadeout-22 {
    color: #000000 !important;
}

/* Font Verdana untuk class judul artikel dan judul issue */
.article_title, .article-title {
    font-family: Verdana, Geneva, sans-serif !important;
}

.issue_title, .issue-title {
    font-family: Verdana, Geneva, sans-serif !important;
}

/* --------------------------------------------------------------------------
   5. Section "issue-section" & Meta Text Medium
   -------------------------------------------------------------------------- */
/* Seluruh komponen issue-section menggunakan font Verdana */
.issue-section {
    font-family: Verdana, Geneva, sans-serif !important;
}

/* Ukuran font-size medium untuk meta-data artikel sesuai selektor */
.issue section.issue-section div.container div.row div.col-12 ol.issue-section__toc li.issue-section__toc-item article.article div.row div.col-md-8.offset-md-4 p.article__meta {
    font-size: medium !important;
}

/* Pengaturan khusus untuk Cover Articles / Gambar */
.issue-section .img-fluid, 
.issue-section .img-thumbnail {
    max-width: 68% !important; /* Membatasi lebar maksimal cover artikel hingga 68% */
    height: auto !important;
}

.issue-section img, 
.issue-section svg {
    vertical-align: middle !important;
    alignment-baseline: middle !important;
    baseline-shift: 0px !important;
    baseline-source: auto !important;
}
/* --------------------------------------------------------------------------
   6. Footer Section
   -------------------------------------------------------------------------- */
/* Menggunakan font Verdana, spasi 1 (single), dan format rata kiri */
footer,
.footer,
.main-footer {
    font-family: Verdana, Geneva, sans-serif !important;
    line-height: 1 !important;
    text-align: left !important;
}
/* --------------------------------------------------------------------------
   7. Section Article Page (Main Content Background)
   -------------------------------------------------------------------------- */
/* Mengubah background container utama section artikel menjadi Biru Tua */
html body.page_article.op_view main#immersion_content_main > div.row > section.article-page {
    background-color: #0b3d64 !important;
    color: #ffffff; /* Tambahan: mengubah teks utama menjadi putih agar kontras dan mudah dibaca */
    padding: 20px !important; /* Tambahan: memberikan ruang di dalam box agar teks tidak menempel ke tepi */
    border-radius: 4px; /* Tambahan: memperhalus sudut box */
}

/* Memastikan tautan (links) di dalam section ini tetap kontras dan terbaca */
html body.page_article.op_view main#immersion_content_main > div.row > section.article-page a {
    color: #ffcc00 !important; /* Contoh: mengubah link menjadi warna kuning emas agar kontras dengan biru tua */
}

/* Memastikan teks abstrak dan teks meta lainnya menyesuaikan dengan background gelap */
html body.page_article.op_view main#immersion_content_main > div.row > section.article-page .article-page__title,
html body.page_article.op_view main#immersion_content_main > div.row > section.article-page .article-page__meta,
html body.page_article.op_view main#immersion_content_main > div.row > section.article-page .article-page__abstract,
html body.page_article.op_view main#immersion_content_main > div.row > section.article-page .references li {
    color: #ffffff !important;
}