/* Only active on a shortcode page using Astra or an Astra child theme. */
body.myqar-v7-page.mqh-v7-astra #masthead,
body.myqar-v7-page.mqh-v7-astra #colophon,
body.myqar-v7-page.mqh-v7-astra .site-content .entry-header,
body.myqar-v7-page.mqh-v7-astra #secondary {
  display: none;
}

body.myqar-v7-page.mqh-v7-astra #content,
body.myqar-v7-page.mqh-v7-astra #content > .ast-container,
body.myqar-v7-page.mqh-v7-astra #primary,
body.myqar-v7-page.mqh-v7-astra #primary > .site-main,
body.myqar-v7-page.mqh-v7-astra #primary article.page,
body.myqar-v7-page.mqh-v7-astra #primary .entry-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  float: none;
}

body.myqar-v7-page.mqh-v7-astra #content > .ast-container {
  display: block;
}

body.myqar-v7-page.mqh-v7-astra #primary .entry-content > .mq7 {
  width: 100%;
  max-width: none;
  margin: 0;
}

body.myqar-v7-page.mqh-v7-astra #primary article.page {
  background: transparent;
}

/* Keep the WordPress admin bar and the theme's outer main landmark intact. */
body.myqar-v7-page.mqh-v7-astra .post-navigation {
  display: none;
}

/* Astra underlines entry-content links; navigation and button surfaces have their own cues. */
body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 a {
  text-decoration: none;
}

body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 :is(p, li) a:not(.mq-btn):not(.mq-text-link),
body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 .mq-footer a:not(.mq-brand):is(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-skip-ink: auto;
}

/* Preserve the source design's list spacing against Astra's margin/padding: revert. */
body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 .mq-steps {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
}

body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 .mq-features {
  list-style: none;
  margin: 27px 0 31px;
  padding: 27px 0 0;
}

body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 .mq-promo-rules ol {
  margin: 20px 0 0;
  padding: 0 0 0 22px;
}

/* Keep Astra's generic button focus colors out of the menu and interactive demo. */
@media (forced-colors: none) {
  body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 .mq-menu-toggle,
  body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 .mq-menu-toggle:is(:hover, :focus, :active) {
    background: #193049;
    color: #fff;
    border-color: #c1daf944;
  }

  body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 .mq-demo-choices button,
  body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 .mq-demo-choices button:is(:focus, :active) {
    background: #0c1c31;
    color: #c8d8ea;
    border-color: #c1daf93b;
  }

  body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 .mq-demo-choices button:hover {
    background: #244163;
    color: #c8d8ea;
    border-color: #b5e5ff;
  }

  body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 .mq-demo-choices button.is-selected,
  body.myqar-v7-page.mqh-v7-astra .entry-content .mq7 .mq-demo-choices button.is-selected:is(:hover, :focus, :active) {
    background: #246cd0;
    color: #fff;
    border-color: #81b9ff;
  }
}

/* Existing site-wide custom CSS forces the Astra footer visible with !important.
   Only the shortcode landing page has its own footer. */
body.myqar-v7-page.mqh-v7-astra #colophon {
  display: none !important;
}

/* Reserve for the mobile purchase bar is scoped to .mq7, not the theme body. */
body.myqar-v7-page.mqh-v7-astra {padding-bottom:0!important;}

/* Native fragment navigation: allow room for the WordPress toolbar. */
html:has(body.myqar-v7-page) { scroll-behavior: smooth; }
body.myqar-v7-page .mq13 [id] { scroll-margin-top: 18px; }
body.myqar-v7-page.admin-bar .mq13 [id] { scroll-margin-top: 50px; }
@media (max-width: 782px) {
  body.myqar-v7-page.admin-bar .mq13 [id] { scroll-margin-top: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body.myqar-v7-page) { scroll-behavior: auto; }
}
