/* ==========================================================
   CSS UNIVERSAL TUNGGAL E-JOURNAL STMIK ROSMA (1 CSS UNTUK SEMUA)
   Mencakup: Portal Utama (Home) & Semua Jurnal (Interkom, Dirgamaya, Abdimas, Inotek)
   ========================================================== */

/* ---------- 0. Global Reset & Base Typography ---------- */
* {
    box-sizing: border-box;
}

body {
    background-color: #f1f5f9 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    color: #1e293b !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.6 !important;
}

/* Sembunyikan elemen aksesibilitas tersembunyi & toggle mobile di desktop */
.cmp_skip_to_content,
a.pkp_screen_reader,
.pkp_screen_reader {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

@media (min-width: 992px) {
    .pkp_site_nav_toggle {
        display: none !important;
    }
}

/* Hilangkan SEMUA garis pemisah vertikal & latar belakang bawaan tema OJS yang memotong layout */
.pkp_structure_sidebar:before,
.pkp_structure_sidebar:after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after,
.pkp_structure_main:before,
.pkp_structure_main:after,
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_content:before,
.pkp_structure_content:after,
.pkp_structure_content::before,
.pkp_structure_content::after,
.cmp_announcements:before,
.cmp_announcements:after,
.cmp_announcements > .obj_announcement_summary:before,
.cmp_announcements > .obj_announcement_summary:after,
.cmp_announcements .more:before,
.cmp_announcements .more:after {
    display: none !important;
    content: none !important;
    border: none !important;
    background: transparent !important;
    width: 0 !important;
    height: 0 !important;
}

.pkp_structure_main,
.pkp_structure_sidebar,
.pkp_structure_content,
.main_entry,
.cmp_announcements,
.cmp_announcements.cmp_announcements > li,
.cmp_announcements + .additional_content,
.additional_content {
    border-left: none !important;
    border-right: none !important;
}

/* Hilangkan bullet bawaan browser pada navigasi, breadcrumb, dan daftar */
.pkp_navigation_primary,
.pkp_navigation_primary ul,
.pkp_navigation_primary li,
.pkp_navigation_user,
.pkp_navigation_user ul,
.pkp_navigation_user li,
.cmp_breadcrumbs ol,
.cmp_breadcrumbs ul,
.cmp_breadcrumbs li,
.cmp_announcements ul,
.cmp_announcements li,
.cmp_article_list,
.cmp_article_list li,
.journals ul,
.journals li {
    list-style: none !important;
    list-style-type: none !important;
}

/* Container Pembungkus Halaman */
.pkp_structure_page {
    max-width: 1180px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
    min-height: 100vh !important;
}

/* ---------- 1. Header Banner Gradient STMIK ROSMA ---------- */
.pkp_structure_head {
    background: #002243 !important;
    border-bottom: none !important;
    padding: 0 !important;
    position: relative !important;
}

.pkp_structure_head .pkp_head_wrapper {
    position: relative !important;
}

.pkp_structure_head .pkp_site_name_wrapper {
    background: linear-gradient(90deg, #002243 0%, #0a3f7f 55%, #1c6fd0 100%) !important;
    padding: 18px 28px !important;
    min-height: 130px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.pkp_structure_head .pkp_site_name_wrapper:after {
    display: none !important;
    content: none !important;
}

.pkp_structure_head .pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.pkp_structure_head .pkp_site_name a.is_img {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    gap: 18px !important;
    width: 100% !important;
}

/* LOGO BULAT STMIK ROSMA (Otomatis digunakan di semua halaman & jurnal, bukan banner) */
.pkp_structure_head .pkp_site_name .is_img img {
    content: url("/public/site/pageHeaderTitleImage_en_US.png") !important;
    width: 95px !important;
    height: 95px !important;
    max-width: 95px !important;
    max-height: 95px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35)) !important;
    flex-shrink: 0 !important;
}

/* Teks Judul & ISSN Otomatis di Sebelah Logo dengan batasan lebar agar TIDAK MENABRAK tombol Login */
.pkp_site_name a.is_img::after {
    white-space: pre-wrap !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
    font-family: inherit !important;
    display: block !important;
    max-width: calc(100% - 240px) !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* 1a. Teks Header untuk Masing-masing Jurnal */
.pkp_site_name a[href*="/interkom"]::after {
    content: "Jurnal Interkom: Jurnal Publikasi Ilmiah Bidang Teknologi Informasi dan Komunikasi\A P-ISSN: 1907-8420 | E-ISSN: 2621-1106" !important;
}

.pkp_site_name a[href*="/dirgamaya"]::after {
    content: "Dirgamaya: Jurnal Manajemen dan Sistem Informasi\A E-ISSN: 2798-0936" !important;
}

.pkp_site_name a[href*="/abdimas"]::after {
    content: "Jurnal Abdimas: Sistem dan Teknologi Informasi\A P-ISSN: 2809-5111 | E-ISSN: 2798-0944" !important;
}

.pkp_site_name a[href*="/inotek"]::after {
    content: "Prosiding Seminar Nasional INOTEK\A E-ISSN: 2809-7165" !important;
}

/* 1b. Teks Header Khusus Portal Utama (Home) */
.pkp_site_name a[href*="/index/index"]::after,
.pkp_site_name a[href$="/index.php"]::after,
.pkp_site_name a[href$="/index.php/"]::after,
.pkp_site_name a[href$=":8000"]::after,
.pkp_site_name a[href$=":8000/"]::after {
    content: "E-Journal STMIK ROSMA\A Sekolah Tinggi Manajemen Informatika dan Komputer ROSMA" !important;
}

/* ---------- 2. User Menu (Register, Login & Dropdown Profile) ---------- */
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 24px !important;
    z-index: 9999 !important;
}

ul.pkp_navigation_user,
.pkp_navigation_user {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    position: relative !important;
}

ul.pkp_navigation_user > li,
.pkp_navigation_user > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* Tombol Utama Top-Level (Register, Login, atau Profile 'root 317') */
ul.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #002243 !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    padding: 7px 18px !important;
    border-radius: 20px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    cursor: pointer !important;
}

ul.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:hover {
    background: #f8fafc !important;
    color: #004b87 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* Badge angka tasks (contoh: 317) */
.pkp_navigation_user .task_count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #e2e8f0 !important;
    color: #002243 !important;
    border-radius: 12px !important;
    padding: 2px 7px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin-left: 4px !important;
}

/* Dropdown Menu Container (Kotak Menu Melayang saat Profile diklik/hover) */
ul.pkp_navigation_user ul,
.pkp_navigation_user ul,
.pkp_navigation_user .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 8px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    padding: 8px 0 !important;
    min-width: 190px !important;
    list-style: none !important;
    z-index: 10000 !important;
}

/* Tampilkan Dropdown saat di-hover atau fokus */
ul.pkp_navigation_user > li:hover > ul,
.pkp_navigation_user > li:hover > ul,
ul.pkp_navigation_user > li:focus-within > ul,
.pkp_navigation_user > li:focus-within > ul,
.pkp_navigation_user ul.show,
.pkp_navigation_user .dropdown-menu.show {
    display: block !important;
}

ul.pkp_navigation_user ul li,
.pkp_navigation_user ul li,
.pkp_navigation_user .dropdown-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* Item Link di Dalam Dropdown: TEKS HITAM/GELAP JELAS, LATAR BERSIH */
ul.pkp_navigation_user ul a,
.pkp_navigation_user ul a,
.pkp_navigation_user .dropdown-menu a {
    display: flex !important;
    align-items: center !important;
    color: #1e293b !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: left !important;
    text-decoration: none !important;
    box-shadow: none !important;
    width: 100% !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

ul.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user .dropdown-menu a:hover {
    background: #f1f5f9 !important;
    color: #004b87 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* ---------- 3. Navbar Putih Bersih (Portal & Jurnal) ---------- */
.pkp_structure_head .pkp_navigation_primary_row {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 0 20px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    position: relative !important;
}

ul.pkp_navigation_primary,
.pkp_navigation_primary {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
    position: relative !important;
}

ul.pkp_navigation_primary > li,
.pkp_navigation_primary > li {
    list-style: none !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Link Top-Level Navbar (Current, Archives, Announcements, Submissions, About the Journal, Contact) */
ul.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 14px !important;
    color: #334155 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    transition: color 0.15s ease, background-color 0.15s ease !important;
    white-space: nowrap !important;
}

ul.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:hover,
ul.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li:hover > a {
    color: #004b87 !important;
    background-color: #f1f5f9 !important;
}

/* Dropdown Menu Navbar (Kotak Dropdown 'About the Journal' -> Editorial Masthead, dll.) */
ul.pkp_navigation_primary ul,
.pkp_navigation_primary ul,
ul.pkp_navigation_primary > li > ul,
.pkp_navigation_primary > li > ul,
.pkp_navigation_primary .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    margin-top: 2px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    padding: 6px 0 !important;
    min-width: 200px !important;
    list-style: none !important;
    display: none !important;
    z-index: 9999 !important;
}

/* Munculkan Dropdown saat li di-hover atau fokus */
ul.pkp_navigation_primary > li:hover > ul,
.pkp_navigation_primary > li:hover > ul,
ul.pkp_navigation_primary > li:focus-within > ul,
.pkp_navigation_primary > li:focus-within > ul {
    display: block !important;
}

ul.pkp_navigation_primary ul li,
.pkp_navigation_primary ul li,
.pkp_navigation_primary .dropdown-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* Item Link di Dalam Dropdown: Latar Putih Bersih, Teks Gelap Rapi */
ul.pkp_navigation_primary ul a,
.pkp_navigation_primary ul a,
.pkp_navigation_primary .dropdown-menu a {
    display: block !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    color: #1e293b !important;
    background: #ffffff !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: left !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}

ul.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary .dropdown-menu a:hover {
    background: #f1f5f9 !important;
    color: #004b87 !important;
    font-weight: 600 !important;
}

/* Tombol Search di Sebelah Kanan Navbar */
.pkp_navigation_primary_wrapper a[href*="search"] {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #004b87 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 8px 14px !important;
    border-radius: 4px !important;
    transition: background 0.15s ease !important;
}

.pkp_navigation_primary_wrapper a[href*="search"]:hover {
    background: #e0f2fe !important;
}

/* ---------- 4. Portal Utama (Homepage /) Card List Jurnal ---------- */
.page_index_site .pkp_structure_main {
    max-width: 1100px !important;
    margin: 30px auto !important;
    padding: 0 20px 60px !important;
    box-sizing: border-box !important;
}

.page_index_site .pkp_structure_main h2 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #002243 !important;
    border-bottom: 2px solid #004b87 !important;
    padding-bottom: 10px !important;
    margin-bottom: 28px !important;
}

.page_index_site .journals {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}

.page_index_site .journals li {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 24px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.page_index_site .journals li:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-2px) !important;
}

.page_index_site .journals h3 {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
}

.page_index_site .journals h3 a {
    color: #004b87 !important;
    text-decoration: none !important;
}

.page_index_site .journals h3 a:hover {
    color: #0a3f7f !important;
    text-decoration: underline !important;
}

.page_index_site .journals .description {
    color: #475569 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    text-align: justify !important;
    margin: 0 !important;
}

.page_index_site .journals .thumb {
    display: none !important;
}

.page_index_site .journals .links {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    margin-top: 8px !important;
    padding: 0 !important;
}

.page_index_site .journals .links li {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transform: none !important;
}

.page_index_site .journals .links a {
    display: inline-block !important;
    padding: 8px 18px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
}

.page_index_site .journals .links li:not(.current) a {
    background: #004b87 !important;
    color: #ffffff !important;
}

.page_index_site .journals .links li:not(.current) a:hover {
    background: #003366 !important;
}

.page_index_site .journals .links li.current a {
    background: #f0a500 !important;
    color: #002243 !important;
}

.page_index_site .journals .links li.current a:hover {
    background: #d99200 !important;
}

/* ---------- 5. Layout Dua Kolom di Halaman Jurnal (Flexbox Rata Sempurna) ---------- */
@media (min-width: 992px) {
    .pkp_structure_content.has_sidebar {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 32px !important;
        max-width: 1180px !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 30px 24px 60px !important;
        box-sizing: border-box !important;
        position: relative !important;
        float: none !important;
    }

    .pkp_structure_main {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    .pkp_structure_sidebar {
        flex: 0 0 290px !important;
        width: 290px !important;
        min-width: 290px !important;
        max-width: 290px !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        border: none !important;
    }
}

/* ---------- 6. Kotak Sidebar Modern, Presisi & Rata Kebawah (Semua Blok Seragam) ---------- */
.pkp_structure_sidebar .pkp_block {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Judul Header Tiap Blok Sidebar (MAIN MENU, TEMPLATE JURNAL, PENULISAN, dll.) */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block span.title,
.pkp_structure_sidebar .block_custom .title {
    display: block !important;
    background: #004b87 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    border: none !important;
    border-bottom: 3px solid #f0a500 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: left !important;
}

/* ---------- 7. Penataan Gambar-Gambar Sidebar Rata, Rapi & Proporsional ---------- */
.pkp_structure_sidebar .pkp_block .content {
    padding: 16px 14px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}

.pkp_structure_sidebar .pkp_block .content p {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.pkp_structure_sidebar .pkp_block .content p:last-child {
    margin-bottom: 0 !important;
}

.pkp_structure_sidebar .pkp_block .content a {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    text-decoration: none !important;
}

/* Semua gambar sponsor, index, template dibuat rata tengah, seragam, tanpa bingkai kotak berlebih */
.pkp_structure_sidebar .pkp_block .content img {
    display: block !important;
    max-width: 225px !important;
    width: auto !important;
    height: auto !important;
    max-height: 70px !important;
    object-fit: contain !important;
    margin: 6px auto !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: transparent !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.pkp_structure_sidebar .pkp_block .content img:hover {
    transform: translateY(-2px) !important;
    opacity: 0.88 !important;
}

/* Sembunyikan tag gambar rusak atau broken link */
.pkp_structure_sidebar .pkp_block .content img[src*="<img"],
.pkp_structure_sidebar .pkp_block .content img[src*="' alt="],
.pkp_structure_sidebar .pkp_block .content img[src*="olddrji.lbp.world"] {
    display: none !important;
}

/* Pengecualian khusus untuk widget counter agar tidak terpotong */
#customblock-counter .content img {
    max-height: none !important;
    width: auto !important;
    max-width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Pengecualian icon rss/feed */
.block_web_feed .content ul {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.block_web_feed .content img {
    width: 32px !important;
    height: 32px !important;
    max-height: 32px !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ---------- 8. Main Menu Sidebar Modern Card Buttons ---------- */
.vertical-menu,
#customblock-sidebar .content {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 14px 14px !important;
}

.vertical-menu a,
#customblock-sidebar a,
.block_custom#customblock-sidebar .content a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 5px !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    width: 100% !important;
    color: #1e293b !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    line-height: 1.35 !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.vertical-menu a::after,
#customblock-sidebar a::after,
.block_custom#customblock-sidebar .content a::after {
    content: "›" !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    margin-left: 8px !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
}

.vertical-menu a:hover,
#customblock-sidebar a:hover,
.block_custom#customblock-sidebar .content a:hover {
    background: #f0f7ff !important;
    color: #004b87 !important;
    border-color: #004b87 !important;
    box-shadow: 0 2px 6px rgba(0, 75, 135, 0.1) !important;
}

.vertical-menu a:hover::after,
#customblock-sidebar a:hover::after,
.block_custom#customblock-sidebar .content a:hover::after {
    color: #004b87 !important;
    transform: translateX(3px) !important;
}

/* ---------- 9. Pengumuman & Isu Jurnal Modern Cards ---------- */
.cmp_announcements {
    border: none !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
}

.cmp_announcements .more {
    display: none !important;
}

.cmp_announcements .obj_announcement_summary {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #004b87 !important;
    border-radius: 6px !important;
    padding: 20px 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

.cmp_announcements .obj_announcement_summary h4 a,
.cmp_announcements .obj_announcement_summary h3 a {
    color: #004b87 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.cmp_announcements .obj_announcement_summary .date {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 6px 0 12px !important;
}

.page_index_journal h2.current_issue_title,
.homepage_about h2 {
    border-left: 4px solid #004b87 !important;
    padding-left: 10px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 18px !important;
}

/* About the Journal Card (Halaman Depan Jurnal) */
.homepage_about,
.page_index_journal .homepage_about {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 22px 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
}

/* Current Issue Card Container */
.current_issue {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 22px 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
}

.current_issue .current_issue_title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #004b87 !important;
    margin: 10px 0 16px !important;
}

/* Daftar Artikel Card */
.cmp_article_list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cmp_article_list > li {
    list-style: none !important;
    margin-bottom: 18px !important;
    padding: 0 !important;
}

.obj_article_summary {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 16px 20px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.obj_article_summary:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(0, 75, 135, 0.08) !important;
}

.obj_article_summary .title a {
    color: #004b87 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

.obj_article_summary .title a:hover {
    color: #002d54 !important;
    text-decoration: underline !important;
}

.obj_article_summary .meta {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 8px 0 12px !important;
}

.obj_article_summary .galleys_links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    gap: 8px !important;
}

.obj_galley_link {
    display: inline-flex !important;
    align-items: center !important;
    background: #004b87 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 5px 14px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
}

.obj_galley_link:hover {
    background: #003366 !important;
    color: #ffffff !important;
}

/* ---------- 10. Breadcrumbs ---------- */
.cmp_breadcrumbs ol,
.cmp_breadcrumbs ul {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    gap: 8px !important;
}

.cmp_breadcrumbs li {
    list-style: none !important;
    font-size: 13px !important;
    color: #64748b !important;
    display: inline-flex !important;
    align-items: center !important;
}

.cmp_breadcrumbs a {
    color: #004b87 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

/* ---------- 11. Footer STMIK ROSMA ---------- */
.pkp_structure_footer_wrapper {
    background: #002243 !important;
    color: #ffffff !important;
    border-top: 3px solid #f0a500 !important;
    padding: 30px 24px !important;
    text-align: center !important;
    margin-top: 40px !important;
}

.pkp_structure_footer_wrapper a {
    color: #f0a500 !important;
    text-decoration: none !important;
}

.pkp_structure_footer_wrapper a:hover {
    text-decoration: underline !important;
}