/* Facility Home - responsive fixes (works with facility-bridge.css) */

html.site-facility .booking-header {
  flex-wrap: wrap;
  gap: 0.5rem;
}

html.site-facility .booking-actions {
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}

html.site-facility .notification-header {
  flex-wrap: wrap;
  gap: 0.5rem;
}

html.site-facility .notification-message {
  font-size: 0.82rem;
  line-height: 1.4;
}

html.site-facility img,
html.site-facility video,
html.site-facility iframe,
html.site-facility table {
  max-width: 100%;
}

@media (max-width: 768px) {
  html.site-facility .booking-details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem;
  }

  html.site-facility .notification-card,
  html.site-facility .booking-card {
    padding: 0.9rem !important;
  }
}

@media (max-width: 480px) {
  html.site-facility .booking-details {
    grid-template-columns: 1fr !important;
  }
}