/* ==========================================================================
   GLOBAL HEADER STYLES
   ========================================================================== */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 32px;
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  min-height: 64px;
}

.logo {
  display: flex;
  align-items: center;
}

/* Ensure the link container allows the image to scale correctly */
.logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

/* Force explicit SVG layout parameters */
.logo img {
  height: 32px;
  width: auto;
  display: block;
}

.nav a {
  margin-left: 24px;
  text-decoration: none;
  color: var(--color-dark-blue);
  font-weight: 800;
  transition: color 0.3s ease;
}

.nav a:hover {
  color: var(--color-pinky-red);
}