/* FreeWings v6b: CSS-only correction for compact avatar fallbacks.
   Keeps the v5 stable image fix, but prevents small nav/user avatars from
   inheriting the large marketplace card fallback treatment. */

/* Any fallback that came from a small Tailwind avatar class must stay compact. */
.marketplace-media-fallback[class*="w-8"][class*="h-8"],
.marketplace-media-fallback[class*="h-8"][class*="w-8"],
.marketplace-media-fallback[class*="w-9"][class*="h-9"],
.marketplace-media-fallback[class*="h-9"][class*="w-9"],
.marketplace-media-fallback[class*="w-10"][class*="h-10"],
.marketplace-media-fallback[class*="h-10"][class*="w-10"],
.marketplace-media-fallback[class*="w-11"][class*="h-11"],
.marketplace-media-fallback[class*="h-11"][class*="w-11"],
.marketplace-media-fallback[class*="w-12"][class*="h-12"],
.marketplace-media-fallback[class*="h-12"][class*="w-12"],
.marketplace-media-fallback[class*="w-14"][class*="h-14"],
.marketplace-media-fallback[class*="h-14"][class*="w-14"],
.marketplace-media-fallback[class*="w-16"][class*="h-16"],
.marketplace-media-fallback[class*="h-16"][class*="w-16"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #0f2a3d 0%, #163b54 55%, #0c1724 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  box-shadow: 0 8px 20px rgba(15, 42, 61, .18) !important;
  text-indent: 0 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  transform: none !important;
  isolation: isolate !important;
}

.marketplace-media-fallback[class*="w-8"][class*="h-8"],
.marketplace-media-fallback[class*="h-8"][class*="w-8"] { width: 2rem !important; height: 2rem !important; min-width: 2rem !important; min-height: 2rem !important; max-width: 2rem !important; max-height: 2rem !important; }
.marketplace-media-fallback[class*="w-9"][class*="h-9"],
.marketplace-media-fallback[class*="h-9"][class*="w-9"] { width: 2.25rem !important; height: 2.25rem !important; min-width: 2.25rem !important; min-height: 2.25rem !important; max-width: 2.25rem !important; max-height: 2.25rem !important; }
.marketplace-media-fallback[class*="w-10"][class*="h-10"],
.marketplace-media-fallback[class*="h-10"][class*="w-10"] { width: 2.5rem !important; height: 2.5rem !important; min-width: 2.5rem !important; min-height: 2.5rem !important; max-width: 2.5rem !important; max-height: 2.5rem !important; }
.marketplace-media-fallback[class*="w-11"][class*="h-11"],
.marketplace-media-fallback[class*="h-11"][class*="w-11"] { width: 2.75rem !important; height: 2.75rem !important; min-width: 2.75rem !important; min-height: 2.75rem !important; max-width: 2.75rem !important; max-height: 2.75rem !important; }
.marketplace-media-fallback[class*="w-12"][class*="h-12"],
.marketplace-media-fallback[class*="h-12"][class*="w-12"] { width: 3rem !important; height: 3rem !important; min-width: 3rem !important; min-height: 3rem !important; max-width: 3rem !important; max-height: 3rem !important; }
.marketplace-media-fallback[class*="w-14"][class*="h-14"],
.marketplace-media-fallback[class*="h-14"][class*="w-14"] { width: 3.5rem !important; height: 3.5rem !important; min-width: 3.5rem !important; min-height: 3.5rem !important; max-width: 3.5rem !important; max-height: 3.5rem !important; }
.marketplace-media-fallback[class*="w-16"][class*="h-16"],
.marketplace-media-fallback[class*="h-16"][class*="w-16"] { width: 4rem !important; height: 4rem !important; min-width: 4rem !important; min-height: 4rem !important; max-width: 4rem !important; max-height: 4rem !important; }

/* Remove large fallback typography from compact avatars. */
.marketplace-media-fallback[class*="w-8"][class*="h-8"] strong,
.marketplace-media-fallback[class*="h-8"][class*="w-8"] strong,
.marketplace-media-fallback[class*="w-9"][class*="h-9"] strong,
.marketplace-media-fallback[class*="h-9"][class*="w-9"] strong,
.marketplace-media-fallback[class*="w-10"][class*="h-10"] strong,
.marketplace-media-fallback[class*="h-10"][class*="w-10"] strong,
.marketplace-media-fallback[class*="w-11"][class*="h-11"] strong,
.marketplace-media-fallback[class*="h-11"][class*="w-11"] strong,
.marketplace-media-fallback[class*="w-12"][class*="h-12"] strong,
.marketplace-media-fallback[class*="h-12"][class*="w-12"] strong,
.marketplace-media-fallback[class*="w-14"][class*="h-14"] strong,
.marketplace-media-fallback[class*="h-14"][class*="w-14"] strong,
.marketplace-media-fallback[class*="w-16"][class*="h-16"] strong,
.marketplace-media-fallback[class*="h-16"][class*="w-16"] strong,
.marketplace-media-fallback[class*="w-8"][class*="h-8"] span,
.marketplace-media-fallback[class*="h-8"][class*="w-8"] span,
.marketplace-media-fallback[class*="w-9"][class*="h-9"] span,
.marketplace-media-fallback[class*="h-9"][class*="w-9"] span,
.marketplace-media-fallback[class*="w-10"][class*="h-10"] span,
.marketplace-media-fallback[class*="h-10"][class*="w-10"] span,
.marketplace-media-fallback[class*="w-11"][class*="h-11"] span,
.marketplace-media-fallback[class*="h-11"][class*="w-11"] span,
.marketplace-media-fallback[class*="w-12"][class*="h-12"] span,
.marketplace-media-fallback[class*="h-12"][class*="w-12"] span,
.marketplace-media-fallback[class*="w-14"][class*="h-14"] span,
.marketplace-media-fallback[class*="h-14"][class*="w-14"] span,
.marketplace-media-fallback[class*="w-16"][class*="h-16"] span,
.marketplace-media-fallback[class*="h-16"][class*="w-16"] span {
  display: none !important;
}

/* Neutralize decorative marketplace pseudo-elements only for compact avatars. */
.marketplace-media-fallback[class*="w-8"][class*="h-8"]::before,
.marketplace-media-fallback[class*="h-8"][class*="w-8"]::before,
.marketplace-media-fallback[class*="w-9"][class*="h-9"]::before,
.marketplace-media-fallback[class*="h-9"][class*="w-9"]::before,
.marketplace-media-fallback[class*="w-10"][class*="h-10"]::before,
.marketplace-media-fallback[class*="h-10"][class*="w-10"]::before,
.marketplace-media-fallback[class*="w-11"][class*="h-11"]::before,
.marketplace-media-fallback[class*="h-11"][class*="w-11"]::before,
.marketplace-media-fallback[class*="w-12"][class*="h-12"]::before,
.marketplace-media-fallback[class*="h-12"][class*="w-12"]::before,
.marketplace-media-fallback[class*="w-14"][class*="h-14"]::before,
.marketplace-media-fallback[class*="h-14"][class*="w-14"]::before,
.marketplace-media-fallback[class*="w-16"][class*="h-16"]::before,
.marketplace-media-fallback[class*="h-16"][class*="w-16"]::before {
  display: none !important;
}
.marketplace-media-fallback[class*="w-8"][class*="h-8"]::after,
.marketplace-media-fallback[class*="h-8"][class*="w-8"]::after,
.marketplace-media-fallback[class*="w-9"][class*="h-9"]::after,
.marketplace-media-fallback[class*="h-9"][class*="w-9"]::after,
.marketplace-media-fallback[class*="w-10"][class*="h-10"]::after,
.marketplace-media-fallback[class*="h-10"][class*="w-10"]::after,
.marketplace-media-fallback[class*="w-11"][class*="h-11"]::after,
.marketplace-media-fallback[class*="h-11"][class*="w-11"]::after,
.marketplace-media-fallback[class*="w-12"][class*="h-12"]::after,
.marketplace-media-fallback[class*="h-12"][class*="w-12"]::after,
.marketplace-media-fallback[class*="w-14"][class*="h-14"]::after,
.marketplace-media-fallback[class*="h-14"][class*="w-14"]::after,
.marketplace-media-fallback[class*="w-16"][class*="h-16"]::after,
.marketplace-media-fallback[class*="h-16"][class*="w-16"]::after {
  content: "FW" !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  opacity: 1 !important;
  transform: none !important;
}
