/* DIGLOSIA — Header banner penuh dan menu ungu
   Cocok untuk OJS Default Theme
*/

:root {
  --diglosia-dark: #24103f;
  --diglosia-main: #54217a;
  --diglosia-mid: #76549b;
  --diglosia-light: #e8ddf3;
}

/* Header utama */
.pkp_structure_head {
  background: var(--diglosia-dark) !important;
  border-bottom: 0 !important;
}

/* Hilangkan ruang kosong bawaan header */
.pkp_head_wrapper,
.pkp_site_name_wrapper {
  max-width: 1240px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

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

.pkp_site_name > a,
.pkp_site_name .is_img {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

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

/* Navigasi utama */
.pkp_navigation_primary_wrapper {
  background: var(--diglosia-main) !important;
  border-top: 1px solid rgba(255,255,255,.22) !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pkp_navigation_primary > li > a {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-expanded="true"] {
  background: var(--diglosia-light) !important;
  color: var(--diglosia-dark) !important;
}

/* Menu akun di kanan atas */
.pkp_navigation_user_wrapper {
  top: 6px !important;
  right: 18px !important;
}

.pkp_navigation_user > li > a {
  color: #ffffff !important;
}

/* Submenu */
.pkp_navigation_primary ul {
  background: #ffffff !important;
  border: 1px solid var(--diglosia-light) !important;
}

.pkp_navigation_primary ul a {
  color: var(--diglosia-dark) !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
  background: #f5effa !important;
  color: var(--diglosia-main) !important;
}

/* Tampilan tablet/ponsel */
@media (max-width: 767px) {
  .pkp_site_name .is_img img {
    width: 100% !important;
    height: auto !important;
  }

  .pkp_navigation_primary_wrapper {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}