/* XtraVIRAL Service 1 Mobile Scroll 47
   Make Zoho's Floating and Transparent header modes float on mobile too.
   This file intentionally loads after the mobile containment rules. */

@media (max-width: 991px) {
  [data-headercontainer].xv-mobile-header-floating,
  [data-headercontainer].xv-mobile-header-transparent,
  [data-headercontainer].xv-custom-mobile-shell-active.xv-mobile-header-floating,
  [data-headercontainer].xv-custom-mobile-shell-active.xv-mobile-header-transparent,
  [data-headercontainer]:has(.theme-header[data-header="zptheme-data-header"]),
  [data-headercontainer]:has(.theme-header[data-header="zptheme-data-header-transparent"]) {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    inset-block-start: 0 !important;
    z-index: 10000 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    transform: none !important;
  }

  [data-headercontainer].xv-mobile-header-transparent:not(.xv-mobile-header-scrolled) > .theme-header,
  [data-headercontainer]:has(.theme-header[data-header="zptheme-data-header-transparent"]):not(.xv-mobile-header-scrolled) > .theme-header,
  [data-headercontainer].xv-mobile-header-transparent:not(.xv-mobile-header-scrolled) .xv-mobile-header-shell,
  [data-headercontainer].xv-mobile-header-transparent:not(.xv-mobile-header-scrolled) .xv-mobile-header-top {
    background-color: transparent !important;
    background-image: none !important;
  }

  /* The open menu remains opaque and readable even when the header itself is
     using Transparent mode. */
  [data-headercontainer].xv-mobile-header-transparent .xv-mobile-menu-panel,
  [data-headercontainer].xv-mobile-header-transparent .xv-custom-mobile-cta-row {
    background-color: var(--xv-header-background, #ffffff) !important;
  }

  /* Fallback for editor previews whose header container is not exposed. */
  .theme-header[data-header="zptheme-data-header"],
  .theme-header[data-header="zptheme-data-header-transparent"] {
    top: 0 !important;
    z-index: 10000 !important;
  }
}