/* ============================================================
   ZFX + Login Logo Replacement
   ============================================================ */

/* --- Signup page ZFX box --- */
.ZETTAFX-showcase-art {
  background: url('/onntrade-icon.svg') center/contain no-repeat !important;
  background-color: transparent !important;
  border-radius: 24px !important;
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 20px 60px rgba(16, 185, 129, 0.25) !important;
}
.ZETTAFX-showcase-art > *,
.ZETTAFX-showcase-art::before,
.ZETTAFX-showcase-art::after {
  display: none !important;
  content: '' !important;
}

/* --- Login page hero logo (left side big logo) --- */
.zfx-auth-showcase-art,
[class*="zfx-auth-showcase"] {
  position: relative !important;
}
.zfx-auth-showcase-art img,
[class*="zfx-auth-showcase"] img {
  content: url('/onntrade-icon.svg') !important;
  width: 120px !important;
  height: 120px !important;
  object-fit: contain !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 60px rgba(16, 185, 129, 0.25) !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Hide any wrapper background if old logo was bg image */
.zfx-auth-showcase-art {
  background: none !important;
}

/* --- Login page small brand icon (top right of form) --- */
.zfx-auth-brand-icon img,
.zfx-auth-brand-icon > img {
  content: url('/onntrade-icon.svg') !important;
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
}

/* --- Sidebar brand mark (client dashboard) --- */
.sidebar-brand-mark img,
.sidebar-brand-mark > img {
  content: url('/onntrade-icon.svg') !important;
  width: 36px !important;
  height: 36px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
}

/* --- Any other onntrade-logo.png image on auth pages --- */
img[src*="onntrade-logo.png"] {
  content: url('/onntrade-icon.svg') !important;
  width: 120px !important;
  height: 120px !important;
  object-fit: contain !important;
  border-radius: 24px !important;
}
.zfx-auth-brand-icon img[src*="onntrade-logo.png"],
.sidebar-brand-mark img[src*="onntrade-logo.png"] {
  width: 32px !important;
  height: 32px !important;
}