/*
Logo styles - Comprehensive fix for logo inversion issues
*/

/* Base logo styling */
.mil-logo {
  position: relative;
  z-index: 4; /* Higher than the backdrop filter z-index */
  display: inline-block;
  height: 60px;
}

/* Explicitly set all logos to dark version by default */
.mil-logo img {
  height: 100%;
  width: auto;
  display: block;
  transition: all 0.3s ease;
  content: url("../img/logo/logo-dark.png");
}

/* 
  ANTI-INVERSION FIXES
  The following rules prevent logos from being inverted by the backdrop-filter
*/

/* Force logos to never invert under any circumstances */
.mil-logo img,
.mil-frame .mil-logo img,
.mil-menu-frame .mil-logo img,
.mil-dark-bg .mil-logo img,
.mil-dark-bg + * .mil-logo img {
  filter: none !important; /* Prevent any filter */
  mix-blend-mode: normal !important; /* Prevent blend mode issues */
}

/* Override for the menu frame - always use light logo due to dark background */
.mil-menu-frame .mil-logo img {
  content: url("../img/logo/logo-light.png") !important;
}

/* 
  SERVICE ICON STYLING
  Kept separate from logo styling
*/
.mil-service-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mil-service-icon img {
  height: 60px;
  width: auto;
  transition: all 0.3s ease;
}

/* Optional: Add hover effect */
.mil-service-card-sm:hover .mil-service-icon img {
  transform: scale(1.1);
}