/* ------------------------------------------------------------------
   Site customizations (loaded after style.css / responsive.css).
   ------------------------------------------------------------------ */

/* Remove the Delivery / Pickup / Dinein service-type switcher
   (rendered by the component-merchant-services Vue component).
   The component still loads and applies the default service type;
   only its toggle UI is hidden. */
.btn-group-rounded{
  display: none !important;
}

/* ------------------------------------------------------------------
   CLS (Cumulative Layout Shift) — reserve space for lazy-loaded images
   so cards and tiles don't jump as images arrive. Heights match the
   existing image sizing in style.css.
   ------------------------------------------------------------------ */

/* Restaurant cards (feed / locations / cuisine): the .el-image wrapper
   had width:100% but no height, collapsing to 0 until the logo loaded. */
.rounded-box .el-image,
.swiperResto .swiperSlide .el-image{
  width: 100%;
  height: 200px;
}

/* Cuisine carousel tiles */
.swiperCuisine .swiperSlide .el-image{
  width: 70px;
  height: 70px;
}

/* Keep the inner image from overflowing the reserved box */
.rounded-box .el-image img,
.swiperResto .swiperSlide .el-image img{
  height: 200px !important;
  object-fit: cover;
}