/* =========================================================
   SOCRATIKA — HEADER OJS (UKURAN NORMAL)
   Menjaga proporsi gambar dan menghindari header terlalu besar
   ========================================================= */

.pkp_structure_head {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Area utama header */
.pkp_head_wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #ffffff !important;
}

/* Pembungkus logo/header */
.pkp_site_name_wrapper {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 34px 16px 10px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    text-align: center !important;
}

/* Reset posisi bawaan tema OJS */
.pkp_site_name {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    background: transparent !important;
}

.pkp_site_name > a,
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Ukuran normal untuk desktop:
   tinggi dibatasi agar header tidak mendominasi halaman */
.pkp_site_name .is_img img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 330px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
}

/* Navigasi utama tetap rapat dengan header */
.pkp_navigation_primary_wrapper {
    margin-top: 0 !important;
}

/* Tablet */
@media (max-width: 991px) {
    .pkp_site_name_wrapper {
        padding: 18px 12px 8px !important;
    }

    .pkp_site_name .is_img img {
        max-height: 250px !important;
    }
}

/* Ponsel */
@media (max-width: 600px) {
    .pkp_site_name_wrapper {
        padding: 10px 8px 6px !important;
    }

    .pkp_site_name .is_img img {
        width: 100% !important;
        max-height: none !important;
    }

    .pkp_site_nav_toggle {
        z-index: 1001 !important;
        background: rgba(255, 255, 255, 0.94) !important;
    }
}

/* =========================================================
   SOCRATIKA — SEMBUNYIKAN CURRENT ISSUE DI HOMEPAGE SAJA
   ========================================================= */

.page_index_journal .current_issue {
    display: none !important;
}
/* =========================================================
   SOCRATIKA — GLOBAL FONT
   Berlaku untuk seluruh halaman jurnal
   ========================================================= */

body,
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar,
.pkp_structure_footer,
.pkp_structure_footer_wrapper,
.pkp_navigation_primary,
.pkp_navigation_user,
.obj_article_summary,
.obj_issue_summary,
.obj_article_details,
.page,
.cmp_notification,
.cmp_form {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Semua elemen teks di area utama */
.pkp_structure_main p,
.pkp_structure_main a,
.pkp_structure_main span:not(.fa):not(.glyphicon),
.pkp_structure_main strong,
.pkp_structure_main b,
.pkp_structure_main em,
.pkp_structure_main i:not(.fa):not(.glyphicon),
.pkp_structure_main small,
.pkp_structure_main li,
.pkp_structure_main td,
.pkp_structure_main th,
.pkp_structure_main label,
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_structure_main h5,
.pkp_structure_main h6 {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Daftar artikel, penulis, halaman dan statistik */
.obj_article_summary .title,
.obj_article_summary .title a,
.obj_article_summary .authors,
.obj_article_summary .authors *,
.obj_article_summary .pages,
.obj_article_summary .meta,
.obj_article_summary .meta *,
.obj_article_summary .galley_link,
.obj_article_summary .galley_link *,
.obj_article_summary .views,
.obj_article_summary .downloads {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Static Pages, About, Contact, Submission, Policies */
.page_about,
.page_submissions,
.page_contact,
.page_static,
.page_about p,
.page_about a,
.page_about li,
.page_submissions p,
.page_submissions a,
.page_submissions li,
.page_contact p,
.page_contact a,
.page_contact li,
.page_static p,
.page_static a,
.page_static li,
.page_static strong,
.page_static em {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Form */
input,
textarea,
select,
button {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Sidebar */
.pkp_structure_sidebar p,
.pkp_structure_sidebar a,
.pkp_structure_sidebar li,
.pkp_structure_sidebar strong,
.pkp_structure_sidebar span:not(.fa):not(.glyphicon) {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Footer */
.pkp_structure_footer p,
.pkp_structure_footer a,
.pkp_structure_footer li,
.pkp_structure_footer strong,
.pkp_structure_footer_wrapper p,
.pkp_structure_footer_wrapper a {
    font-family: Arial, Helvetica, sans-serif !important;
}
/* =========================================================
   SOCRATIKA — SIDEBAR FINAL
   ========================================================= */

.socratika-sidebar {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Header kategori */
.socratika-sidebar .socratika-side-heading {
    margin: 18px 0 6px 0 !important;
    padding: 11px 13px !important;
    background: #111a5c !important;
    border-left: 5px solid #d9272e !important;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.3px !important;
}

/* Menu */
.socratika-sidebar .socratika-side-link {
    display: block !important;
    position: relative !important;
    padding: 10px 12px !important;
    margin: 0 !important;

    background: #ffffff !important;
    color: #30394b !important;

    border: 0 !important;
    border-bottom: 1px solid #e3e8f2 !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    text-decoration: none !important;

    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        padding-left 0.18s ease,
        box-shadow 0.18s ease !important;
}

/* Hover menu */
.socratika-sidebar .socratika-side-link:hover {
    background: #eef4ff !important;
    color: #064fb5 !important;
    padding-left: 17px !important;
    box-shadow: inset 4px 0 0 #d9272e !important;
}

/* Register Reviewer dibuat sedikit menonjol */
.socratika-sidebar .socratika-reviewer-cta {
    margin-bottom: 4px !important;
    background: #f3f7ff !important;
    color: #064fb5 !important;
    font-weight: 700 !important;
}

/* Jarak setelah kelompok menu */
.socratika-sidebar .socratika-last-link {
    margin-bottom: 3px !important;
}

/* SINTA */
.socratika-sidebar .socratika-sinta {
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.socratika-sidebar .socratika-sinta:hover {
    box-shadow: 0 6px 18px rgba(17, 26, 92, 0.14) !important;
}

/* Gambar WhatsApp dan Template */
.socratika-sidebar .socratika-quick-image img,
.socratika-sidebar .socratika-template img {
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.socratika-sidebar .socratika-quick-image img:hover,
.socratika-sidebar .socratika-template img:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(17, 26, 92, 0.14) !important;
}