/* ============================================
   NAVBAR LOGO STYLING - Clean & Professional
   ============================================ */

.logo-link {
  display: inline-block;
  text-decoration: none;
  line-height: 0;
}

.logo-image {
  height: 100px; /* 10% bigger than 85px - more prominent */
  width: auto;
  display: block;
  object-fit: contain;
  padding-top: 1rem;
  padding-bottom: 0.6rem;
}

/* Simple hover - just a subtle opacity change */
.logo-link:hover {
  opacity: 0.85;
}

/* Make navbar even more compact - minimal padding */
nav {
  padding-top: 0 !important; /* Even less padding - 10% reduction */
  padding-bottom: 0 !important; /* Even less padding - 10% reduction */
}

/* Align nav items to center vertically with the compact navbar */
.nav-links {
  align-items: center;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .logo-image {
    height: 77px; /* 10% bigger than 70px */
  }

  nav {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
}

@media (max-width: 480px) {
  .logo-image {
    height: 66px; /* 10% bigger than 60px */
  }

  nav {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
}

/* Hide old text-based logo if still referenced */
.logo {
  display: none !important;
}