/* === UI tweak patch ===
   - Smaller room cards
   - Fix selection ring not being cut off (use inset box-shadow instead of outline)
   - Add slight padding to the scroll wrapper so ring never hugs the edge
*/

/* Scroll wrapper breathing room so selection ring isn't clipped */
#roomGridWrapper{
  overflow: auto;
  padding: 6px 8px;            /* add space so ring isn't cut by container edge */
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

/* Card sizing */
.room-card{
  border: 1px solid #e7eaf0;
  border-radius: 12px;
  cursor: pointer;
  transition: transform .1s, box-shadow .1s, border-color .1s;
  /* slimmer footprint */
  max-width: 520px;
}
.room-card .room-img{
  height: 120px;               /* was 160px */
  object-fit: cover;
  border-top-left-radius:12px; border-top-right-radius:12px;
}
.room-card .p-3{ padding: .75rem !important; } /* slightly tighter padding */
.room-card:hover{ transform: translateY(-2px); box-shadow:0 .5rem 1rem rgba(0,0,0,.08); }

/* Fix clipped selection ring: use inset shadow instead of outline */
.room-card.selected{
  border-color: var(--bs-primary, #fa6e6e);
  box-shadow:
    0 0 0 2px var(--bs-primary, #fa6e6e) inset,
    0 0 0 1px rgba(var(--bs-primary-rgb, 250,110,110), .3),
    0 .25rem .75rem rgba(var(--bs-primary-rgb, 250,110,110), .25);
}

/* Optional: compact text styles on card */
.room-card .fw-bold{ font-size: 1rem; }
.room-card .text-muted.small{ font-size: .85rem; }
.room-card .small{ font-size: .85rem; }

/* Scrollbar tidy */
#roomGridWrapper::-webkit-scrollbar{ width: 10px; }
#roomGridWrapper::-webkit-scrollbar-thumb{
  background: #d1d5db;
  border-radius: 10px;
  border: 2px solid #fff;
}
#roomGridWrapper:hover::-webkit-scrollbar-thumb{ background: #b7bec8; }