/* ===============================
   HEADER GAMBAR 1241x233
   =============================== */

/* Menambahkan E-ISSN ke header OJS secara langsung */
.pkp_structure_head::before {
    content: "E-ISSN: XXXX-XXXX";
    position: absolute;
    top: 52px;
    right: 70px;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    z-index: 1000;
}

/* Hilangkan teks judul jurnal */
.pkp_site_name_text {
    display: none !important;
}

/* LEPASKAN FRAME HEADER OJS */
.pkp_head_wrapper,
.pkp_head_wrapper .pkp_container,
.pkp_site_name_wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* HEADER FULL WIDTH - Update ke header EJET */
.pkp_site_name {
    background: url("/public/site/images/admin/header-ejet.gif")
        center center no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 250px;
    display: flex;
    align-items: center;
}

/* OPSIONAL: JARAK KONTEN KE KIRI */
.pkp_site_name_wrapper {
    padding-left: 0px !important;
}

/* Menu tetap di bawah header */
.pkp_navigation_primary_row {
    margin-top: 0;
}

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body {
    margin:0;
    padding:0;
    background-color:transparent;
    background-image:none;
    font-family: "Ubuntu", sans-serif !important;
    font-weight:400;
    font-size:14px;
    color:#ffffff; /* Menggunakan Navy Blue untuk teks utama agar kontras dan mudah dibaca */
    text-align:justify;
}

html,
body,
.pkp_structure_page {
      background: url(/public/site/images/admin/backgrid.png) fixed !important;
      background-color: #0B1728 !important; /* Latar Belakang Luar: Dark Navy */
}

.pkp_structure_content.has_sidebar {
    background-image: url(/public/site/images/admin/rounded-arcs.jpg);
}

.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
    position: relative;
    padding-top: 0;
}

.pkp_site_name {margin: 0;}
.pkp_site_name {padding-top: 0 !important; padding-bottom: 0 !important}
.pkp_site_name > a {padding-top: 0; padding-bottom: 0;}
.pkp_site_name .is_img img {max-height: 1000px;}
.pkp_site_name .is_img img {max-height: 100% !important; max-width: 100% !important;}
.pkp_site_name a {margin: auto !important;}
.pkp_site_name_wrapper {padding-left: 0; padding-right: 0; margin: 0;}
.pkp_navigation_user_wrapper {top: 0; right: 0; padding-right:30px;}

/* Shadow berpendar Navy Blue & Cerulean yang serasi dengan desain kover */
.pkp_structure_page {
    border-left: 0px solid gray;
    border-right: 0px solid gray;
    background: #fff;
    box-shadow: 1px 1px 10px 3px #1B365D;
}

@media (max-width: 1000px) {
    .pkp_structure_page {
        margin:auto;
        width: 100%;
        padding-bottom: 0 !important;
        border-left: 0px solid gray;
        border-right: 0px solid gray;
        background: #fff;
        box-shadow: 1px 1px 5px 3px #1B365D;
    }
}

.pkp_structure_page {margin-top: 0px !important; margin-bottom: 0px !important;}

.pkp_block {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 1px;
}

/* Navigasi Utama: Perpaduan Navy Deep Blue dan Vibrant Cerulean */
.pkp_navigation_primary_row {
    background: linear-gradient(
        0deg,
        #0B1728 4%, 
        #1B365D 17%, 
        #00A3E0 44%, /* Aksen Vibrant Cerulean kover */
        #1B365D 95%, 
        #1B365D 140%
    );
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
    font-family: "Ubuntu", sans-serif !important;
    color: #ffffff !important;
    text-shadow: 0 0 2px rgba(0,0,0,0.6);
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
    background: #00A3E0 !important; /* Hover menu dengan Cerulean Blue */
    color: #0B1728 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
    background: #1B365D !important;
}

/* Tombol PDF / Galley */
.cmp_button_wire, .obj_galley_link {
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #F0F8FC 50%,
        #E6F4FA 51%,
        #F0F8FC 100%
    ) !important;
    border: 1px solid #00A3E0;
    border-radius: 5px;
    font-family: "Ubuntu", sans-serif !important;
    color: #1B365D;
    font-weight: 500;
}

.obj_galley_link:hover {
    background: linear-gradient(
        0deg,
        #F0F8FC 4%,
        #1B365D 17%,
        #E31B23 44%, /* Hover Magenta/Pink dari elemen kacamata kover */
        #1B365D 95%,
        #1B365D 140%
    ) !important;
    border: 1px solid #E31B23;
    color: #fff;
}

/* Artikel Summary */
.obj_article_summary {
    border: 1px solid #E6F4FA;
    padding: 15px;
    border-radius: 0px 0px 20px 0px;
    box-shadow: 3px 3px 4px rgba(0, 163, 224, 0.15);
}

.obj_article_summary:hover {
    background: #ffffff;
    border: 1px solid #1B365D;
    box-shadow: 3px 10px 20px 0px rgba(0, 163, 224, 0.25);
}

/* Link Umum */
a, a:link, a:active  { 
    color: #1B365D; /* Navy Blue untuk link utama */
    text-decoration:none;
}

a:hover {
    color: #00A3E0; /* Efek hover ke Cerulean Blue */
}

/* KHUSUS LINK EMAIL */
a[href^="mailto:"] {
    color: #ffffff !important;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

a[href^="mailto:"]:hover {
    color: #E31B23 !important; /* Hover email ke Magenta Crimson */
    text-decoration: underline;
}

/* Sidebar Table & Hover */
.hover td {
    background: #1B365D;
    border-bottom: 2px solid #ffffff;
}

.hover tr:hover td {
    background: linear-gradient(
        0deg,
        #F0F8FC 4%,
        #1B365D 17%,
        #00A3E0 44%, /* Cerulean aktif pada tabel */
        #1B365D 95%,
        #1B365D 140%
    ) !important;
}

.hover tr a {
    color: #fff;
}

/* Tester Menu Sidebar */
.tester {
    background-color: #1B365D;
    border-bottom: 2px solid #ffffff;
    color: #fff !important;
}

.tester:hover {
    background: linear-gradient(
        0deg,
        #F0F8FC 4%,
        #1B365D 17%,
        #E31B23 44%, /* Aksen Magenta saat di-hover pada sidebar */
        #1B365D 95%,
        #1B365D 140%
    ) !important;
}

/* Tombol Submission */
a.block_make_submission_link {
    color: #fff;
    background: linear-gradient(
        0deg,
        #F0F8FC 4%,
        #1B365D 17%,
        #00A3E0 44%, /* Cerulean menonjolkan tombol submission */
        #1B365D 95%,
        #1B365D 120%
    );
    box-shadow: 0 0 5px rgba(0, 163, 224, 0.5);
}

/* =================================================
   OVERRIDE SIDEBAR CUSTOM BLOCK
   ================================================= */

.pkp_block.block_custom p[style*="background-image"] {
    background-image: linear-gradient(
        135deg,
        #1B365D,
        #0B1728
    ) !important;
    color: #ffffff !important;
}

.pkp_block.block_custom a.tester {
    background-color: #F0F8FC !important; 
    color: #1B365D !important;
    border-bottom: 1px solid #E6F4FA !important;
}

.pkp_block.block_custom table td {
    border-color: #E6F4FA !important;
}

.pkp_block.block_custom tr[style*="background-color"] {
    background-color: #F0F8FC !important;
}

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

.custom-footer {
    background: linear-gradient(135deg, #1B365D, #0B1728, #1B365D) !important;
    color: #ffffff !important;
    margin-top: 50px;
    font-size: 14px;
    border-top: 4px solid #00A3E0;
}

.footer-container {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.footer-column h4 {
    font-size: 16px;
    margin-bottom: 15px;
    border-bottom: 2px solid #00A3E0;
    padding-bottom: 6px;
    color: #ffffff;
}

.footer-column ul li a {
    color: #F0F8FC !important;
}

.footer-column ul li a:hover {
    color: #E31B23 !important;
    text-decoration: underline;
}

.footer-bottom {
    text-align: center;
    padding: 15px;
    background: #070E18; /* Dark Navy terpekat untuk penutup footer */
    font-size: 13px;
    color: #E6F4FA;
}

/* =================================================
   HILANGKAN LOGO OJS / PKP BRANDING & NAMA JURNAL
   ================================================= */
.pkp_brand_footer, 
.pkp_footer_content .pkp_brand_footer,
.pkp_structure_footer .pkp_brand_footer {
    display: none !important;
}

.pkp_site_name a {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}