/* =========================================================
   Switchbar Demo Mode (Step 2: minimal layout only)
   ========================================================= */

/* Demo iframe layout */
.wwrof-switchbar-demo {
  width: 100%;
  padding: 0;
  margin: 0;
  height: calc(100vh - var(--wwrof-switchbar-height, 40px));
}

.wwrof-switchbar-demo iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}

/* Demo page: crop remote iframe top switchbar */
body.switchbar-demo-page .wwrof-switchbar-demo {
  --wwrof-remote-switchbar-height: 28.2969px;
  overflow: hidden;
}

body.switchbar-demo-page .wwrof-switchbar-demo iframe {
  position: relative;
  top: calc(-1 * var(--wwrof-remote-switchbar-height));
  height: calc(100% + var(--wwrof-remote-switchbar-height));
}

/* Step 4: inside iframe, hide switchbar */
body.switchbar-demo-frame .ast-above-header-bar {
  display: none !important;
}

body.switchbar-demo-frame .ast-above-header-wrap,
body.switchbar-demo-frame #masthead,
body.switchbar-demo-frame .site-header,
body.switchbar-demo-frame .main-header-bar,
body.switchbar-demo-frame .ast-main-header-bar,
body.switchbar-demo-frame .ast-main-header-bar-wrap,
body.switchbar-demo-frame .ast-primary-header-bar,
body.switchbar-demo-frame .ast-header-break-point .ast-primary-header-bar,
body.switchbar-demo-frame .ast-header-break-point .main-header-bar,
body.switchbar-demo-frame .ast-below-header-bar,
body.switchbar-demo-frame .ast-below-header-wrap {
  display: none !important;
}

body.switchbar-demo-frame .site-footer {
  display: none !important;
}

/* Demo page: keep switchbar, hide main header + footer */
body.switchbar-demo-page .main-header-bar,
body.switchbar-demo-page .ast-main-header-bar,
body.switchbar-demo-page .ast-main-header-bar-wrap,
body.switchbar-demo-page .ast-primary-header-bar,
body.switchbar-demo-page .ast-header-break-point .ast-primary-header-bar,
body.switchbar-demo-page .ast-header-break-point .main-header-bar {
  display: none !important;
}

body.switchbar-demo-page .site-footer {
  display: none !important;
}