/* ============================================================
   PIWELING JOURNAL - CUSTOM STYLESHEET
   Logo presisi penuh + Navigasi selaras tema navy blue & gold
   ============================================================ */

/* ============================================================
   HEADER & LOGO - FULL WIDTH PRESISI
   ============================================================ */

.pkp_structure_head {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  background: transparent !important;
  border-bottom: none !important;
}

.pkp_head_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.has_site_logo .pkp_head_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.pkp_site_name_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
}

.pkp_site_name {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
}

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

/* Logo: tampil penuh proporsional - tidak terpotong */
.pkp_site_name img,
.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: fill !important;
  object-position: center center !important;
}

/* ============================================================
   NAVIGASI - SELARAS TEMA NAVY BLUE & GOLD
   Warna: #001F5B (navy) | Aksen: #C9922A (gold)
   ============================================================ */

/* Override warna hijau dari site stylesheet */
.pkp_site_nav_menu {
  background: #001F5B !important;
  border-bottom: 2px solid #C9922A !important;
}

.pkp_navigation_primary_row {
  background: #001F5B !important;
}

/* Navigation links */
.pkp_navigation_primary a,
#navigationPrimary a {
  color: #ffffff !important;
  font-weight: 500 !important;
}

.pkp_navigation_primary a:hover,
.pkp_navigation_primary a:focus,
#navigationPrimary a:hover,
#navigationPrimary a:focus {
  color: #C9922A !important;
  text-decoration: none !important;
}

/* Active nav item */
.pkp_navigation_primary li.in_path > a,
#navigationPrimary li.in_path > a {
  color: #C9922A !important;
  border-bottom: 2px solid #C9922A !important;
}

/* User navigation wrapper */
.pkp_navigation_user_wrapper {
  background-color: #00123A !important;
  border-bottom: 1px solid #C9922A !important;
}

/* Search wrapper */
.pkp_navigation_search_wrapper {
  background: #001F5B !important;
}

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

/* Dropdown menu */
.pkp_navigation_primary .dropdown-menu,
#navigationPrimary .dropdown-menu {
  background: #001F5B !important;
  border: 1px solid #C9922A !important;
}

.pkp_navigation_primary .dropdown-menu a,
#navigationPrimary .dropdown-menu a {
  color: #ffffff !important;
}

.pkp_navigation_primary .dropdown-menu a:hover,
#navigationPrimary .dropdown-menu a:hover {
  background: #C9922A !important;
  color: #ffffff !important;
}

/* ============================================================
   TABLE JOURNAL INFORMATION
   ============================================================ */

table caption,
.pkp_structure_main table caption {
  font-family: Georgia, serif !important;
  font-size: 1rem !important;
  font-weight: bold !important;
  color: #ffffff !important;
  background-color: #001F5B !important;
  padding: 0.75rem 1rem !important;
}

.pkp_structure_main table tr,
.pkp_homepage_content table tr {
  border-bottom: 1px solid #e8dfc8 !important;
}

.pkp_structure_main table tr:last-child {
  border-bottom: none !important;
}

.pkp_structure_main table td:first-child,
.pkp_homepage_content table td:first-child {
  font-family: Georgia, serif !important;
  font-weight: bold !important;
  font-style: italic !important;
  color: #ffffff !important;
  background-color: #001F5B !important;
  padding: 0.6rem 1rem !important;
}

.pkp_structure_main table td:last-child,
.pkp_homepage_content table td:last-child {
  padding: 0.6rem 1rem !important;
  background-color: #fdfaf4 !important;
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

@media (min-width: 768px) {
  .pkp_site_name_wrapper,
  .has_site_logo .pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}

@media (min-width: 992px) {
  .pkp_site_name_wrapper,
  .has_site_logo .pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }
  .pkp_head_wrapper {
    padding-top: 0 !important;
  }
}

@media (min-width: 1200px) {
  .pkp_site_name_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_user,
  .pkp_search_mobile,
  .pkp_structure_content,
  .pkp_structure_footer {
    width: 100% !important;
    max-width: 100% !important;
  }
  .has_site_logo .pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}