/* Logo size adjustment to make it span from top to bottom of the header */
.head-logo {
  height: 100%; /* Make the logo container take up the full height */
  display: flex !important;
  align-items: center !important;
  max-width: 25% !important; /* Increase max-width to allow larger logo */
}

.head-logo a {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.head-logo img {
  width: auto !important;
  height: calc(100% - 6px) !important; /* Adjust for any padding */
  max-height: none !important; /* Override max-height restrictions */
  object-fit: contain !important; /* Maintain aspect ratio */
  margin: 3px 0 !important; /* Add small margin top and bottom */
}

/* Adjust the head-info to have proper alignment */
.head-info {
  align-items: center !important; /* Ensure vertical centering */
}

/* Ensure the head-info has proper height */
.head-info {
  min-height: 70px;
  padding: 0 !important; /* Remove padding to maximize vertical space */
}

/* Reduce font size for top text */
.head-list .item .info span {
  font-size: 12px !important;
}

.head-list .item .info p {
  font-size: 12px !important;
}

/* Make header elements consistent across all pages */
body .head-logo img {
  max-height: none !important;
}

/* Ensure consistency across all pages */
.subpage .head-logo {
  max-width: 25% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.subpage .head-logo a {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.subpage .head-logo img {
  width: auto !important;
  height: calc(100% - 6px) !important;
  max-height: none !important;
  object-fit: contain !important;
  margin: 3px 0 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .head-logo img {
    height: calc(100% - 8px) !important;
    margin: 4px 0;
  }
}

/* Super important override to ensure consistent logo size across all pages */
html body .head-logo {
  max-width: 25% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

html body .head-logo a {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

html body .head-logo img {
  width: auto !important;
  height: calc(100% - 6px) !important;
  max-height: none !important;
  object-fit: contain !important;
  margin: 3px 0 !important;
}