/* Native Elementor compatibility layer. The original CHEN classes remain the visual source of truth. */
:where(.chen-native-container.e-con) {
  --display: block;
  --width: 100%;
  --min-height: initial;
  --flex-direction: row;
  --justify-content: initial;
  --align-items: initial;
  --gap: 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-right: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --margin-top: 0px;
  --margin-right: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  display: block;
  width: 100%;
  max-width: none;
  min-height: 0;
  gap: 0;
  padding: 0;
  margin: 0;
}

/* Elementor's global container gap is 20px. Source Bootstrap rows already
   provide their own gutters, so the additional builder gap causes columns to
   wrap. Specific source selectors can still set a real CSS gap when needed. */
body.chen-elementor-site .chen-native-container.e-con {
  --gap: 0px !important;
  --row-gap: 0px !important;
  --column-gap: 0px !important;
}

body.chen-elementor-site .chen-native-widget,
body.chen-elementor-site .chen-native-widget > .elementor-widget-container,
body.chen-elementor-site .chen-native-button .elementor-button-wrapper {
  display: contents;
}

body.chen-elementor-site .chen-native-text p {
  margin-top: 0;
}

body.chen-elementor-site .chen-native-image img {
  display: block;
  max-width: 100%;
}

body.chen-elementor-site .chen-native-image img.logo-img {
  width: auto !important;
  height: 60px !important;
  max-width: none !important;
}

body.chen-elementor-site .chen-native-image img.masked-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

body.chen-elementor-site .elementor-widget-empty {
  display: none;
}

/* Elementor can initialize a Swiper slide as a growing flex child. The source
   layout requires every hero slide to remain exactly one viewport wide. */
body.chen-elementor-site .bannerSwiper > .swiper-wrapper > .swiper-slide.e-con {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.chen-elementor-site .swiper > .swiper-wrapper.e-con {
  --flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

body.chen-elementor-site .swiper > .swiper-wrapper.e-con > .swiper-slide.e-con {
  flex-shrink: 0 !important;
}