/* Ini menargetkan navbar bawaan tema Bootstrap 3 OJS */
header.navbar.navbar-default,
.pkp_structure_head {
    background-image: url('https://jurnal.asia.ac.id/public/site/images/webmaster/banner-header-mi-061c229ca91f3ee03c1c71e1d0af21ea.png') !important;
    background-size: cover !important; /* Agar gambar penuh menutupi area */
    background-position: center !important; /* Agar gambar di tengah */
    background-repeat: no-repeat !important; /* Agar gambar tidak mengulang */
    border-bottom: none !important; /* Opsional: hilangkan garis bawah default */
}

/* Menghapus logo/teks jurnal bawaan jika sudah ada di banner */
.navbar-brand, .site_title {
    display: none !important;
}
/* ==========================================
   1. HIGHLIGHT & DROPDOWN MENU
   ========================================== */

/* Warna hover/focus saat item menu dropdown dipilih */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #FFC0CB !important;
    color: #000000 !important; /* Teks Hitam */
}

/* Border tipis pada dropdown agar rapi */
.dropdown-menu {
    border: 1px solid #f2a4b3 !important;
}

/* ==========================================
   2. FOOTER FULL BLOCK (#FFC0CB) & TEKS HITAM
   ========================================== */

footer, 
.footer,
.pkp_footer,
.pkp_brand_footer {
    background: #FFC0CB !important;
    color: #000000 !important; /* Teks Hitam */
    border-top: 1px solid #f2a4b3 !important; /* Garis tepi atas disesuaikan */
}

/* Teks & Link di Footer */
footer a, 
.footer a,
.pkp_footer a,
.pkp_brand_footer a,
footer p,
.footer p,
.pkp_footer p,
footer span,
.footer span {
    color: #000000 !important; /* Teks Hitam */
    text-decoration: none !important;
}

/* Hover link di footer */
footer a:hover, 
.footer a:hover,
.pkp_footer a:hover,
.pkp_brand_footer a:hover {
    color: #ed3d6b !important; /* Pink Utama saat di-hover */
}

/* Mengembalikan logo PKP OJS di footer ke warna asli/gelap agar kontras */
footer img,
.footer img,
.pkp_footer img {
    filter: none !important;
}

/* ==========================================
   3. HEADER & NAVIGASI UTAMA
   ========================================== */

/* Header / Navbar Utama */
.navbar-default {
    background-color: #FFC0CB !important;
    border-color: #f2a4b3 !important;
}

/* Judul Jurnal / Brand di Pojok Kiri Bawah */
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #000000 !important; /* Teks Hitam */
    font-weight: bold;
}

/* Menu User / Webmaster & Notifikasi di Pojok Kanan Atas */
#navigationUser a,
#navigationUser .dropdown-toggle,
.navbar-default .navbar-nav > li#navigationUser > a {
    color: #000000 !important; /* Teks Hitam */
}

/* Panah Dropdown di User Profile */
#navigationUser .caret {
    border-top-color: #000000 !important;
    border-bottom-color: #000000 !important;
}

/* Teks Navigasi Utama (Current, Archives, About, dll) */
.navbar-default .navbar-nav > li > a {
    color: #000000 !important; /* Teks Hitam */
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #f8a5b5 !important;
    color: #000000 !important;
}

/* Tombol Utama (Primary Button / Search) */
.btn-primary {
    background-color: #FFC0CB !important;
    border-color: #f2a4b3 !important;
    color: #000000 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #f8a5b5 !important;
    border-color: #ed3d6b !important;
    color: #000000 !important;
}
/* ==========================================
   4. QUICK LINK SIDEBAR STYLING & HOVER (MAMI)
   ========================================== */

.mami-ql-box a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

.mami-ql-box a:hover {
    background-color: #FFC0CB !important;
    color: #000000 !important; /* Teks Hitam saat hover */
}

.mami-ql-box a:hover i {
    color: #000000 !important; /* Ikon Hitam saat hover */
}
/* ==========================================
   FIX HOVER & ACTIVE USER NAVIGATION (RIGHT)
   ========================================== */

/* Hover, Focus, & State Aktif/Open pada User Navigation */
#navigationUser a:hover,
#navigationUser a:focus,
#navigationUser.open > a,
#navigationUser.open > a:hover,
#navigationUser.open > a:focus,
.navbar-default .navbar-nav > li#navigationUser > a:hover,
.navbar-default .navbar-nav > li#navigationUser > a:focus,
.navbar-default .navbar-nav > li#navigationUser.open > a {
    background-color: #f8a5b5 !important; /* Warna pink lembut saat hover/aktif */
    color: #000000 !important;             /* Teks tetap hitam pekat */
}

/* Memastikan Panah Dropdown tetep Hitam saat Hover/Open */
#navigationUser.open > a .caret,
#navigationUser a:hover .caret {
    border-top-color: #000000 !important;
    border-bottom-color: #000000 !important;
}

/* ==========================================
   FIX WARNA LINK KONTEN & BREADCRUMB (HAPUS ORANYE)
   ========================================== */

/* 1. Link Teks di Area Konten Utama & Quick Navigation */
a, 
.page a, 
.pkp_structure_main a {
    color: #ed3d6b !important; /* Mengubah oranye jadi Pink MAMI */
}

a:hover, 
a:focus, 
.page a:hover, 
.pkp_structure_main a:hover {
    color: #c9244f !important; /* Pink sedikit lebih gelap saat kursor menempel */
    text-decoration: underline;
}

/* 2. Breadcrumb (Navigasi Jalur 'Home / About the Journal') */
.breadcrumb > li > a {
    color: #ed3d6b !important;
}

.breadcrumb > li > a:hover {
    color: #c9244f !important;
}

.breadcrumb > .active {
    color: #777777 !important; /* Teks halaman aktif tetap abu-abu netral */
}
/* Menghilangkan garis bawah saat hover khusus Quick Link Sidebar */
.mami-ql-box a:hover,
.mami-ql-box a:focus {
    text-decoration: none !important;
    background-color: #FFC0CB !important;
    color: #000000 !important;
}

/* ==========================================================
   JAM-STYLE BLOCK LAYOUT ONLY – OJS 3.3 — V2
   ----------------------------------------------------------
   Fokus:
   - TIDAK mengubah warna header/footer/branding yang sudah ada.
   - Background BODY dibuat abu-abu muda.
   - Memberi jarak lebih jelas antara main content dan sidebar.
   - Header, main card, custom blocks, quick link, breadcrumb,
     dan footer diberi border + shadow yang lebih terlihat.
   ========================================================== */

/* ---------- 1. LATAR HALAMAN ---------- */
html,
body {
    background: #E8E8EB !important;
}

body {
    min-height: 100%;
}

/* Pastikan wrapper tema OJS tidak menimpa background body */
html,
body,
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_body {
    background-color: #E8E8EB !important;
}

/* Wrapper hanya transparan; card tetap putih */
.pkp_structure_page,
.pkp_structure_body,
.pkp_structure_content {
    background: transparent !important;
}

/* ---------- 2. HEADER SEBAGAI CARD ---------- */
.pkp_structure_head {
    margin-bottom: 18px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14) !important;
    position: relative !important;
    z-index: 10 !important;
}

header.navbar.navbar-default {
    border-radius: 3px !important;
    /* Tidak mengubah warna/background header yang sudah ada */
    box-shadow: none !important;
}

/* ---------- 3. PEMBUNGKUS KONTEN ---------- */
.pkp_structure_content {
    position: relative !important;
    z-index: 1 !important;
}

/* ---------- 4. MAIN CONTENT SEBAGAI CARD ---------- */
.pkp_structure_main {
    background: #ffffff !important;
    border: 1px solid #dfe2e5 !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.11) !important;
    padding: 24px 26px !important;
    margin-bottom: 18px !important;
}

/* ---------- 5. SIDEBAR: JARAK DARI MAIN CONTENT ---------- */
.pkp_structure_sidebar {
    background: transparent !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 18px !important;
}

/* ---------- 6. SETIAP CUSTOM BLOCK JADI CARD ---------- */
.pkp_structure_sidebar .block {
    background: #ffffff !important;
    border: 1px solid #dfe2e5 !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.11) !important;
    margin: 0 0 16px 0 !important;
    padding: 14px !important;
}

/* Jarak antar block sidebar tetap 16px */
.pkp_structure_sidebar .block + .block {
    margin-top: 16px !important;
}

/* Judul custom/sidebar block */
.pkp_structure_sidebar .block .title,
.pkp_structure_sidebar .block h2,
.pkp_structure_sidebar .block h3 {
    margin-top: 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

/* ---------- 7. QUICK LINK BOX ---------- */
.mami-ql-box {
    background: #ffffff !important;
    border: 1px solid #dfe2e5 !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.11) !important;
    overflow: hidden !important;
    margin-bottom: 16px !important;
}

.mami-ql-box a {
    border-bottom: 1px solid #eeeeee !important;
}

.mami-ql-box a:last-child {
    border-bottom: none !important;
}

/* ---------- 8. BREADCRUMB CARD ---------- */
.breadcrumb {
    background: #ffffff !important;
    border: 1px solid #dfe2e5 !important;
    border-radius: 3px !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08) !important;
    padding: 10px 14px !important;
    margin-bottom: 18px !important;
}

/* ---------- 9. PEMBATAS ANTAR BAGIAN KONTEN ---------- */
.obj_issue_toc .section {
    margin-bottom: 22px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ededed !important;
}

.obj_issue_toc .articles > li,
.obj_article_summary {
    border-bottom: 1px solid #eeeeee !important;
    padding: 14px 0 !important;
}

.obj_issue_toc .articles > li:last-child {
    border-bottom: none !important;
}

/* ---------- 10. FOOTER SEBAGAI CARD ---------- */
.pkp_structure_footer {
    margin-top: 18px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 3px 3px 0 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14) !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Jangan ubah warna footer dari CSS lama */

/* ---------- 11. DROPDOWN ---------- */
.dropdown-menu {
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.12) !important;
}

/* ---------- 12. MODAL / NOTIFICATION ---------- */
.modal-content,
.pkp_notification,
.alert {
    border-radius: 3px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10) !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media (max-width: 991px) {
    .pkp_structure_main {
        padding: 20px !important;
    }

    .pkp_structure_sidebar {
        margin-top: 18px !important;
        padding-left: 0 !important;
    }
}

@media (max-width: 767px) {
    .pkp_structure_main {
        padding: 16px !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
    }

    .pkp_structure_head,
    .pkp_structure_footer {
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.10) !important;
    }
}


/* ==========================================================
   BACKGROUND ONLY
   Tidak mengubah warna, shadow, border, header, footer,
   maupun card yang sudah ada.
   ========================================================== */

html,
body {
    background-color: #E8E8EB !important;
}

/* Biarkan background area pembungkus transparan agar
   warna #E8E8EB dari body terlihat di sela-sela card. */
.pkp_structure_page,
.pkp_structure_body,
.pkp_structure_content {
    background-color: transparent !important;
}

/* ==========================================================
   HANYA SEMBUNYIKAN LOGO PLATFORM & WORKFLOW BY OJS DI KANAN
   ========================================================== */

/* ==========================================================
   HANYA SEMBUNYIKAN LOGO PLATFORM & WORKFLOW BY OJS DI KANAN
   ========================================================== */

/* Sembunyikan blok logo OJS/PKP secara langsung dan aman */
.pkp_brand_footer,
a[href*="aboutThisPublishingSystem"] {
    display: none !important;
}

/* Lebarkan kolom teks footer kiri agar rapi memenuhi baris */
footer .col-md-8,
footer .col-md-9,
footer .col-md-10,
.pkp_structure_footer .col-md-8,
.pkp_structure_footer .col-md-10,
.pkp_structure_footer .col-md-12 {
    width: 100% !important;
    float: none !important;
}

/* Target 3: Lebarkan kolom teks footer kiri agar rapi memenuhi baris */
footer .col-md-8,
footer .col-md-9,
footer .col-md-10,
.pkp_structure_footer .col-md-8,
.pkp_structure_footer .col-md-10 {
    width: 100% !important;
    float: none !important;
}

/* ==========================================================
   TATA LETAK JITIKA - ARTIKEL & KOTAK MENU
   ========================================================== */

/* Merapikan daftar artikel agar lebih longgar dan bersih */
.obj_article_summary {
    padding: 20px 0 !important;
    border-bottom: 1px solid #eaeaea !important;
}

.obj_article_summary .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.4;
}

/* Mempercantik tombol PDF/Galley */
.btn.btn-primary.galley-link {
    background-color: #FFC0CB !important;
    border-color: #f2a4b3 !important;
    color: #000000 !important;
    border-radius: 4px !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
    text-transform: uppercase;
}

.btn.btn-primary.galley-link:hover {
    background-color: #f8a5b5 !important;
}

/* Struktur Grid untuk Menu Kotak-Kotak (seperti Explore Journal JITIKA) */
.mami-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.mami-grid-item {
    background: #ffffff;
    border: 1px solid #dfe2e5;
    border-radius: 6px;
    padding: 16px;
    text-align: left;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
}

.mami-grid-item:hover {
    background-color: #FFC0CB;
    border-color: #f2a4b3;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.mami-grid-item a {
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    display: flex;
    gap: 10px;
}