/**
 * Brand Logo Fix
 * Makes only the icon white while preserving theme-colored background
 */

/* Make the icon itself white in both themes but restore original size */
.z-brand-logo i {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  background: none !important;
  background-image: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  /* No font-size override to maintain original size */
}

/* Ensure the container retains theme background color */
.z-brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Override any existing styling that might affect the icon color */
.theme-dark .z-brand-logo i,
.theme-light .z-brand-logo i {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Preserve theme background in both themes */
.theme-light .z-brand-logo {
  background: var(--navbar-bg);
}

.theme-dark .z-brand-logo {
  background: var(--navbar-bg);
}