/*
 * Legacy Atlas / Kalungi (kl-*) mobile viewport fixes.
 * Loaded on HG pages via base.hubl.html and on Atlas pages via head_html (fix-seo-content.mjs).
 */

html,
body {
  overflow-x: clip;
  max-width: 100%;
  width: 100%;
}

.body-wrapper,
.body-container,
.body-container-wrapper,
.container-fluid,
.row-fluid-wrapper,
.row-fluid,
.dnd-section,
.dnd-area {
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

.row-fluid [class*='span'] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  margin-left: 0 !important;
}

img,
video,
iframe,
embed,
object,
svg,
.hs-image-widget img {
  max-width: 100% !important;
  height: auto !important;
}

.cta_button,
a.cta_button,
.hs-cta-wrapper,
.hs-cta-wrapper a {
  max-width: 100% !important;
  box-sizing: border-box;
}

.kl-offer-01__button,
.kl-rich-text__buttons,
.button_cta,
.kl-cards-slider__content {
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}

.kl-featured-cards__column,
.kl-featured-cards__card-wrapper,
.kl-featured-card,
.kl-featured-card__body,
.kl-featured-card__text {
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
}

[class*='kl-cards'] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
  .header__menu,
  .header__language-switcher,
  .header__language-switcher-label {
    max-width: calc(100vw - 2rem);
    overflow: hidden;
  }

  .shrink-0,
  .hs-image-widget {
    max-width: 100% !important;
    flex-shrink: 1;
  }
}

pre,
table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}