/* =========================================================
   CARDS + TYPOGRAPHY
========================================================= */
.box-card{ padding: 18px; margin: 20px 0 25px; }
.box-card p{ margin: 0 0 10px; font-size: 15px; line-height: 1.4; }
.rm-page-content p{ font-size: 16px; line-height: 1.6; margin: 0 0 14px; }

/* Fix oversized headings in cards */
.box-card:not(.restaurant-menu) > h1,
.box-card:not(.restaurant-menu) > h2{
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 10px;
}

.box-card:not(.restaurant-menu) > h2{
  font-size: 24px;
}


/* =========================================================
  THUMBNAILS
  -on restaurant template, ajax search in top bar, home page thumbnails, and city pages
========================================================= */


/* Shared thumbnail style (front page + nearby + search page) */
.rm-thumb{
  width: 70px;
  height: 70px;
  max-width: 70px;
  max-height: 70px;
  border-radius: 10px;
  object-fit: cover;
  flex: 0 0 70px;
  border: 1px solid #eef1f6;
  background: #f3f5f9;
  display: block;
}

/* Live search thumb frame */
.rm-thumb-wrap{
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #eef1f6;
  background: #f3f5f9;
  padding: 0;          /* IMPORTANT: no padding */
  line-height: 0;      /* prevents tiny baseline gaps */
  display: block;
}

/* Force the image to fill the frame (override any height:auto rules) */
.rm-thumb-wrap > img.rm-thumb{
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  display: block;
  border: 0;
  background: transparent;
}
