/* ============================================
   PALET WARNA
   ============================================ */
:root {
    --jsbep-maroon: #6b0014;
    --jsbep-maroon-dark: #4c000f;
    --jsbep-maroon-light: #f8e9ec;
}

/* ============================================
   HEADER & NAVBAR (BIRU → MAROON)
   ============================================ */

/* Seluruh header bagian atas */
header.pkp_structure_head,
.pkp_head_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper,
.pkp_site_nav_menu {
    background-color: var(--jsbep-maroon) !important;
}

/* Judul jurnal */
.pkp_site_name .is_text,
.pkp_site_name a {
    color: #ffffff !important;
}

/* Menu navigasi (About, Current, Archives, dst.) */
.pkp_site_nav_menu a,
.pkp_navigation_primary > li > a,
.pkp_navigation_user a {
    color: #ffffff !important;
}

/* Hover nav */
.pkp_site_nav_menu a:hover,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_user a:hover {
    background-color: var(--jsbep-maroon-dark) !important;
    color: #ffffff !important;
}

/* Dropdown menu */
.pkp_nav_list ul {
    background-color: var(--jsbep-maroon) !important;
}
.pkp_nav_list ul a {
    color: #ffffff !important;
}

/* ============================================
   LINK BIASA DI KONTEN
   (BIARKAN DEFAULT, JANGAN DIUBAH)
   ============================================ */
/* Tidak mengutak-atik warna <a>, biar tema OJS yang atur */


/* ============================================
   TOMBOL (MAKE A SUBMISSION DLL) → MAROON
   ============================================ */

.pkp_button,
.pkp_button_primary,
.pkp_block a.pkp_button,
.pkp_page_index a.pkp_button,
.obj_submitButton button,
.obj_galley_link {
    background-color: var(--jsbep-maroon) !important;
    border-color: var(--jsbep-maroon) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
}

/* Hover tombol */
.pkp_button:hover,
.pkp_button_primary:hover,
.pkp_block a.pkp_button:hover,
.pkp_page_index a.pkp_button:hover,
.obj_submitButton button:hover,
.obj_galley_link:hover {
    background-color: var(--jsbep-maroon-dark) !important;
    border-color: var(--jsbep-maroon-dark) !important;
    color: #ffffff !important;
}

/* Khusus blok "Make a Submission" di sidebar */
.block_make_submission .pkp_button {
    background-color: var(--jsbep-maroon) !important;
    border-color: var(--jsbep-maroon) !important;
    color: #ffffff !important;
}

/* ============================================
   BOX ABU (NOTIFICATION / INFO BAR ATAS)
   MIS. "Make a new submission or view..."
   ============================================ */

.cmp_notification,
.pkp_notification {
    background-color: var(--jsbep-maroon-light) !important;
    border-left: 4px solid var(--jsbep-maroon) !important;
}

/* Link di dalam box info */
.cmp_notification a,
.pkp_notification a {
    color: var(--jsbep-maroon) !important;
    font-weight: 600;
}

/* ============================================
   SIDEBAR: INFORMATION, ADDITIONAL MENU, GUIDELINES
   ============================================ */

/* Judul blok sidebar (Information, dll.) */
.pkp_block .title {
    background-color: var(--jsbep-maroon) !important;
    color: #ffffff !important;
    padding: 6px 10px !important;
    border-radius: 4px;
    font-weight: 700;
}

/* Background isi blok sidebar sedikit bernuansa maroon muda */
.pkp_block {
    background-color: #ffffff;
    padding: 0 0 8px 0;
    margin-bottom: 10px;
}

/* Link di dalam blok sidebar */
.pkp_block .content a {
    color: var(--jsbep-maroon) !important;
}
.pkp_block .content a:hover {
    color: var(--jsbep-maroon-dark) !important;
}

/* ============================================
   CUSTOM BLOCK <details><summary> (Additional Menu, Guidelines, Indexing)
   ============================================ */

summary {
    background-color: var(--jsbep-maroon) !important;
    color: #ffffff !important;
    padding: 8px 12px !important;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

/* Konten di dalam details */
details > div {
    background-color: var(--jsbep-maroon-light);
    padding: 8px 10px;
    border-radius: 0 0 4px 4px;
}

/* Link di dalam blok custom */
details a {
    color: var(--jsbep-maroon-dark) !important;
}
details a:hover {
    color: var(--jsbep-maroon) !important;
}

/* ============================================
   FOOTER
   ============================================ */

   
.pkp_footer_content {
    background-color: var(--jsbep-maroon) !important;
    color: #ffffff !important;
}

.pkp_footer_content a {
    color: #ffffff !important;
}

.pkp_structure_sidebar {
    padding-left: 20px !important;
}

.pkp_structure_footer_wrapper {
    background-color: #6b0014;
}

.pkp_brand_footer {
    display: none;
}