/* Trader Level Test <-> WordPress bridge. Loaded after theme styles. */
body.trader-level-test-page {
  overflow-x: hidden !important;
}

/* The app intentionally inherits light/dark text from its own sections.
   Theme heading rules must not recolor those headings. */
body.trader-level-test-page .trader-level-test-app h1,
body.trader-level-test-page .trader-level-test-app h2,
body.trader-level-test-page .trader-level-test-app h3,
body.trader-level-test-page .trader-level-test-app h4,
body.trader-level-test-page .trader-level-test-app h5,
body.trader-level-test-page .trader-level-test-app h6 {
  color: inherit !important;
  font-family: 'IBM Plex Sans Arabic', system-ui, -apple-system, sans-serif !important;
  text-decoration: none !important;
}

/* Keep theme typography from leaking into controls inside the test. */
body.trader-level-test-page .trader-level-test-app button,
body.trader-level-test-page .trader-level-test-app input,
body.trader-level-test-page .trader-level-test-app select,
body.trader-level-test-page .trader-level-test-app textarea {
  font-family: 'IBM Plex Sans Arabic', system-ui, -apple-system, sans-serif !important;
}

/* Header-only mode: defensive hiding for footer markup injected by themes/builders. */
body.trader-level-test-page footer,
body.trader-level-test-page #colophon,
body.trader-level-test-page .site-footer,
body.trader-level-test-page .elementor-location-footer,
body.trader-level-test-page [data-elementor-type="footer"] {
  display: none !important;
}

/* Common floating WhatsApp widgets are not part of the test page.
   Header-contained links/buttons are preserved by integration.js. */
body.trader-level-test-page #qlwapp,
body.trader-level-test-page .joinchat,
body.trader-level-test-page #ht-ctc-chat,
body.trader-level-test-page .ht-ctc,
body.trader-level-test-page .wa__btn_popup,
body.trader-level-test-page .whatsapp-floating,
body.trader-level-test-page .floating-whatsapp {
  display: none !important;
}

/* Do not let theme content-width wrappers squeeze the application. */
body.trader-level-test-page #trader-level-test-main {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  border: 0 !important;
}
