/* Cleaned CSS for Tailwind Compatibility */
.rmwb_no-properties { text-align: center; font-size: 1.5em; padding: 1em; }
.rmwb_detail-wrapper *, .rmwb_listing-wrapper * { box-sizing: border-box; }
.rmwb_detail-wrapper h2, .rmwb_listing-wrapper h2 { width: 100%; text-transform: uppercase; padding: 10px 20px; font-weight: 400; text-align: center; }
.rmwb_detail-wrapper ul, .rmwb_listing-wrapper ul { margin: 0; padding: 0; }
img { max-width: 100%; }

/* THE FIX: Allowing Tailwind's grid-cols-3 to dictate width */
.rmwb_listing-wrapper {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb;
}

.rmwb_listing-wrapper:hover {
  transform: translateY(-5px);
  box-shadow: 0px 15px 30px rgba(0, 166, 153, 0.2);
}

.rmwb_listing-wrapper img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

/* Force details button to Brand Teal */
.rmwb_listing-wrapper .bg-sky-700 {
  background-color: #00A699 !important;
}

/* Detail page fixes */
@media (max-width: 800px) {
  .rmwb_detail-wrapper .rmwb_section { width: 100%; flex-basis: 100%; }
}