@import "toggle";
@import "components/inludes/helpers";
@import "components/compatibility";
@import "components/reading-mode/button";

.reading-mode-iframe {
  width: 100%;
  height: 100%;
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999999;
  display: none !important;
}

.reading-mode-enabled {
  overflow: hidden;

  .reading-mode-iframe.active {
    display: block !important;
  }
}

/*** Excludes ***/
//hide .reading-mode-buttons from all breadcrumbs and navigation menus
.breadcrumbs,
.nav-menu,
nav,
#crumbs {
  .reading-mode-buttons {
    display: none !important;
  }
}

// Astra theme support for reading mode display
.ast-plain-container .entry-content {
  p {
    .reading-mode-buttons {
      display: block;
      width: max-content;
      overflow: hidden;
    }
  }
}