/**
 * AJNETWORKS Logo Sizing and Positioning
 * Handles SVG logo with responsive sizing
 * Ensures proper display across all pages and devices
 */

/* Main Header Logo - SVG optimized */
#site-logo img,
.site-logo img {
  max-width: 160px !important;
  max-height: 75px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  /* SVG-specific properties */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Footer Logo */
.footer-logo img,
footer img[src*="logo"] {
  max-width: 180px !important;
  max-height: 80px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* Mobile Menu Logo */
.mobile-logo img {
  max-width: 140px !important;
  max-height: 60px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* Preloader Logo */
.royal_preloader img[src*="logo"],
#royal_preloader img[src*="logo"] {
  max-width: 160px !important;
  max-height: 75px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* Ensure logo maintains aspect ratio */
img[src*="logo.svg"],
img[src*="logo.png"],
img[alt="AJNETWORKS"] {
  max-width: 160px !important;
  max-height: 75px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  display: block;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  #site-logo img,
  .site-logo img {
    max-width: 140px !important;
    max-height: 65px !important;
  }
}

@media (max-width: 767px) {
  #site-logo img,
  .site-logo img {
    max-width: 120px !important;
    max-height: 55px !important;
  }

  .footer-logo img,
  footer img[src*="logo"] {
    max-width: 150px !important;
    max-height: 70px !important;
  }
}

@media (max-width: 480px) {
  #site-logo img,
  .site-logo img {
    max-width: 100px !important;
    max-height: 45px !important;
  }
}

/* Fix for sticky header logo */
.is-fixed #site-logo img,
.is-fixed .site-logo img {
  max-width: 140px !important;
  max-height: 60px !important;
  transition: all 0.3s ease;
}

/* Fix for header variations */
.header-transparent #site-logo img,
.header-style-2 #site-logo img {
  max-width: 160px !important;
  max-height: 75px !important;
}

/* Ensure no overflow */
#site-logo,
.site-logo {
  overflow: visible !important;
  display: flex;
  align-items: center;
}

/* Remove any background that might show behind logo */
#site-logo a,
.site-logo a {
  display: block;
  line-height: 1;
}