/* =========================================================
   JURNAL EDUKASI: KAJIAN ILMU PENDIDIKAN
   Custom CSS - Full Width / Reduced Side Space
   ========================================================= */

/* ---------- GLOBAL ---------- */
html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
}

/* ---------- OJS MAIN WRAPPER ---------- */
/* Mengurangi ruang kosong di sisi kiri/kanan */
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar,
.pkp_structure_body,
.pkp_page_content {
    box-sizing: border-box;
}

/* Halaman utama dibuat memanfaatkan lebar yang tersedia */
.pkp_structure_page {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/* ---------- HEADER ---------- */
.pkp_structure_head {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.pkp_head_wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

/* ---------- CONTENT AREA ---------- */
.pkp_structure_content {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.pkp_structure_main {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

/* ---------- MAIN CONTENT + SIDEBAR ---------- */
/* Menjaga layout OJS tetapi menghilangkan margin kosong berlebihan */
.pkp_structure_content > .pkp_structure_main {
    box-sizing: border-box;
}

.pkp_structure_sidebar {
    box-sizing: border-box;
}

/* ---------- PAGE CONTENT ---------- */
.page,
.obj_issue_toc,
.obj_issue_summary,
.obj_article_details,
.pkp_page_content {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* ---------- BLOCK / SIDEBAR ---------- */
.pkp_block {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
}

.pkp_block .content {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* ---------- CUSTOM HTML / TABLE SIDEBAR ---------- */
/* Cocok untuk kode HTML sidebar yang menggunakan .content */
.content {
    box-sizing: border-box;
}

.content table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.content td {
    box-sizing: border-box;
}

/* ---------- ISSUE / ARTICLE LIST ---------- */
.obj_issue_toc {
    margin-left: 0;
    margin-right: 0;
}

.obj_issue_toc .heading,
.obj_issue_toc .sections {
    width: 100%;
    max-width: 100%;
}

/* ---------- FOOTER ---------- */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

/* ---------- REMOVE EXCESSIVE HORIZONTAL SPACING ---------- */
.container,
.container-fluid {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

/* ---------- RESPONSIVE ---------- */
@media (min-width: 1200px) {

    .pkp_structure_page,
    .pkp_head_wrapper,
    .pkp_structure_content,
    .pkp_structure_main,
    .pkp_structure_footer_wrapper {
        width: 100%;
        max-width: 100%;
    }

    .pkp_structure_content {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 991px) {

    .pkp_structure_main,
    .pkp_structure_sidebar {
        width: 100%;
        max-width: 100%;
    }

    .pkp_structure_sidebar {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 767px) {

    .pkp_structure_page,
    .pkp_structure_content,
    .pkp_structure_main,
    .pkp_structure_sidebar {
        width: 100%;
        max-width: 100%;
    }

    .pkp_structure_content,
    .pkp_structure_main {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ---------- PREVENT SIDEBAR HTML FROM CREATING OVERFLOW ---------- */
img,
table,
iframe,
video {
    max-width: 100%;
}

table {
    border-collapse: collapse;
}

/* ---------- OPTIONAL: MAKE SIDEBAR BLOCKS CLEANER ---------- */
.pkp_block {
    border: 0;
}

.pkp_block + .pkp_block {
    margin-top: 10px;
}

/* =========================================================
   END OF CUSTOM CSS
   ========================================================= */