/* --- Logo sizing --- */
.navbar-brand img,
.site-header-logo {
  height: auto;
  max-height: 72px;
}

@media (max-width: 575.98px) {

  .navbar-brand img,
  .site-header-logo {
    max-height: 56px;
  }
}

/* Footer logo */
.footer .logo-normal img,
.footer .navbar-brand img {
  height: auto;
  max-height: 90px;
}

/* remove the red top contact bar */
.top-header {
  display: none !important;
}

/* --- Homepage slider (hero) --- */
#homepageAppSlider .carousel-item img {
  height: auto;
  /* Auto height to maintain aspect ratio */
  max-height: 700px;
  /* Maximum height on desktop - increased for bigger banner */
  object-fit: contain;
  /* Show full image without cropping */
  width: 100%;
  display: block;
  background-color: #f8f9fa;
  /* Light background for letterboxing */
}

@media (max-width: 991.98px) {
  #homepageAppSlider .carousel-item img {
    max-height: 550px;
  }
}

@media (max-width: 575.98px) {
  #homepageAppSlider .carousel-item img {
    max-height: 350px;
  }
}

/* Hide carousel indicators (dots) */
#homepageAppSlider .carousel-indicators {
  display: none !important;
}

/* Optional: make arrows easier to hit */
#homepageAppSlider .carousel-control-prev,
#homepageAppSlider .carousel-control-next {
  width: 3.5rem;
}