/* ==========================================================================
   Property Detail — Mobile Tab Fix
   Override Houzez main.css rules that stack tabs to full width on mobile
   ========================================================================== */

/* Houzez sets .listing-tabs .nav-tabs .nav-item { width: 100% } at ≤767px,
   and .property-view .listing-tabs .nav-tabs .nav-item { flex-basis: 100% } at ≤575px.
   We override to keep tabs side-by-side (wrap + equal widths). */

@media (max-width: 767.98px) {
  .property-view .listing-tabs .nav-tabs {
    flex-wrap: wrap;
  }
  .property-view .listing-tabs .nav-tabs .nav-item {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
  }
  .property-view .listing-tabs .nav-tabs .nav-link {
    white-space: normal;
    text-align: center;
    padding: 12px 10px;
    font-size: 11px;
    min-width: 0;
  }
}

@media (max-width: 575px) {
  .property-view .listing-tabs .nav-tabs .nav-item {
    flex-basis: auto;
    flex: 1 1 auto;
  }
}