/* SVG Logo Fix for siemo AI */

/* Logo container styling */
.navbar-brand {
  display: flex;
  align-items: center;
}

/* SVG logo base styling */
.navbar-brand img {
  height: 35px;
  width: auto;
  max-height: 35px;
  transition: all 0.3s ease;
}

/* Ensure SVG logos scale properly */
.navbar-brand svg {
  height: 35px;
  width: auto;
  max-height: 35px;
}

/* Logo display logic for normal state */
.header.link-nav .l-blue {
  display: none;
}

.header.link-nav .l-white {
  display: inline-block;
}

/* Logo display logic for fixed navigation state */
.header.link-nav.fixed-nav .l-blue {
  display: inline-block;
}

.header.link-nav.fixed-nav .l-white {
  display: none;
}

/* Mobile responsive fixes */
@media (max-width: 768px) {
  .navbar-brand img {
    height: 30px;
    max-height: 30px;
  }
  
  .navbar-brand svg {
    height: 30px;
    max-height: 30px;
  }
}

/* Hover effects */
.navbar-brand:hover img,
.navbar-brand:hover svg {
  transform: scale(1.05);
}

/* Ensure logos are always visible and properly sized */
.navbar-brand img[src*="siemo"] {
  height: 35px !important;
  width: auto !important;
  max-width: 140px;
}