/* =========================================================
   OJS MODERN LAYOUT (FULL BANNER + CLEAN CONTAINER CONTENT)
   ========================================================= */

/* ---------- 1) FULL WIDTH HEADER + BANNER ---------- */
.pkp_structure_head,
.pkp_site_name_wrapper,
.pkp_site_name {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pkp_site_name {
  text-align: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pkp_site_name > a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Banner full */
.pkp_site_name .is_img img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  margin: 0 auto !important;
}

/* ---------- 2) NAVIGATION (MENU) FULL + RAPI ---------- */
.pkp_navigation_primary_row {
  width: 100% !important;
  max-width: 100% !important;
}

.pkp_navigation_primary_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/* Biar menu tidak terlalu “tinggi” */
.pkp_navigation_primary > li > a {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-weight: 600 !important;
}

/* ---------- 3) USER MENU POSISI ENAK ---------- */
.pkp_navigation_user_wrapper {
  top: 8px !important;
  right: 20px !important;
  padding-right: 0 !important;
}

/* ---------- 4) KONTEN DIBUAT CONTAINER (ENAK DIBACA) ---------- */
.pkp_structure_content {
  width: 100% !important;
  max-width: 1250px !important;  /* ukuran ideal */
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* ---------- 5) SEIMBANGKAN MAIN & SIDEBAR ---------- */
.pkp_structure_main {
  padding-right: 25px !important;
}

.pkp_structure_sidebar {
  padding-left: 25px !important;
}

/* ---------- 6) TOMBOL SIDEBAR BIAR MODERN ---------- */
.pkp_block .title {
  font-weight: 800 !important;
  letter-spacing: 0.5px;
}

.pkp_block a,
.pkp_block button,
.pkp_block input[type="submit"] {
  border-radius: 12px !important;
}

/* Submit button */
.pkp_block_make_submission a {
  display: block !important;
  text-align: center !important;
  padding: 14px 18px !important;
  font-weight: 800 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
}

/* ---------- 7) SPACING HALAMAN ---------- */
.pkp_structure_page {
  margin-top: 10px !important;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
}

/* ---------- 8) RESPONSIVE (HP) ---------- */
@media (max-width: 992px) {
  .pkp_navigation_primary_wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .pkp_structure_content {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .pkp_structure_main {
    padding-right: 0 !important;
  }

  .pkp_structure_sidebar {
    padding-left: 0 !important;
    margin-top: 20px !important;
  }
}