/* =========================================================
   DIDAKTIKA - HEADER FULL, RAMPING, TANPA CROP
   Memperbaiki:
   1) e-ISSN/admin kembali di pojok kanan atas
   2) tidak ada ruang kosong besar
   3) logo DIDAKTIKA tidak terpotong
   4) banner tetap penuh kiri-kanan
   ========================================================= */

/* ===== HEADER ===== */
.pkp_structure_head {
    background: #0f4f86 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wrapper utama: jangan ubah alur menu user */
.pkp_head_wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Area logo/banner */
.pkp_site_name_wrapper,
.pkp_site_name {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Link pembungkus banner */
.pkp_site_name > a,
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* PENTING: gambar tidak di-crop */
.pkp_site_name img,
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* e-ISSN / admin kembali menempel di pojok kanan atas */
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: auto !important;
    z-index: 50 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_user {
    margin: 0 !important;
    padding: 8px 22px 0 0 !important;
}

/* Navigasi utama tetap normal */
.pkp_navigation_primary_wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Jangan beri tinggi/min-height tambahan pada header */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name {
    min-height: 0 !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .pkp_navigation_user_wrapper {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
    }

    .pkp_navigation_user {
        padding-right: 8px !important;
    }
}

/* ===== SATU KOTAK PER ARTIKEL ===== */
.cmp_article_list > li {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 18px 0 !important;
}

.obj_article_summary {
    border: 1.5px solid #34719D !important;
    border-top: 4px solid #F7BC4A !important;
    border-radius: 7px !important;
    padding: 16px 18px !important;
    margin-bottom: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.07) !important;
}

.obj_article_summary .title,
.obj_article_summary .title a {
    color: #23679A !important;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}

.obj_article_summary .title a:hover {
    color: #F29A24 !important;
}

.obj_article_summary .authors {
    color: #333333;
    margin-top: 7px;
    margin-bottom: 8px;
}

.obj_article_summary .pages {
    color: #666666;
}

.obj_article_summary .galley_links a,
.obj_article_summary .obj_galley_link,
.obj_galley_link {
    background-color: #34719D !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 7px 13px !important;
    font-weight: 600;
    text-decoration: none;
}

.obj_article_summary .galley_links a:hover,
.obj_article_summary .obj_galley_link:hover,
.obj_galley_link:hover {
    background-color: #2A5C87 !important;
}