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

/* Menjamin id "navigationPrimary" selalu berformat center */
#navigationPrimary {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !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;
    right: auto !important;
}

/* 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, dan margin container 100% */
.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;
}

/* 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: #87CEEB !important; /* Sky 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;
}

/* --------------------------------------------------------------------------
   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;
}