/* Only native marketing documents use this adapter. Store/checkout keep legacy CSS. */
body.mytrela-marketing-document {
  margin: 0;
  color: var(--ink, #1d221a);
  background: var(--paper, #fff);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

/* These pages already contain the source's seven-language switcher in their header. */
body.mytrela-marketing-document .wpml-ls-statics-footer {
  display: none !important;
}

body.mytrela-marketing-document > .elementor,
body.mytrela-marketing-document .mytrela-marketing-root,
body.mytrela-marketing-document .mytrela-marketing-main {
  display: block !important;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0;
}

body.mytrela-marketing-document .mytrela-marketing-root > .e-con-inner,
body.mytrela-marketing-document .mytrela-marketing-main > .e-con-inner {
  display: block !important;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* FAQ's native .wrap container keeps its source width, gutters and margins. */
body.mytrela-marketing-document .mytrela-marketing-source-container {
  display: block !important;
  --display: block;
  --gap: 0;
}

.elementor-widget-mytrela-marketing-section,
.elementor-widget-mytrela-marketing-section > .elementor-widget-container,
.mytrela-marketing-section {
  display: contents;
}

/* Green CTA labels keep contrast without recoloring the interactive app demos. */
body .mytrela-marketing-section .button.primary,
body .mytrela-marketing-section .nav-links .mobile-start {
  background: #527b2f;
  color: #fff;
}

body .mytrela-marketing-section .button.primary:hover,
body .mytrela-marketing-section .nav-links .mobile-start:hover {
  background: #426526;
  color: #fff;
}

body.mytrela-marketing-document .mytrela-marketing-root h1,
body.mytrela-marketing-document .mytrela-marketing-root h2,
body.mytrela-marketing-document .mytrela-marketing-root h3,
body.mytrela-marketing-document .mytrela-marketing-root h4,
body.mytrela-marketing-document .mytrela-marketing-root h5,
body.mytrela-marketing-document .mytrela-marketing-root h6 {
  font-family: inherit;
}

/* A box is needed for Elementor's native selection/inline editing overlay. */
body.elementor-editor-active .elementor-widget-mytrela-marketing-section,
body.elementor-edit-mode .elementor-widget-mytrela-marketing-section {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}