/* ✅ Stilizare logo navbar - optimizat */
.navbar-brand img.logo {
  height: 50px; /* Dimensiune standard desktop */
  max-width: 100%;
  display: block;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease-in-out;
  opacity: 0; /* Efect de fade-in la încărcare */
  animation: fadeInLogo 0.6s ease-in-out forwards;
  object-fit: contain; /* Menține proporțiile corecte */
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}

/* ✅ Efect de fade-in la încărcare */
@keyframes fadeInLogo {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ✅ Hover modern - doar ridicare și scalare */
.navbar-brand img.logo:hover {
  transform: translateY(-3px) scale(1.1); /* Ridicare și mărire mai clară */
  opacity: 1; /* Păstrează claritatea */
}

/* ✅ Responsive pentru toate ecranele */
@media (max-width: 1024px) { /* Tablete */
  .navbar-brand img.logo {
    height: 45px;
  }
}

@media (max-width: 768px) { /* Mobile */
  .navbar-brand img.logo {
    height: 40px;
  }
}

@media (max-width: 480px) { /* Dispozitive foarte mici */
  .navbar-brand img.logo {
    height: 35px;
  }
}

/* ✅ Claritate maximă pe ecrane Retina și HiDPI */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .navbar-brand img.logo {
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
  }
}

/* ✅ Compatibilitate maximă cu toate browserele */
@supports (-webkit-touch-callout: none) { 
  .navbar-brand img.logo {
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
  }
}