/* =====================================================
   IJISS FULL BRANDING UI - ULTIMATE SAFE VERSION
   Compatible with OJS Sidebar / Custom Block Manager
===================================================== */

/* ===== BRAND TOKENS ===== */
:root {
  --ijiss-primary: #1E95A3;
  --ijiss-primary-dark: #187E8A;
  --ijiss-primary-soft: #EEF9FB;
  --ijiss-primary-border: #CFE7EB;
  --ijiss-navy: #163B65;
  --ijiss-text: #334155;
  --ijiss-muted: #6B7280;
  --ijiss-border: #E5E7EB;
  --ijiss-bg: #FFFFFF;
  --ijiss-bg-soft: #F8FBFC;
  --ijiss-shadow: 0 6px 18px rgba(0,0,0,0.06);
  --ijiss-radius: 12px;
}

/* ===== BASE ===== */
body {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--ijiss-text);
  /*line-height: 1.7;*/
  background-color: #F9FBFC; /* #F9FBFC; */
}

.pkp_site_name {padding-top: 0 !important; padding-bottom: 0 !important}
.pkp_site_name > a {padding-top: 0; padding-bottom: 0;}
.pkp_site_name_wrapper {padding-left: 0; padding-right: 0;}
/*.pkp_navigation_user_wrapper {top: 0; right: 0; padding-right:0px;}*/
.pkp_structure_page {margin-top:  2px !important; margin-bottom:2 !important; padding-bottom:2 !important;}
.pkp_site_name .is_img img{
  display: inline-block;
  max-height: 205px;
  max-width: 1160px;
  width: 1545px;
  height: auto;
}

/* ===== TOP HEADER / BRAND BAR ===== */
/*.pkp_structure_head {
  background: linear-gradient(90deg, var(--ijiss-primary-dark), var(--ijiss-primary));
  box-shadow: 0 2px 10px rgba(0,0,0,0.06); */
  /*max-width: 1536px !important; */ /* Set the max width to 1536px */
  /*width: 100% !important; */ /* Ensure it spans the full width up to max-width */
  /*margin: 0 auto !important; */ /* Center align */
  /*padding: 0 20px !important; */ /* Optional padding for spacing */
/*}*/
.pkp_structure_head {
  background-image: url('../../../gambar/backgroundheader2.jpg');
  background-size: cover; /* Gambar mengisi seluruh area */
  background-position: center center; /* Posisi gambar terpusat */
  background-repeat: no-repeat; /* Gambar tidak diulang */
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  /*padding: 30px 20px; *//* Padding untuk memberi jarak pada konten */
}

/* RESPONSIVE STYLES */

/* Tablet: untuk layar dengan lebar lebih kecil dari 992px */
@media (max-width: 992px) {
  .pkp_structure_head {
    background-size: cover; /* Agar gambar tetap penuh */
    background-position: center center;
    /*padding: 20px 15px; */ /* Sesuaikan padding */
  }
}

/* Mobile: untuk layar dengan lebar lebih kecil dari 768px */
@media (max-width: 768px) {
  .pkp_structure_head {
    background-size: cover; /* Agar gambar tetap penuh */
    background-position: center center;
    /*padding: 15px 10px; */ /* Sesuaikan padding di ponsel */
  }
}

.pkp_site_name_wrapper,
.pkp_site_nav_menu {
  background: transparent !important;
}

/* ===== NAVIGATION ===== */
.pkp_navigation_primary_wrapper {
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
  color: #ffffff !important;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.2s ease;
}

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

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_search_wrapper a:hover {
  color: #e0f7fa !important;
  background: rgba(255,255,255,0.12);
  border-radius: 5px;
  text-decoration: none !important;
}

.pkp_navigation_primary .dropdown-menu {
  background: #ffffff !important;
  border-radius: 5px;
}

.pkp_navigation_primary .dropdown-menu a {
  color: #163b65 !important;
}

.pkp_navigation_primary .dropdown-menu a:hover {
  background: #eef9fb !important;
  color: #1E95A3 !important;
}

/* ===== SAFE CONTENT WRAPPER ===== */
.pkp_structure_content {
  max-width: 1280px !important;
  width: 100% !important;
  margin: 30px auto !important;
  padding: 0 20px !important;
  background: transparent;
  box-sizing: border-box !important;
}

/* ===== SAFE CLEARFIX - IMPORTANT ===== */
.pkp_structure_content:before,
.pkp_structure_content:after,
.pkp_structure_main:before,
.pkp_structure_main:after {
  content: "" !important;
  display: table !important;
}

.pkp_structure_content:after,
.pkp_structure_main:after {
  clear: both !important;
}

/* ===== MAIN + SIDEBAR LAYOUT ===== */
.pkp_structure_main {
  width: calc(100% - 340px) !important;
  max-width: calc(100% - 340px) !important;
  float: left !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.pkp_structure_sidebar {
  width: 300px !important;
  float: right !important;
  margin-top: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
}

.pkp_structure_sidebar .pkp_block {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ===== PAGE SURFACE ===== */
.page,
.obj_article_details,
.page_about,
.page_issue_archive,
.page_submissions,
.page_editorial,
.page_contact,
.page_announcement,
.page_issue,
.page_search {
  background: transparent;
  box-sizing: border-box;
}

/* ===== TYPOGRAPHY ===== */
h1,
.page_title {
  font-size: 30px;
  line-height: 1.25;
  color: var(--ijiss-navy);
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 14px;
}

h2,
.ijiss-header h2 {
  font-size: 29px;
  line-height: 1.25;
  color: var(--ijiss-navy);
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 8px;
}

h3 {
  font-size: 22px;
  line-height: 1.3;
  color: var(--ijiss-navy);
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 12px;
}

h4 {
  font-size: 17px;
  line-height: 1.35;
  color: var(--ijiss-navy);
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 8px;
}

p {
  font-size: 15px;
  line-height: 1.75;
  color: var(--ijiss-text);
  margin: 6px 0 10px 0;
}

ul, ol {
  margin: 6px 0 10px 0;
  padding-left: 22px;
}

ul li, ol li {
  font-size: 15px;
  line-height: 1.7;
  color: var(--ijiss-text);
  margin-bottom: 6px;
}

/* ===== LINKS ===== */
a {
  color: var(--ijiss-primary) !important;
  text-decoration: none;
}

a:hover {
  color: var(--ijiss-primary-dark) !important;
  text-decoration: underline;
}

/* ===== BREADCRUMBS ===== */
.cmp_breadcrumbs {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

.cmp_breadcrumbs li,
.cmp_breadcrumbs a {
  font-size: 14px;
  color: var(--ijiss-muted) !important;
}

/* ===== IJISS CONTENT BLOCKS ===== */
.ijiss-header {
  text-align: center;
  padding: 10px 24px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.ijiss-header p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--ijiss-muted);
  margin: 0;
}

.ijiss-highlight {
  background: linear-gradient(135deg, var(--ijiss-primary-soft), #F8FCFD);
  border: 1px solid var(--ijiss-primary-border);
  border-radius: 18px;
  padding: 24px;
  margin-bottom: 18px;
  box-shadow: var(--ijiss-shadow);
  box-sizing: border-box;
  max-width: 100%;
}

.ijiss-highlight h3 {
  font-size: 24px;
  line-height: 1.3;
  margin-top: 4px;
  margin-bottom: 16px;
  color: var(--ijiss-navy);
}

.ijiss-highlight p {
  font-size: 15px;
  line-height: 1.75;
  margin-top: 0;
  margin-bottom: 12px;
}

.ijiss-card {
  background: var(--ijiss-bg);
  border: 1px solid var(--ijiss-border);
  border-radius: var(--ijiss-radius);
  padding: 18px 24px;
  margin-bottom: 18px;
  box-shadow: var(--ijiss-shadow);
  box-sizing: border-box;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  max-width: 100%;
}

.ijiss-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.08);
}

.ijiss-card h3,
.ijiss-card h4 {
  color: var(--ijiss-navy);
}

.ijiss-card p:last-child {
  margin-bottom: 0;
}

.ijiss-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 18px;
  max-width: 100%;
}

.ijiss-grid .ijiss-card {
  flex: 1 1 calc(50% - 16px);
  min-width: 0;
  margin-bottom: 0;
}

.ijiss-note {
  background: var(--ijiss-bg-soft);
  border-left: 5px solid var(--ijiss-primary);
  border-radius: 8px;
  padding: 14px 24px;
  margin-top: 20px;
  box-sizing: border-box;
  max-width: 100%;
}

.ijiss-note p {
  margin: 0;
}

/* ===== MEDIA / TABLE SAFETY ===== */
img,
iframe,
video,
table {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
  background: #ffffff;
}

table th {
  background: #F2FAFB;
  color: var(--ijiss-navy);
  text-align: left;
  padding: 10px 12px;
  border: 1px solid #D9ECEF;
}

table td {
  padding: 10px 12px;
  border: 1px solid #E6EEF0;
}

/* ===== BUTTONS ===== */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.cmp_button,
.pkp_button,
.obj_issue_toc .galleys_links li a {
  background: var(--ijiss-primary) !important;
  border: 1px solid var(--ijiss-primary) !important;
  color: #ffffff !important;
  border-radius: 8px;
  transition: all 0.2s ease;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.cmp_button:hover,
.pkp_button:hover,
.obj_issue_toc .galleys_links li a:hover {
  background: var(--ijiss-primary-dark) !important;
  border-color: var(--ijiss-primary-dark) !important;
  color: #ffffff !important;
  text-decoration: none;
}

/* ===== FORMS ===== */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  border-radius: 8px;
  border: 1px solid #D1D5DB;
  padding: 8px 10px;
  box-sizing: border-box;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--ijiss-primary);
  box-shadow: 0 0 0 3px rgba(30,149,163,0.12);
}

/* ===== ISSUE / ARTICLE BLOCKS ===== */
.obj_issue_summary,
.obj_article_summary,
.cmp_article_list > li,
.current_issue,
.pkp_block {
  background: #ffffff;
  border: 1px solid var(--ijiss-border);
  border-radius: 10px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.04);
  box-sizing: border-box;
}

.pkp_block {
  margin-bottom: 16px;
}

.pkp_block .title {
  color: var(--ijiss-navy);
  font-weight: 700;
}

/* ===== FOOTER ===== */
.pkp_brand_footer {
  display: none !important; 
}

.pkp_footer_content {
    float: left; 
    width: 95%; 
    /*padding-top: 10px; */
    /*padding-bottom: 10px;*/
    color: #f0f0f0;
    padding: 18px 20px;
    margin-left: 60px;
}

.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 30px 0 0 0 !important;
  padding: 20px 0;
  background: #ffffff !important;
  border-top: 1px solid #D9ECEF;
  box-sizing: border-box;
}

/* Footer Background Color */
.pkp_structure_footer {
  /*background-color: #0094b1 !important; */
  background-image: url('../../../gambar/backgroundfooter.jpg') !important; /* Ganti dengan URL gambar Anda */
  background-size: cover; /* Agar gambar mengisi seluruh area */
  background-position: center center; /* Memastikan gambar tetap terpusat */
  background-repeat: no-repeat;
  color: #ffffff !important; /* Teks footer berwarna putih agar kontras */
  padding: 10px 0; /* Padding untuk memberi ruang di dalam footer */
  box-sizing: border-box;
}

.pkp_structure_footer::after {
  content: "© 2026 IJISS - International Journal of Islamic Studies and Social Sciences";
  display: block;
  font-size: 13px;
  line-height: 1.5;
  /*color: var(--ijiss-muted); */ /*warna text copyright*/
  color: #ffffff;
  text-align: center;
  padding: 10px 10px;
}

.pkp_structure_footer a,
.pkp_structure_footer p,
.pkp_structure_footer span,
.pkp_structure_footer li,
.pkp_structure_footer div {
  color: #ffffff !important;
}

/* ===== CONTACT ===== */
.ijiss-contact-grid {
  align-items: stretch;
}

.ijiss-contact-card {
  flex: 1 1 calc(50% - 16px) !important;
  padding: 12px 20px !important;
}

.ijiss-contact-card h3 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.ijiss-contact-card p {
  margin: 2px 0 !important;
  line-height: 1.5 !important;
}

/* ===== REVIEWER PREMIUM ===== */
.ijiss-reviewer-grid-premium {
  gap: 16px !important;
  align-items: stretch;
}

.ijiss-reviewer-card-premium {
  flex: 1 1 calc(50% - 16px) !important;
  padding: 14px 18px !important;
  position: relative;
}

.ijiss-reviewer-name {
  margin: 0 0 6px 0 !important;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1.4 !important;
  color: #163B65 !important;
}

.ijiss-reviewer-affiliation {
  margin: 0 0 10px 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
}

.ijiss-reviewer-name i,
.ijiss-reviewer-affiliation i {
  color: #1E95A3;
  margin-right: 8px;
  width: 14px;
  text-align: center;
}

.ijiss-reviewer-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #187E8A;
  background: #EEF9FB;
  border: 1px solid #CFE7EB;
  border-radius: 999px;
  padding: 4px 10px;
  line-height: 1.3;
}

/* ===== CUSTOM SIDEBAR MENU ===== */
.ijiss-side-menu {
  background: #ffffff;
  border: 1px solid #d9e3ee;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  overflow: hidden;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
}

.ijiss-side-menu-title {
  background: #3d86e8;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 14px 12px;
  border-bottom: 3px solid #f39a3f;
  letter-spacing: 0.3px;
}

.ijiss-side-menu-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  text-decoration: none !important;
  background: #ffffff;
  color: #334155 !important;
  border-bottom: 1px solid #e6edf5;
  transition: all 0.2s ease;
}

.ijiss-side-menu-item:last-child {
  border-bottom: none;
}

.ijiss-side-menu-item:hover {
  background: #eef5ff;
  color: #163b65 !important;
  text-decoration: none !important;
}

.ijiss-side-menu-item.active {
  background: #8fb6eb;
  color: #ffffff !important;
}

.ijiss-side-menu-item.active .ijiss-side-menu-icon,
.ijiss-side-menu-item.active .ijiss-side-menu-text {
  color: #ffffff !important;
}

.ijiss-side-menu-icon {
  width: 28px;
  min-width: 28px;
  text-align: center;
  font-size: 18px;
  color: #4b5563;
  position: relative;
}

.ijiss-side-menu-icon::after {
  content: "";
  position: absolute;
  right: -7px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 24px;
  background: #d8e2ee;
}

.ijiss-side-menu-text {
  font-size: 15px;
  line-height: 1.35;
  color: #334155;
  font-weight: 500;
}

/* ===== MOBILE ===== */
@media (max-width: 991px) {
  .pkp_structure_content {
    max-width: 100% !important;
    padding: 0 16px !important;
  }

  .pkp_structure_main,
  .pkp_structure_sidebar {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

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

  h1,
  .page_title {
    font-size: 26px;
  }

  h2,
  .ijiss-header h2 {
    font-size: 24px;
  }

  h3,
  .ijiss-card h3,
  .ijiss-highlight h3 {
    font-size: 20px;
  }

  h4,
  .ijiss-card h4 {
    font-size: 16px;
  }

  p,
  .ijiss-card p,
  .ijiss-highlight p,
  .ijiss-note p,
  ul li,
  ol li {
    font-size: 14px;
    line-height: 1.7;
  }

  .ijiss-card,
  .ijiss-highlight,
  .ijiss-note,
  .ijiss-header {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .ijiss-grid,
  .ijiss-contact-grid,
  .ijiss-reviewer-grid-premium {
    display: block !important;
  }

  .ijiss-grid .ijiss-card,
  .ijiss-contact-card,
  .ijiss-reviewer-card-premium {
    flex: 1 1 100% !important;
    margin-bottom: 12px !important;
    padding: 12px 14px !important;
  }

  .ijiss-side-menu-item {
    padding: 12px 14px;
  }

  .ijiss-side-menu-text {
    font-size: 14px;
  }

  .ijiss-side-menu-icon {
    width: 24px;
    min-width: 24px;
    font-size: 16px;
  }
}

/* =====================================================
   IJISS RIGHT SIDEBAR - PREMIUM CUSTOM BLOCK
===================================================== */

/* Sidebar kanan dibuat lebih ramping */
.pkp_structure_sidebar {
  width: 270px !important;
  float: right !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

.pkp_structure_sidebar .pkp_block {
  width: 100% !important;
  margin-bottom: 14px !important;
  background: #ffffff !important;
  border: 1px solid #d9e3ee !important;
  border-radius: 4px !important;
  box-shadow: 0 6px 14px rgba(0,0,0,0.10) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Hilangkan padding bawaan block OJS yang terlalu lebar */
.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_sidebar .pkp_block .block_contents,
.pkp_structure_sidebar .pkp_block .blockContent {
  padding: 0 !important;
  margin: 0 !important;
}

/* Judul block default OJS */
.pkp_structure_sidebar .pkp_block .title {
  background: #3d86e8 !important;
  color: #ffffff !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 14px 12px !important;
  margin: 0 !important;
  border-bottom: 3px solid #f39a3f !important;
  letter-spacing: 0.2px !important;
}

/* =====================================================
   IJISS CUSTOM MENU BLOCK
===================================================== */

.ijiss-side-menu {
  background: #ffffff;
  margin: 0;
  padding: 0;
}

.ijiss-side-menu-title {
  background: #3d86e8;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 14px 12px;
  border-bottom: 3px solid #f39a3f;
  letter-spacing: 0.2px;
}

.ijiss-side-menu-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: #ffffff;
  color: #334155 !important;
  border-bottom: 1px solid #e6edf5;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.ijiss-side-menu-item:last-child {
  border-bottom: none;
}

/* Hover highlight */
.ijiss-side-menu-item:hover {
  background: #eef5ff !important;
  color: #163b65 !important;
  text-decoration: none !important;
  box-shadow: inset 4px 0 0 #3d86e8;
}

.ijiss-side-menu-item.active {
  background: #8fb6eb !important;
  color: #ffffff !important;
}

.ijiss-side-menu-item.active .ijiss-side-menu-icon,
.ijiss-side-menu-item.active .ijiss-side-menu-text {
  color: #ffffff !important;
}

.ijiss-side-menu-icon {
  width: 30px;
  min-width: 30px;
  text-align: center;
  font-size: 18px;
  color: #4b5563;
  position: relative;
}

.ijiss-side-menu-icon::after {
  content: "";
  position: absolute;
  right: -7px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 24px;
  background: #d8e2ee;
}

.ijiss-side-menu-text {
  font-size: 15px;
  line-height: 1.35;
  color: #334155;
  font-weight: 500;
}

/* =====================================================
   IJISS SUBMISSION BUTTON BLOCK
===================================================== */

.ijiss-side-cta {
  display: block;
  background: linear-gradient(180deg, #4a90f0, #3d86e8);
  color: #ffffff !important;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 18px 14px;
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.10);
}

.ijiss-side-cta:hover {
  background: linear-gradient(180deg, #3d86e8, #2f78da);
  color: #ffffff !important;
  text-decoration: none !important;
}

/* =====================================================
   IJISS TEMPLATE BLOCK
===================================================== */

.ijiss-template-block {
  text-align: center;
  padding: 18px 12px 22px;*/
  background: #ffffff;
}

.ijiss-template-block img {
  max-width: 180px;
  height: auto;
  display: inline-block;
}

.ijiss-template-block a {
  display: inline-block;
  text-decoration: none !important;
}

/* Mobile */
@media (max-width: 991px) {
  .pkp_structure_sidebar {
    width: 100% !important;
    float: none !important;
    margin-top: 20px !important;
  }
}

/* =====================================================
   IJISS SIDEBAR CUSTOM BLOCK - FINAL
===================================================== */

/* Sidebar kanan dibuat lebih ramping */
.pkp_structure_sidebar {
  width: 260px !important;
  float: right !important;
  box-sizing: border-box !important;
}

/* Block OJS */
.pkp_structure_sidebar .pkp_block {
  width: 100% !important;
  margin-bottom: 12px !important;
  background: #ffffff !important;
  border: 1px solid #d9e3ee !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.10) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Hilangkan padding bawaan yang terlalu lebar */
.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_sidebar .pkp_block .block_contents,
.pkp_structure_sidebar .pkp_block .blockContent {
  padding: 0 !important;
  margin: 0 !important;
}

/* Judul block bawaan OJS */
.pkp_structure_sidebar .pkp_block .title {
  background: #3d86e8 !important;
  color: #ffffff !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 10px 8px !important;
  margin: 0 !important;
  border-bottom: 3px solid #f39a3f !important;
  letter-spacing: 0.2px !important;
}

/* ===== CUSTOM MENU BLOCK ===== */
.ijiss-side-menu {
  background: #ffffff;
  margin: 0;
  padding: 0;
}

.ijiss-side-menu-title {
  background: #3d86e8;
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 8px;
  border-bottom: 3px solid #f39a3f;
  letter-spacing: 0.2px;
}

.ijiss-side-menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px !important;
  background: #ffffff;
  color: #334155 !important;
  border-bottom: 1px solid #e6edf5;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.ijiss-side-menu-item:last-child {
  border-bottom: none;
}

.ijiss-side-menu-item:hover {
  background: #eef5ff !important;
  color: #163b65 !important;
  text-decoration: none !important;
  box-shadow: inset 3px 0 0 #3d86e8;
}

.ijiss-side-menu-item.active {
  background: #8fb6eb !important;
  color: #ffffff !important;
}

.ijiss-side-menu-item.active .ijiss-side-menu-icon,
.ijiss-side-menu-item.active .ijiss-side-menu-text {
  color: #ffffff !important;
}

.ijiss-side-menu-icon {
  width: 22px;
  min-width: 22px;
  text-align: center;
  font-size: 14px;
  color: #4b5563;
  position: relative;
}

.ijiss-side-menu-icon::after {
  content: "";
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;
  background: #d8e2ee;
}

.ijiss-side-menu-text {
  font-size: 13px;
  line-height: 1.3;
  color: #334155;
  font-weight: 500;
}

/* ===== SUBMISSION BUTTON BLOCK ===== */
.ijiss-side-cta {
  display: block;
  background: linear-gradient(180deg, #4a90f0, #3d86e8);
  color: #ffffff !important;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 12px 8px !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.10);
  border-radius: 3px;
}

.ijiss-side-cta:hover {
  background: linear-gradient(180deg, #3d86e8, #2f78da);
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ===== TEMPLATE BLOCK ===== */
.ijiss-template-block {
  text-align: center;
  padding: 10px 6px !important;
  background: #ffffff;
}

.ijiss-template-block img {
  max-width: 170px;
  height: auto;
  display: inline-block;
}

.ijiss-template-block a {
  display: inline-block;
  text-decoration: none !important;
}

/* Mobile */
@media (max-width: 991px) {
  .pkp_structure_sidebar {
    width: 100% !important;
    float: none !important;
    margin-top: 20px !important;
  }
}

/* =====================================================
   IJISS CUSTOM BLOCK MENU - FINAL
===================================================== */

/* Hilangkan padding/margin bawaan block */
.pkp_block.custom .content,
.pkp_block .content {
  margin: 0 !important;
  padding: 0 !important;
}

/* Hilangkan margin wrapper title custom */
.pkp_block.custom .title,
.pkp_block .title {
  margin: 0 !important;
}

/* Styling judul block */
.pkp_block.custom .title,
.pkp_block .title span.title {
  display: block;
  background: #3d86e8;
  color: #ffffff !important;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 8px;
  border-bottom: 3px solid #f39a3f;
  letter-spacing: 0.2px;
}

/* Hilangkan jarak list */
.pkp_block .content ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hilangkan jarak item */
.pkp_block .content ul li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #e1e5ec;
}

/* Link item */
.pkp_block .content ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px !important;
  margin: 0 !important;
  color: #334155 !important;
  text-decoration: none !important;
  font-size: 13px;
  line-height: 1.35;
  transition: all 0.2s ease;
}

/* Hover highlight */
.pkp_block .content ul li a:hover {
  background: #c2c9d6 !important;
  color: #163b65 !important;
  text-decoration: none !important;
}

/* Icon */
.pkp_block .content ul li a em.fa {
  width: 18px;
  min-width: 18px;
  text-align: center;
  font-size: 14px;
  color: #4b5563;
  margin-right: 6px;
}

/* Hover icon ikut berubah */
.pkp_block .content ul li a:hover em.fa {
  color: #163b65;
}

/* Hapus garis item terakhir */
.pkp_block .content ul li:last-child {
  border-bottom: none;
}

/* =====================================================
   REMOVE ALL SPACING - EDGE TO EDGE SIDEBAR
===================================================== */

/* Hapus padding luar block */
.pkp_structure_sidebar .pkp_block {
  padding: 0 !important;
}

/* Hapus padding content */
.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_sidebar .pkp_block .block_contents {
  margin: 0 !important;
  padding: 0 !important;
}

/* Hapus margin title wrapper */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block span.title {
  margin: 0 !important;
}

/* Title full width (tanpa jarak kiri kanan) */
.pkp_structure_sidebar .pkp_block span.title {
  display: block;
  width: 100%;
  padding: 12px 0 !important;
  background: #3d86e8; 
  color: #fff !important;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  border-bottom: 3px solid #f39a3f;
}

/* UL benar-benar tanpa jarak */
.pkp_structure_sidebar .pkp_block ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

/* LI tanpa jarak */
.pkp_structure_sidebar .pkp_block ul li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #e1e5ec;
}

/* Link full width (nempel kiri kanan) */
.pkp_structure_sidebar .pkp_block ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px !important;
  margin: 0 !important;
  box-sizing: border-box;
  text-decoration: none !important;
  color: #334155 !important;
  font-size: 13px;
}

/* Hover highlight */
.pkp_structure_sidebar .pkp_block ul li a:hover {
  background: #c2c9d6 !important;
  color: #163b65 !important;
}

/* Icon */
.pkp_structure_sidebar .pkp_block ul li a em.fa {
  width: 18px;
  text-align: center;
  font-size: 14px;
  margin: 0;
}

/* Hilangkan garis terakhir */
.pkp_structure_sidebar .pkp_block ul li:last-child {
  border-bottom: none;
}

.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block span.title {
  background: linear-gradient(90deg, #26A6B5, #1f8f9c) !important;
  color: #ffffff !important;
  border-bottom: 3px solid #e58e2b !important;
}

.pkp_structure_sidebar .pkp_block ul li a:hover {
  background: #c2c9d6 !important;
  box-shadow: inset 3px 0 0 #3d86e8;
}

/* =====================================================
   IJISS SIDEBAR CUSTOM MENU - FINAL
===================================================== */

/* Remove padding/margin */
.pkp_block.custom .content,
.pkp_block .content {
  margin: 0 !important;
  padding: 0 !important;
}

/* Title block styling */
.pkp_structure_sidebar .pkp_block .title {
  background: #26A6B5 !important;
  color: #ffffff !important;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 12px 8px !important;
  margin: 0 !important;
  border-bottom: 3px solid #1e8d99 !important;
  letter-spacing: 0.2px;
}

/* Remove margin from list */
.pkp_structure_sidebar .pkp_block ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

/* LI without padding */
.pkp_structure_sidebar .pkp_block ul li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #e1e5ec;
}

/* Link item styling */
.pkp_structure_sidebar .pkp_block ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px !important;
  margin: 0 !important;
  box-sizing: border-box;
  text-decoration: none !important;
  color: #334155 !important;
  font-size: 13px;
}

/* Hover effect on menu item */
.pkp_structure_sidebar .pkp_block ul li a:hover {
  background: #c2c9d6 !important;
  color: #163b65 !important;
}

/* Icon styling */
.pkp_structure_sidebar .pkp_block ul li a em.fa {
  width: 18px;
  text-align: center;
  font-size: 14px;
  margin: 0;
}

/* No border on last item */
.pkp_structure_sidebar .pkp_block ul li:last-child {
  border-bottom: none;
}

/* Active link state (highlight active page) */
.pkp_structure_sidebar .pkp_block ul li a.active {
  background: #8fb6eb !important;
  color: #ffffff !important;
}

/* ===== FULL SCREEN NAVBAR EFFECT ===== */
.pkp_structure_sidebar .pkp_block ul li a:hover,
.pkp_structure_sidebar .pkp_block ul li a.active {
  box-shadow: inset 4px 0 0 #26A6B5 !important;
}