/* Cross-Browser Logo Compatibility Styles */

/* Ensure SVG logos scale properly across all browsers */
.logo-container img {
  /* Cross-browser image scaling */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  
  /* Hardware acceleration for smooth scaling */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  
  /* Prevent image distortion */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

/* Fallback for older browsers that don't support SVG */
@supports not (background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgMSAxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InJlZCIvPjwvc3ZnPg==")) {
  .logo-container img {
    /* Fallback for very old browsers */
    max-width: 100%;
    height: auto;
  }
}

/* High DPI display support */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .logo-container img {
    /* Ensure crisp rendering on retina displays */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
}

/* Print styles */
@media print {
  .logo-container img {
    /* Ensure logos print properly */
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .logo-container img {
    /* Ensure logos remain visible in dark mode */
    filter: brightness(1.1) contrast(1.1);
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .logo-container img {
    /* Remove any animations for accessibility */
    animation: none;
    transition: none;
  }
}