/* Findroom Banner Carousel - front-end styles */

.frb-banner-root { width: 100%; }
.frb-banner-wrap { position: relative; width: 100%; padding: 8px 0; z-index: 1; }

/* Try to ensure site navbar stays on top */
header, .header, .navbar, .nav, .nav_wrapper, .master_header, .header_wrapper { position: relative; z-index: 1000; }

/* Swiper container */
.frb-swiper { width: 100%; }
.frb-swiper .swiper-wrapper { align-items: stretch; }

/* Card */
.frb-card { display: block; width: 200px; height: 260px; border-radius: 16px; overflow: hidden; box-shadow: 0 6px 16px rgba(0,0,0,.08); background: #fff; border: 1px solid rgba(0,0,0,.06); }
.frb-card-inner { padding: 10px; text-align: center; height: 100%; display: flex; flex-direction: column; gap: 6px; }
.frb-avatar { width: 100%; height: 140px; object-fit: cover; border-radius: 12px; }
.frb-name { font-weight: 600; font-size: 15px; line-height: 1.2; }
.frb-city {font-size: 13px; color: #c62c83; opacity: .9;}
.frb-text { margin-top: auto; font-size: 12px; line-height: 1.3; color: #333; }

/* Responsive spacing similar vibe to fgirl */
.frb-swiper .swiper-slide { width: 200px; }

/* Status badges */
.frb-badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; color: #fff; vertical-align: middle; }
.frb-green { background: #10b981; }
.frb-red { background: #ef4444; }

/* Manage UI */
.frb-manage-grid { display: grid; grid-template-columns: 1fr 240px; gap: 24px; }
@media (max-width: 782px) {
  .frb-manage-grid { grid-template-columns: 1fr; }
}



/* Mobile adjustments: no vertical gap, keep card centered */

@media (max-width: 990px) {
  .frb-banner-wrap { padding: 0 !important; margin: 0 !important; }
  .frb-banner-root { margin: 0 !important; }
  .frb-swiper { margin: 0 auto !important; padding: 0 !important; }
}


/* Mobile sibling margin reset to remove gaps */

@media (max-width: 990px) {
  .frb-banner-root + * { margin-top: 0 !important; }
}



/* When mobile sticky header is present, ensure banner starts below it on small screens */
@media (max-width: 990px) {
  .mobile_header.mobile_header_sticky_yes + #frb-banner-root { margin-top: 0 !important; }
}