/* ==========================================================================
   REDUCED-HEIGHT BANNER CORRECTION FOR OJS 3.4.0-4
   ========================================================================== */

/* ---------- Header Container & Background ---------- */
.pkp_structure_head {
  background: var(--dsjhss-banner-bg, #fbf6f2) !important;
  border-bottom: 0 !important;
}

/* Compact Admin/User Bar */
.pkp_navigation_user_wrapper {
  background: var(--dsjhss-green-dark, #083f38) !important;
  border-bottom: 2px solid var(--dsjhss-burgundy, #8a2533) !important;
  min-height: 32px !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user a {
  color: #ffffff !important;
  font-weight: 700;
  padding: 4px 10px !important;
}

/* ---------- Banner Height Restriction ---------- */
.pkp_site_name_wrapper {
  background: var(--dsjhss-banner-bg, #fbf6f2) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 8px 0 !important; /* Minimal vertical padding */
  width: 100% !important;
}

.pkp_site_name {
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 auto !important;
  max-width: 1280px !important; /* Aligns banner width nicely with the navigation bar below */
  padding: 0 !important;
  width: 100% !important;
}

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

/* Core fix: Cap the vertical height to reduce overall banner scale */
.pkp_site_name .is_img img,
.pkp_site_name img {
  border: 0 !important;
  display: block !important;
  height: auto !important;
  margin: 0 auto !important;
  max-height: 180px !important; /* ADJUST THIS: Lower value (e.g., 150px) to make it even slimmer */
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  width: auto !important;
}

/* Align navigation seamlessly below the compact banner */
.pkp_navigation_primary_wrapper {
  background: var(--dsjhss-green, #0e5a4f) !important;
  border-top: 3px solid var(--dsjhss-burgundy, #8a2533) !important;
  margin-top: 0 !important;
}

/* Mobile responsive handling */
@media (max-width: 767px) {
  .pkp_site_name .is_img img,
  .pkp_site_name img {
    max-height: 120px !important; /* Slimmer profile on mobile devices */
    width: 100% !important;
  }
}