/* =========================
   HEADER & NAVBAR
========================= */

.pkp_head_wrapper,
header.pkp_structure_head {
    background: linear-gradient(135deg,#071f3b,#0b3a5b,#124d7c) !important;
    border-bottom: 2px solid rgba(77,163,255,0.25) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15) !important;
}

/* Navbar utama */
nav.pkp_navigation_primary,
.pkp_navigation_primary_row {
    background: rgba(7,31,59,0.96) !important;
    backdrop-filter: blur(4px) !important;
}

/* Link navbar */
.pkp_navigation_primary a,
nav.pkp_navigation_primary .nav-item a {
    color: #ffffff !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    transition: all 0.25s ease !important;
}

/* Hover navbar */
.pkp_navigation_primary a:hover,
nav.pkp_navigation_primary .nav-item a:hover {
    color: #4da3ff !important;
    text-shadow: 0 0 6px rgba(77,163,255,0.5) !important;
}

/* =========================
   JUDUL JURNAL
========================= */

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

/* Search / Login */
.pkp_head_wrapper .pkp_loggedInAs a,
.pkp_head_wrapper .pkp_loggedInAs {
    color: #ffffff !important;
}

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

.pkp_structure_footer,
.pkp_footer,
footer.pkp_structure_footer {
    background: linear-gradient(135deg,#071f3b,#0b3a5b) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 25px 0 !important;
    border-top: 2px solid rgba(77,163,255,0.15) !important;
}

/* Hilangkan abu */
body > footer,
#pkp_content_footer,
.pkp_site_footer {
    background: #071f3b !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Sembunyikan branding OJS */
.pkp_brand_footer,
.pkp_footer_brand,
a[href*="pkp.sfu.ca"],
a[href*="github.com/pkp"] {
    display: none !important;
}

/* =========================
   LOGO HEADER
========================= */

/* Hilangkan teks default */
header.pkp_structure_head .pkp_site_name a,
header.pkp_structure_head h1 a {
    font-size: 0 !important;
    color: transparent !important;
    visibility: hidden !important;
}

/* Posisi logo */
.pkp_site_name {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
}

/* Logo custom */
/* =========================
   LOGO HEADER
========================= */

.pkp_site_name::before {
    content: "" !important;
    display: inline-block !important;
    width: 230px !important;
    height: 160px !important;

    background-image: url('https://ejurnal.ansproject.co.id/public/site/jtc.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;

    flex-shrink: 0 !important;

    /* ✅ INI YANG BARU — hilangkan background hitam logo */
    mix-blend-mode: screen !important;
    
    filter:
        drop-shadow(0 0 10px rgba(77,163,255,0.35))
        drop-shadow(0 0 18px rgba(0,0,0,0.25)) !important;

    transition: all 0.3s ease !important;
}}

/* Efek hover logo */
.pkp_site_name::before:hover {
    transform: scale(1.03) !important;
}

/* Teks jurnal */
.pkp_site_name a {
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 1px !important;
}

/* =========================
   HEADER LAYOUT
========================= */

header.pkp_structure_head .pkp_header_wrapper,
.pkp_head_wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    padding: 8px 22px 0 22px !important;

    min-height: unset !important;
}

/* Navbar nempel */
nav.pkp_navigation_primary {
    width: 100% !important;
    margin-top: 0 !important;
    padding: 8px 0 !important;

    border-top: 1px solid rgba(255,255,255,0.08) !important;
}

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

.pkp_structure_footer a,
.pkp_footer a {
    color: #4da3ff !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.pkp_structure_footer a:hover,
.pkp_footer a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

.pkp_structure_footer,
.pkp_structure_footer * {
    color: rgba(255,255,255,0.82) !important;
}

/* =========================
   BUTTON STYLE
========================= */

button,
input[type="submit"],
.obj_issue_summary .read_more {
    background: linear-gradient(135deg,#0b3a5b,#124d7c) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    transition: all 0.25s ease !important;
}

button:hover,
input[type="submit"]:hover,
.obj_issue_summary .read_more:hover {
    background: linear-gradient(135deg,#124d7c,#4da3ff) !important;
    box-shadow: 0 0 10px rgba(77,163,255,0.35) !important;
}

/* =========================
   DROPDOWN SUBMENU
========================= */

/* Background dropdown */
.pkp_navigation_primary .dropdown-menu,
nav.pkp_navigation_primary ul ul,
.pkp_navigation_primary .nav-item .dropdown-menu {
    background: linear-gradient(135deg, #071f3b, #0b3a5b) !important;
    border: 1px solid rgba(77,163,255,0.2) !important;
    border-top: 2px solid rgba(77,163,255,0.4) !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3) !important;
    padding: 4px 0 !important;
}

/* Item submenu */
.pkp_navigation_primary .dropdown-menu li a,
nav.pkp_navigation_primary ul ul li a,
.pkp_navigation_primary .dropdown-item {
    color: rgba(255,255,255,0.85) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 9px 18px !important;
    display: block !important;
    transition: all 0.2s ease !important;
    background: transparent !important;
    border-left: 3px solid transparent !important;
}

/* Hover item submenu */
.pkp_navigation_primary .dropdown-menu li a:hover,
nav.pkp_navigation_primary ul ul li a:hover,
.pkp_navigation_primary .dropdown-item:hover {
    color: #4da3ff !important;
    background: rgba(77,163,255,0.1) !important;
    border-left: 3px solid #4da3ff !important;
    text-shadow: 0 0 6px rgba(77,163,255,0.4) !important;
    padding-left: 22px !important;
}

/* Item aktif */
.pkp_navigation_primary .dropdown-menu li.active a,
.pkp_navigation_primary .dropdown-item.active {
    color: #4da3ff !important;
    background: rgba(77,163,255,0.12) !important;
    border-left: 3px solid #4da3ff !important;
}

/* =========================
   CARD / BOX
========================= */

.pkp_block,
.obj_issue_summary,
.obj_article_summary {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(11,58,91,0.08) !important;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

    .pkp_site_name::before {
        width: 130px !important;
        height: 90px !important;
    }

    header.pkp_structure_head .pkp_header_wrapper,
    .pkp_head_wrapper {
        padding: 10px 15px !important;
    }

    .pkp_navigation_primary a {
        font-size: 13px !important;
    }
}

/* =========================
   TABLET
========================= */

@media (max-width: 1024px) and (min-width: 769px) {

    .pkp_site_name::before {
        width: 170px !important;
        height: 120px !important;
    }
}