/* Directory Goo — Business Profile Media/Layout refinement V5.1
   Load after the compiled React CSS and the V5 profile media CSS. */

/* Keep real uploaded business banners photographic/full-bleed by default. */
.listing .listing-banner .listing-img {
  object-fit: cover !important;
  object-position: center center !important;
}

/* The Directory Goo default template contains text/branding and must not be cropped. */
.listing .listing-banner img[src*="directorygoo-business-banner-default.jpg"] {
  object-fit: contain !important;
  object-position: center center !important;
  background: #f7fbff;
}

/* Maintain the responsive banner heights introduced in V5. */
.listing .listing-banner {
  height: 240px !important;
}

@media (max-width: 991.98px) {
  .listing .listing-banner {
    height: 180px !important;
  }
}

@media (max-width: 575.98px) {
  .listing .listing-banner {
    height: 130px !important;
  }
}

/* Tighten sparse-profile vertical spacing without altering data or components. */
.listing .working {
  margin-top: 0 !important;
}

.listing .working-hours {
  margin-top: 1.5rem !important;
}

.listing .day-detail {
  margin-top: 1.25rem !important;
}

.listing .contact-card {
  margin-top: 0 !important;
}

/* Keep the fallback logo stable. */
.listing .company-logo {
  overflow: hidden;
}

.listing .company-logo .company-logo-img {
  object-position: center center !important;
}