/*
  WorldTownGuide shared public styles.

  Generated pages still include inline CSS while the template is being
  stabilised. Rules in this file intentionally use narrow selectors and
  !important where needed so site-wide presentation fixes can be shipped by
  updating one asset instead of regenerating every page immediately.
*/

:root {
  --wtg-carousel-height: clamp(260px, 48vw, 450px);
}

.carousel {
  background: #fff !important;
}

.carousel-slide img {
  width: 100% !important;
  height: var(--wtg-carousel-height) !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
}

.carousel-caption,
.carousel-dots {
  background: #fff;
}

.known-for a {
  color: #2c5f8a;
  text-underline-offset: 2px;
}

@media (max-width: 520px) {
  :root {
    --wtg-carousel-height: clamp(220px, 62vw, 360px);
  }
}