/* 1) Hilangkan background/pembatas di kepala halaman */
.pkp_structure_head {
  background: #0b5fa5;   /* buang putihnya */
  border-bottom: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 2) Lepas batas max-width container di area header */
.pkp_brand_header .pkp_container,
.pkp_site_name_wrapper .pkp_container,
.pkp_page_header .pkp_container {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 3) Paksa wrapper site name jadi full-bleed (menjebol grid tema) */
.pkp_site_name_wrapper,
.pkp_site_name {
  width: 100vw !important;              /* selebar viewport */
  max-width: 100vw !important;
  margin-left: 50% !important;
  transform: translateX(-50%) !important;  /* center-kan full-bleed */
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 4) Gambar banner benar-benar mengisi lebar */
.pkp_site_name .is_img,
.pkp_site_name .is_img a {
  display: block !important;
}

.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;   /* penuh lebar header */
  height: 50% !important;  /* proporsional */
  max-width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_primary_wrapper{
	background: #0b5fa5;
	padding-left:0;
	padding-right:0;
}

/* 5) Rapikan bar menu agar tidak menambah ruang putih */
.pkp_navigation_primary_wrapper .pkp_container {
  background:#0b5fa5;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/***************
  SIDEBAR – BOX MENU
***************/
:root{
  --sb-bg: #ffffff;
  --sb-head: #0b5fa5;        /* warna header box */
  --sb-text: #222;
  --sb-muted: #6b7280;
  --sb-border: #e5e7eb;
  --sb-hover: #f3f4f6;
  --sb-accent: #0b5fa5;      /* warna hover/active link */
}

/* wrapper sidebar OJS */
.pkp_structure_sidebar,
.pkp_structure_sidebar .pkp_block {
  box-sizing: border-box;
}

/* setiap blok sidebar jadi card/box */
.pkp_structure_sidebar .pkp_block{
  background: var(--sb-bg);
  border: 1px solid var(--sb-border);
  border-radius: 10px;
  overflow: hidden;
  margin: 14px 0;
  box-shadow: 0 1px 3px rgba(2,6,23,.06);
}

/* judul blok default OJS */
.pkp_structure_sidebar .pkp_block .title{
  background: var(--sb-head);
  color: #fff;
  font-weight: 700;
  font-size: 14.5px;
  padding: 10px 12px;
  text-transform: none;
  letter-spacing: .2px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* untuk Custom Block yang pakai <h3> */
.pkp_structure_sidebar .pkp_block h3{
  margin: 0;
  background: var(--sb-head);
  color: #fff;
  font-weight: 700;
  font-size: 14.5px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* list jadi tabel/rows */
.pkp_structure_sidebar .pkp_block ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.pkp_structure_sidebar .pkp_block ul li{
  border-top: 1px solid var(--sb-border);
}

/* link item */
.pkp_structure_sidebar .pkp_block ul li a{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  text-decoration: none;
  color: var(--sb-text);
  font-size: 14px;
  transition: background .18s ease, color .18s ease, padding-left .18s ease;
}

/* ikon panah kecil di depan (opsional) */
.pkp_structure_sidebar .pkp_block ul li a::before{
  content: "›";
  font-weight: 700;
  color: var(--sb-muted);
  transform: translateY(-1px);
}

/* hover/active/focus states */
.pkp_structure_sidebar .pkp_block ul li a:hover,
.pkp_structure_sidebar .pkp_block ul li a:focus{
  background: var(--sb-hover);
  color: var(--sb-accent);
  outline: none;
  padding-left: 16px; /* efek geser manis */
}
.pkp_structure_sidebar .pkp_block ul li a[aria-current="page"],
.pkp_structure_sidebar .pkp_block ul li a.active{
  background: #eef6ff;
  color: var(--sb-accent);
  font-weight: 600;
}

/* teks kecil/metadata di dalam block */
.pkp_structure_sidebar .pkp_block p{
  margin: 10px 12px;
  color: var(--sb-muted);
  font-size: 13px;
}

/* tombol/elemen form dalam block (Search, dll.) */
.pkp_structure_sidebar .pkp_block input[type="text"],
.pkp_structure_sidebar .pkp_block input[type="search"],
.pkp_structure_sidebar .pkp_block select{
  width: calc(100% - 24px);
  margin: 10px 12px;
  padding: 8px 10px;
  border: 1px solid var(--sb-border);
  border-radius: 8px;
  font-size: 14px;
}
.pkp_structure_sidebar .pkp_block button,
.pkp_structure_sidebar .pkp_block input[type="submit"]{
  display: inline-block;
  margin: 6px 12px 12px;
  padding: 8px 12px;
  background: var(--sb-head);
  color: #fff;
  border: 0;
  border-radius: 8px;
  font-size: 13.5px;
  cursor: pointer;
}
.pkp_structure_sidebar .pkp_block button:hover,
.pkp_structure_sidebar .pkp_block input[type="submit"]:hover{
  filter: brightness(1.05);
}

/* compact mode untuk layar kecil */
@media (max-width: 992px){
  .pkp_structure_sidebar .pkp_block{
    border-radius: 8px;
    margin: 10px 0;
  }
  .pkp_structure_sidebar .pkp_block ul li a{
    padding: 9px 12px;
  }
}

/* (Opsional) sticky sidebar di desktop */
@media (min-width: 1200px){
  .pkp_structure_sidebar{
    position: sticky;
    top: 20px; /* jarak dari top saat di-scroll */
    height: fit-content;
  }
}

.pkp_structure_footer {
  display: flex;
  justify-content: space-between; 
  align-items: center;          
  gap: 16px;                    
  flex-wrap: wrap;              
}

.pkp_footer_content {
  flex: 1 1 480px;               
}

.pkp_brand_footer {
  flex: 0 0 auto;
  text-align: right;
}

.pkp_brand_footer img {
  max-height: 48px;               
  height: auto;
  width: auto;
  display: inline-block;
}

.pkp_footer_content,
.pkp_brand_footer {
  float: none !important;
}