/* Custom CSS to fix oversized property icons */
.property-icon {
  width: 60px !important;
  height: 60px !important;
  max-width: 60px !important;
  max-height: 60px !important;
}

/* Direct approach to target the specific icons */
svg {
  max-width: 60px !important;
  max-height: 60px !important;
}

/* Target all SVG elements with gold color */
svg[fill="#D4AF37"],
svg[stroke="#D4AF37"] {
  width: 60px !important;
  height: 60px !important;
}

/* Target the parent containers of the icons */
.flex.items-center svg,
.grid.grid-cols-2 svg {
  width: 60px !important;
  height: 60px !important;
}

/* Target all elements with gold color */
*[style*="fill: rgb(212, 175, 55)"],
*[style*="background-color: rgb(212, 175, 55)"],
*[style*="color: rgb(212, 175, 55)"] {
  width: 60px !important;
  height: 60px !important;
}

/* Target the specific house icon */
svg path[d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"] {
  transform: scale(0.6) !important;
}

/* Force all icons to be smaller */
[class*="icon"],
[id*="icon"],
svg,
path {
  max-width: 60px !important;
  max-height: 60px !important;
  transform-origin: center !important;
  transform: scale(0.6) !important;
}