/* Consistent navbar geometry across every BlockZillas page. */
.navbar {
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  padding: 10px 40px;
  box-sizing: border-box;
}

.navbar .nav-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.navbar .nav-logo {
  flex: 0 0 70px;
  margin: 0;
  padding: 0;
}

.navbar .nav-logo img {
  display: block;
  width: 70px;
  height: 60px;
  margin: 0;
  object-fit: contain;
}

.navbar .nav-links {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  transform: translateX(18px);
}

@media (max-width: 768px) {
  .navbar { padding: 6px 20px; }
  .navbar .nav-container { height: 50px; }
  .navbar .nav-logo { flex-basis: 55px; }
  .navbar .nav-logo img { width: auto; height: 45px; margin: 0; }
  .navbar .hamburger { margin: 0 0 0 auto; }
  .navbar .nav-links { display: none; margin: 0; transform: none; }
  .navbar .nav-links.show { display: flex; }
}

@media (max-width: 480px) {
  .navbar { padding: 5px 15px; }
  .navbar .nav-logo img { width: auto; height: 40px; margin: 0; }
}