/*
 * ATL WPBakery Compatibility Pilot
 * Scope: approved pure-WPBakery pages only, via body.atl-wpbakery-legacy.
 * Elementor Kit, generated CSS, WPBakery core, and page content are untouched.
 */

body.atl-wpbakery-legacy .wpb_text_column h2 {
  font-size: 30px;
  line-height: 1.2 !important; /* Overrides legacy body h2 line-height: 1.1 !important. */
  letter-spacing: 0;
  margin: 32px 0 12px;
}

body.atl-wpbakery-legacy .wpb_text_column h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  margin: 26px 0 10px;
}

body.atl-wpbakery-legacy .wpb_text_column h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin: 22px 0 8px;
}

body.atl-wpbakery-legacy .wpb_text_column p {
  margin: 0 0 16px;
}

body.atl-wpbakery-legacy .wpb_text_column ul,
body.atl-wpbakery-legacy .wpb_text_column ol {
  margin: 0 0 16px 1.25rem;
  padding: 0;
}

body.atl-wpbakery-legacy .wpb_text_column li {
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 0.45rem;
}

/* Sustainability video hero: static fallback for loading failure, mobile, and reduced motion. */
body.page-id-22581 .vc_video-bg-container[data-vc-video-bg],
body.page-id-22581 .vc_video-bg-container:not([data-vc-video-bg]) {
  background-color: #173f35;
  background-image: url("sustainability-video-fallback.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body.page-id-22581 .vc_video-bg-container .vc_video-bg {
  z-index: 0;
}

body.page-id-22581 .vc_video-bg-container > .wpb_column {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px), (prefers-reduced-motion: reduce) {
  body.page-id-22581 .vc_video-bg-container .vc_video-bg {
    display: none;
  }
}

/* Sustainability goals: repair the legacy global 9px list line-height on this block only. */
body.page-id-22581 .atl-sustainability-goals {
  line-height: 1.45;
  margin: 0 0 18px 1.25rem;
  padding: 0;
}

body.page-id-22581 .atl-sustainability-goals > li {
  line-height: inherit;
  margin: 0 0 8px;
}

body.page-id-22581 .atl-sustainability-goals > li:last-child {
  margin-bottom: 0;
}

body.page-id-22581 .atl-sustainability-goals-note {
  margin-bottom: 24px;
}
