/* Safe, isolated logo styles */
.header-logo {
  position: relative;
  display: inline-block;
  width: 30px; /* Match your logo width */
  height: 30px; /* Match your logo height */
  contain: layout paint; /* Isolate rendering */
}

.header-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  backface-visibility: hidden;
}

.logo-primary {
  opacity: 1;
}

.logo-secondary {
  opacity: 0;
}