/* Full-page blank canvas when quote is homepage or any quote page. */
body.wooco-sbq-blank {
  margin: 0;
  background: #f2f7f3;
  color: #102720;
  overflow-x: clip;
  max-width: 100%;
}

body.admin-bar.wooco-sbq-blank {
  margin-top: 0;
}

body.admin-bar.wooco-sbq-blank .wooco-sbq-shell {
  padding-top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar.wooco-sbq-blank .wooco-sbq-shell {
    padding-top: 46px;
  }

  body.admin-bar.wooco-sbq-blank .wooco-sbq-result {
    top: 46px;
  }
}

body.wooco-sbq-blank .wooco-sbq-shell {
  display: block !important;
  width: 100%;
  max-width: 1360px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 28px 35px;
  box-sizing: border-box;
  min-width: 0;
  overflow-x: clip;
}

@media (max-width: 850px) {
  body.wooco-sbq-blank .wooco-sbq-shell {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
    width: 100% !important;
    max-width: 100% !important;
  }

  body.wooco-sbq-page .wooco-sbq-app {
    width: 100% !important;
    max-width: 100% !important;
  }
}

body.wooco-sbq-page .wooco-sbq-app {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

/* Fallback when theme wrapper is still used (non-blank). */
body.wooco-sbq-page:not(.wooco-sbq-blank) .site-header,
body.wooco-sbq-page:not(.wooco-sbq-blank) header.header,
body.wooco-sbq-page:not(.wooco-sbq-blank) #masthead,
body.wooco-sbq-page:not(.wooco-sbq-blank) .ct-header,
body.wooco-sbq-page:not(.wooco-sbq-blank) nav.primary-navigation,
body.wooco-sbq-page:not(.wooco-sbq-blank) .site-footer,
body.wooco-sbq-page:not(.wooco-sbq-blank) footer.site-footer,
body.wooco-sbq-page:not(.wooco-sbq-blank) .ct-footer {
  display: none !important;
}

body.wooco-sbq-page .entry-header,
body.wooco-sbq-page .page-header,
body.wooco-sbq-page .post-title,
body.wooco-sbq-page .page-title,
body.wooco-sbq-page .wp-block-post-title {
  display: none !important;
}

body.wooco-sbq-page #content,
body.wooco-sbq-page .site-content,
body.wooco-sbq-page .entry-content,
body.wooco-sbq-page .content-area,
body.wooco-sbq-page main:not(.wooco-sbq-shell),
body.wooco-sbq-page .site-main,
body.wooco-sbq-page .ct-container,
body.wooco-sbq-page .container {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.wooco-sbq-page {
  background: #f2f7f3;
}