.pkp_block {
  margin-bottom: 15px;
  border-radius: 6px;
  text-align: center;
}

/* Tombol navigasi sidebar */
.sidebar-nav a,
.pkp_block .content a {
  display: block;
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 6px;
  background-color: #f9d200;   
  color: #000000 !important;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.sidebar-nav a:hover,
.pkp_block .content a:hover {
  background-color: #000000;
  color: #f9d200 !important;
}

/* Style Judul Section (VISITORS STATISTICS, Indexing, dll) */
.sidebar-section-title,
.pkp_block .title {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 3px solid #f9d200;
  text-align: center;
}

/* Pusatkan konten logo / gambar */
#customblock-additionalmenu .content,
.pkp_block .content {
  text-align: center;
}

#customblock-additionalmenu .content img,
.pkp_block .content img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin: 10px auto;
}

/* Tombol active */
.sidebar-nav a.active,
.pkp_block .content a.active {
  background-color: #e2c15e66;
  color: #000 !important;
}

/* Judul artikel */
.obj_article_summary > .title a,
.cmp_article_list .obj_article_summary > .title a,
.page_issue .obj_article_summary > .title a,
.page_index_journal .obj_article_summary > .title a {
  color: #000000 !important;
  text-decoration: none !important;
}

/* Hover judul artikel */
.obj_article_summary > .title a:hover,
.cmp_article_list .obj_article_summary > .title a:hover,
.page_issue .obj_article_summary > .title a:hover,
.page_index_journal .obj_article_summary > .title a:hover {
  color: #f9d200 !important;
}

/* Link DOI */
.obj_article_summary .doi a,
.cmp_article_list .doi a,
.page_issue .doi a,
.page_index_journal .doi a {
  color: #f9d200 !important;
  text-decoration: none !important;
}

/* Hover DOI */
.obj_article_summary .doi a:hover,
.cmp_article_list .doi a:hover,
.page_issue .doi a:hover,
.page_index_journal .doi a:hover {
  color: #000000 !important;
}

.doi a {
  color: #f9d200 !important;
}

/* Link DOI */
.obj_article_summary a[href*="doi.org"],
.obj_article_summary a[href*="dx.doi.org"],
.page_issue a[href*="doi.org"],
.page_issue a[href*="dx.doi.org"],
.page_index_journal a[href*="doi.org"],
.page_index_journal a[href*="dx.doi.org"] {
  color: #f9d200 !important;
  text-decoration: none !important;
}

/* Link DOI saat sudah pernah diklik */
.obj_article_summary a[href*="doi.org"]:visited,
.obj_article_summary a[href*="dx.doi.org"]:visited,
.page_issue a[href*="doi.org"]:visited,
.page_issue a[href*="dx.doi.org"]:visited,
.page_index_journal a[href*="doi.org"]:visited,
.page_index_journal a[href*="dx.doi.org"]:visited {
  color: #f9d200 !important;
}

/* Hover link DOI */
.obj_article_summary a[href*="doi.org"]:hover,
.obj_article_summary a[href*="dx.doi.org"]:hover,
.page_issue a[href*="doi.org"]:hover,
.page_issue a[href*="dx.doi.org"]:hover,
.page_index_journal a[href*="doi.org"]:hover,
.page_index_journal a[href*="dx.doi.org"]:hover {
  color: #000000 !important;
  text-decoration: underline !important;
}

/* Tombol PDF: outline GOLD */
.obj_article_summary .galley_links a,
.cmp_article_list .galley_links a,
.page_issue .galley_links a,
.page_index_journal .galley_links a {
  background: #ffffff !important;
  color: #f9d200 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.doi a {
  color: #f9d200 !important;
}

.obj_galley_link,
.galley_links a {
  color: #000000 !important;
  background: #f9d200 !important;
}

.obj_galley_link:hover,
.galley_links a:hover {
  background: #000000 !important;
  color: #f9d200 !important;
}

/* Dropdown menu emas*/
.pkp_navigation_primary .dropdown-menu,
.pkp_site_nav_menu .dropdown-menu,
.pkp_nav_list ul,
.pkp_navigation_primary li ul {
  background-color: #e2c15e17 !important;
  border: none !important;
  box-shadow: 0 4px 10px #0000001d !important;
} 

/* Link di dalam dropdown */
.pkp_navigation_primary .dropdown-menu a,
.pkp_site_nav_menu .dropdown-menu a,
.pkp_nav_list ul a,
.pkp_navigation_primary li ul li a {
  background-color: #e5e5e52b !important;
  color: #000 !important;
  border: none !important;
}

/* Hover dropdown jadi kuning header */
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_site_nav_menu .dropdown-menu a:hover,
.pkp_nav_list ul a:hover,
.pkp_navigation_primary li ul li a:hover {
  background-color: #e2c15e85 !important;
  color: #000 !important;
  text-shadow: #ffffff 3px !important;
  box-shadow: 0 4px 10px #0000003c !important;
}

/* Item aktif di dropdown */
.pkp_navigation_primary .dropdown-menu .active > a,
.pkp_site_nav_menu .dropdown-menu .active > a,
.pkp_navigation_primary li ul li.current a {
  background-color: #d4a82537 !important;
  color: #ffffff !important;
}

/* Link View All Issues */
a[href*="/issue/archive"],
.cmp_view_all_link a,
.page_index_journal .read_more a,
.page_index_journal a.view_all {
  color: #f9d200 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

/* Hover View All Issues */
a[href*="/issue/archive"]:hover,
.cmp_view_all_link a:hover,
.page_index_journal .read_more a:hover,
.page_index_journal a.view_all:hover {
  color: #000000 !important;
  text-decoration: underline !important;
}

/* Footer jangan terlalu tinggi */
.pkp_structure_footer_wrapper {
  padding-top: 0px !important;
  padding-bottom: 63px !important;
}

.pkp_structure_footer {
  min-height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Konten footer dirapatkan */
.pkp_footer_content {
  margin-bottom: 0 !important;
}

/* Header full */
.pkp_structure_head {
    width: 100% !important;
    max-width: 100% !important;
}

/* Footer full */
.pkp_structure_footer_wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/* Khusus halaman issue/index */
.page_index_journal,
.page_issue_archive,
.page_issue {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ganti "other_" kalau nama custom block Anda berbeda */
#customblock-other_ .content {
  text-align: center !important;
}

/* INDEXING & STATCOUNTER TANPA BACKGROUND */
.pkp_block .content a img {
  display: block;
  margin: 0 auto;
}

.pkp_block .content a:has(img) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 10px auto !important;
  width: auto !important;
}

/* Hover tetap transparan */
.pkp_block .content a:has(img):hover {
  background: transparent !important;
  color: inherit !important;
}

/* Pusatkan logo */
#customblock-other_ .content img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 160px;
  height: auto !important;
}

/* STATCOUNTER */
#statcounter-box {
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  margin-top: 10px;
}

#statcounter-box img {
  max-width: 100%;
  height: auto;
}

#statcounter-box a {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border: none !important;
  box-shadow: none !important;
}

/*Header utama*/
.pkp_structure_head {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    z-index: 10;
}

/*Background header full*/
.pkp_site_name_wrapper {
    position: relative;
    background: url('https://journal.uir.ac.id/public/journals/90/homepageImage_en_US.jpg') center center/cover no-repeat;
    min-height: 250px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 40px;
}

/* Logo dan judul */
.pkp_site_name {
    position: relative;
    z-index: 2;
    text-align: center;
}

/* Hilangkan background navbar */
.pkp_navigation_primary_wrapper {
    position: flex;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent !important;
    border: none !important;
    z-index: 5;
}

/* Menu navbar */
.pkp_navigation_primary_row {
    background: rgba(0,0,0,0.25) !important;
    backdrop-filter: blur(6px);
    padding: 0;
}

/* Hilangkan background putih */
.pkp_head_wrapper,
.pkp_site_nav_menu {
    background: transparent !important;
    box-shadow: none !important;
}

/* Sembunyikan teks */
.pkp_site_name .is_text {
    display: none !important;
}

/* Tampilkan logo */
.pkp_site_name img {
    max-height: 100px;
    width: auto;
}

/* =========================
   FULL WIDTH HEADER OJS
========================= */

/* Hilangkan container bawaan */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Banner full */
.pkp_site_name_wrapper {
    background: url('https://journal.uir.ac.id/public/journals/90/homepageImage_en_US.jpg') center center / cover no-repeat !important;
    min-height: 250px;
    position: relative;
}

/* Overlay gelap */
.pkp_site_name_wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 1;
}

/* Hilangkan teks title default */
.pkp_site_name {
    display: none !important;
}

/* Navbar transparan */
.pkp_navigation_primary_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: transparent !important;
}

/* Row navbar */
.pkp_navigation_primary_row {
    background: rgba(0,0,0,0.25) !important;
    backdrop-filter: blur(6px);
    padding: 10px 0;
}

/* HILANGKAN BACKGROUND NAVBAR TOTAL */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row,
.pkp_site_nav_menu,
.pkp_nav_list,
.pkp_site_nav_menu::before,
.pkp_site_nav_menu::after {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Navbar overlay di atas banner */
.pkp_navigation_primary_wrapper {
    position: absolute !important;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

/* =========================
   NAVBAR DI DALAM HEADER
========================= */
/* Wrapper header */
.pkp_site_name_wrapper {
    position: relative;
    background: url('https://journal.uir.ac.id/public/journals/90/homepageImage_en_US.jpg') center center / cover no-repeat !important;
    min-height: 250px;
}

/* Navbar masuk ke banner */
.pkp_navigation_primary_wrapper {
    position: absolute !important;
    bottom: 10px; /* naik ke dalam banner */
    left: 0;
    width: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.052) !important;
}

/* Hilangkan semua background */
.pkp_navigation_primary_row,
.pkp_site_nav_menu,
.pkp_nav_list {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Menu rata tengah */
.pkp_navigation_primary {
    display: flex;
    justify-content: center;
    gap: 30px;
}

/* Style menu */
.pkp_navigation_primary > li > a {
    border-radius: 6px;
    display: inline-block;
    padding: 8px 14px !important;
    line-height: 1.2 !important;
    color: #f9d200 !important;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    transition: all .3s ease-in-out;
    position: relative;
    bottom: 2.4px;
}

/*hover untuk navigation bar*/
.pkp_navigation_primary > li > a:hover {
    background-color: #f9d200;
    color: #000 !important;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    text-shadow: none !important;
}

/* Search */
.pkp_navigation_search_wrapper {
    border-radius: 6px;
    position: absolute;
    right: 40px;
    top: 0;
}

/* SEARCH BUTTON */
.pkp_navigation_search_wrapper a {
    display: inline-block;
    padding: 8px 14px !important;
    line-height: 1.2 !important;
    color: #f9d200 !important;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
    transition: all .3s ease-in-out;
    position: relative;
    bottom: 2.4px;
    border-radius: 6px;
}

/* Hover search */
.pkp_navigation_search_wrapper a:hover {
    background-color: #f9d200;
    color: #000 !important;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    text-shadow: none !important;
}

/* HILANGKAN UNDERLINE SEARCH */
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Hapus pseudo element bawaan */
.pkp_navigation_search_wrapper a::after,
.pkp_navigation_search_wrapper a::before {
    display: none !important;
    content: none !important;
}

/* HILANGKAN SPACE BAWAH HEADER */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* Hapus garis abu bawah */
.pkp_navigation_primary_wrapper {
    border: none !important;
    box-shadow: none !important;
}

/* Konten langsung naik */
.page_index_journal .homepage_image,
.page_index_journal .current_issue {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hapus jarak dari body content */
.pkp_structure_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* HAPUS SEMUA UNDERLINE NAVBAR */
.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li.current_page_item > a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Hapus pseudo underline bawaan theme */
.pkp_navigation_primary > li > a::after,
.pkp_navigation_primary > li > a::before,
.pkp_navigation_primary > li.current > a::after,
.pkp_navigation_primary > li.current > a::before {
    display: none !important;
    content: none !important;
}

/* USER BUTTON ONLY */
.pkp_navigation_user > li > a {
    margin-top: 55px;
    display: inline-block !important;
    background: #000000 !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    transition: all .3s ease;
}

/*HOVER*/
.pkp_navigation_user > li > a:hover {
    background: #f9d200 !important;
    color: #000 !important;
}

/*MENGHILANGKAN BACKGROUND WRAPPER*/
.pkp_navigation_user_wrapper,
.pkp_navigation_user {
    background: transparent !important;
}

/*BADGE NOTIFIKASI*/
.pkp_navigation_user .task_count {
    background: #ffffff !important;
    color: #000000 !important;
    width: 25px !important;
    height: 25px !important;
    line-height: 28px !important;
    text-align: center;
    border-radius: 50% !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0px; /* naikkan badge */
    margin-left: 3px;
}

.pkp_structure_footer_wrapper {
    background: 
        linear-gradient(
            rgba(0,0,0,0.72),
            rgba(0,0,0,0.72)
        ),
        url('https://journal.uir.ac.id/public/site/images/abithoriq9/10ef5d4e-6261-44f7-83e7-b53696c02e81.png') center center / cover no-repeat;
    color: #f9d200;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.pkp_structure_footer {
    background: transparent !important;
}

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

.pkp_structure_footer_wrapper a,
.pkp_footer_content a,
.pkp_brand_footer a {
    color: #f9d200 !important;
}

.pkp_structure_footer_wrapper a:hover,
.pkp_footer_content a:hover,
.pkp_brand_footer a:hover {
    color: #ffd900 !important;
    text-decoration: underline;
}

.pkp_brand_footer {
    background: #f9d4003c !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 12px 18px;
    width: fit-content;
    max-width: 240px;
    margin-left: auto;
    margin-top: -170px !important;
    padding-top: -15px !important;
    padding-bottom: 0px;
    text-align: right !important;
}

/* Ukuran logo OJS/PKP */
.pkp_brand_footer img {
  max-height: 90px !important;
  width: auto !important;
  filter: brightness(0) invert(1) !important;

}

/* =====================================================
   IJTIMA RESPONSIVE MOBILE & TABLET FIX
   COPY PASTE DI PALING BAWAH CSS
===================================================== */

@media screen and (max-width: 991px){

    /* =================================
       GLOBAL
    ================================= */

    html,
    body{
        overflow-x: hidden !important;
        width: 100% !important;
    }

    *{
        max-width: 100%;
    }

    /* =================================
       HEADER
    ================================= */
    .pkp_structure_head,
    .pkp_head_wrapper{
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_site_name_wrapper{
        position: relative !important;
        width: 100% !important;
        min-height: 95px !important;
        height: auto !important;
        padding: 10px 12px !important;
        background: url('https://journal.uir.ac.id/public/journals/90/homepageImage_en_US.jpg') center center / cover no-repeat !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    /* Overlay */
    .pkp_site_name_wrapper::before{
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.18);
        z-index: 1;
    }

    /* LOGO */
    .pkp_site_name{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        position: relative !important;
        z-index: 20 !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    /* MENGHILANGKAN NAMA JURNAL DALAM MODE MOBILE */
    .pkp_site_name .is_text{
        display: none !important;
    }

    .pkp_site_name img{
        width: auto !important;
        max-width: 92vw !important;
        max-height: 72px !important;
        object-fit: contain !important;
        display: absolute !important;
        margin: 0 auto !important;
    }

    /* =================================
       HAMBURGER BUTTON
    ================================= */
    .pkp_site_nav_toggle{
        position: absolute !important;
        top: 14px !important;
        left: 14px !important;
        z-index: 99999 !important;
        background: rgba(0, 0, 0, 0.082) !important;
        backdrop-filter: blur(5px);
        border-radius: 10px !important;
        padding: 3px !important;
    }

    .pkp_site_nav_toggle span{
        background: transparent !important;
    }

    /* =================================
       MOBILE NAVBAR
    ================================= */
    .pkp_navigation_primary_wrapper{
        border-radius: 12px !important;
        position: relative !important;
        width: 100% !important;
        padding: 13px 0 !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        z-index: 9999 !important;
    }

    .pkp_navigation_primary_row,
    .pkp_site_nav_menu,
    .pkp_nav_list{
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* MENU LIST */
    .pkp_navigation_primary{
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 5px !important;
        width: 100% !important;
        padding: 10px 14px !important;
        margin: 0 !important;
    }

    /* MENU ITEM */
    .pkp_navigation_primary > li{
        border-radius: 12px !important;
        width: 100% !important;
        list-style: none !important;
    }

    /* MENU LINK */
    .pkp_navigation_primary > li > a,
    .pkp_navigation_search_wrapper a,
    .pkp_navigation_user > li > a{
        display: flex !important;
        width: 100% !important;
        padding: 10px 14px !important;
        border-radius: 12px !important;
        background: rgba(0, 0, 0, 0.068) !important;
        color: #000000 !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-transform: none !important;
        text-decoration: none !important;
        border: none !important;
        box-shadow: none !important;
        text-align: left !important;
        transition: all .25s ease;
    }

    /* HOVER */
    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_search_wrapper a:hover,
    .pkp_navigation_user > li > a:hover{
        background: rgba(249,210,0,0.18) !important;
        color: #f9d200 !important;
        backdrop-filter: blur(10px);
        text-decoration: none !important;
        box-shadow:
            0 0 20px rgba(249,210,0,0.18);
    }

    /* REMOVE UNDERLINE */
    .pkp_navigation_primary a,
    .pkp_navigation_primary a:hover,
    .pkp_navigation_primary a:focus,
    .pkp_navigation_primary a:active{
        text-decoration: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }

    .pkp_navigation_primary a::before,
    .pkp_navigation_primary a::after{
        display: none !important;
        content: none !important;
    }

    /* =================================
       DROPDOWN MOBILE
    ================================= */
    .pkp_navigation_primary li ul{
        background: rgba(15,15,15,0.96) !important;
        border-radius: 12px !important;
        padding: 8px !important;
        margin-top: 6px !important;
        border: none !important;
        box-shadow:
            0 6px 20px rgba(0,0,0,0.25) !important;
    }

    .pkp_navigation_primary li ul li{
        width: 100% !important;
    }

    .pkp_navigation_primary li ul a{
        display: block !important;
        width: 100% !important;
        padding: 10px 14px !important;
        border-radius: 8px !important;
        color: #ffffff !important;
        background: transparent !important;
        text-decoration: none !important;
    }

    .pkp_navigation_primary li ul a:hover{
        background: rgba(249,210,0,0.12) !important;
        color: #f9d200 !important;
    }

    /* =================================
       USER MENU
    ================================= */
    .pkp_navigation_user_wrapper,
    .pkp_navigation_user{
        width: 100% !important;
        background: transparent !important;
        margin: 0 !important;
        padding: 0px 14px !important;
    }

    .pkp_navigation_user > li > a{
        margin-top: 0 !important;
    }

    /* =================================
       SEARCH
    ================================= */
    .pkp_navigation_search_wrapper{
        position: relative !important;
        border: none !important;
        text-decoration: none !important;
        right: auto !important;
        width: 100% !important;
        padding: 0 14px !important;
    }

    /* =================================
       FOOTER
    ================================= */
    .pkp_structure_footer_wrapper{
        width: 100% !important;
        padding: 0px 18px !important;
        text-align: center !important;
        background-position: center center !important;
        background-size: cover !important;
        overflow: visible;
    }

    .pkp_footer_content{
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 0 !important;
        color: #ffffff !important;
    }

    .pkp_footer_content a{
        color: #f9d200 !important;
        text-decoration: none !important;
    }

    /* =================================
       PKP LOGO
    ================================= */

    .pkp_brand_footer{
        position: relative !important;
        width: fit-content !important;
        max-width: 90% !important;
        margin: 22px auto 0 auto !important;
        padding: 12px 16px !important;
        border-radius: 18px !important;
        background: #f9d4003c !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255,255,255,0.08) !important;
        text-align: center !important;
        left: auto !important;
        right: auto !important;
        top: -35px !important;
        bottom: auto !important;
    }

    .pkp_brand_footer img{
        width: auto !important;
        max-width: 135px !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
        filter: brightness(0) invert(1) !important;
    }
}

/* REGISTER & LOGIN */
.block_make_submission_link,
.block_make_submission_link a,
.block_login,
.block_login a{
  width:fit-content !important;
  min-width:220px;
  margin:0 auto !important;
  display:flex !important;
  justify-content:center;
  align-items:center;
  padding:14px 24px !important;
  border-radius:18px;
  background:#f3f3f3 !important;
  text-align:center;
  font-weight:700;
  box-sizing:border-box;
}

/* GAP ANTAR BUTTON */
.block_make_submission_link{
  margin-bottom:3px !important;
}

/* WRAPPER AGAR TENGAH */
.pkp_block.block_make_submission_link,
.pkp_block.block_login{
  display:flex;
  justify-content:center;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* MOBILE */
@media(max-width:768px){
  .block_make_submission_link,
  .block_make_submission_link a,
  .block_login,
  .block_login a{
    min-width:180px;
    width:fit-content !important;
  }

}

.ojs-logo img {
    filter: brightness(0) invert(1);
}

.ojs-logo{
    width:120px;
    filter: brightness(0) invert(1);
}

.ojs-logo {
    color: white;
}

.ojs-logo svg {
    fill: white;
}