/*
 * Sayyarati V84.34 — desktop fixed sidebar viewport anchoring.
 *
 * The public header uses a translucent backdrop on small screens. Backdrop-filter
 * creates a containing block for fixed descendants, which caused the persistent
 * desktop menu to anchor to the reduced header width instead of the browser edge.
 * Keep the mobile drawer unchanged and neutralize that containing block only on
 * wide desktop screens.
 */
@media (min-width: 1180px) {
  html body:not(.admin-body) .site-header,
  html[dir="rtl"] body:not(.admin-body) .site-header {
    position: sticky !important;
    top: 0 !important;
    width: calc(100vw - var(--desktop-fixed-sidebar)) !important;
    max-width: calc(100vw - var(--desktop-fixed-sidebar)) !important;
    margin-right: var(--desktop-fixed-sidebar) !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;

    /* Do not let the header become the containing block of the fixed sidebar. */
    transform: none !important;
    translate: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    perspective: none !important;
    contain: none !important;
    will-change: auto !important;
    isolation: auto !important;
  }

  html body:not(.admin-body) .site-header .main-nav.compact-menu.slide-drawer-menu,
  html body:not(.admin-body) .site-header [data-nav].main-nav.compact-menu.slide-drawer-menu,
  html[dir="rtl"] body:not(.admin-body) .site-header .main-nav.compact-menu.slide-drawer-menu,
  html[dir="rtl"] body:not(.admin-body) .site-header [data-nav].main-nav.compact-menu.slide-drawer-menu {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    inset-inline-end: auto !important;
    inset-inline-start: auto !important;
    left: auto !important;
    right: 0 !important;
    width: var(--desktop-fixed-sidebar) !important;
    min-width: var(--desktop-fixed-sidebar) !important;
    max-width: var(--desktop-fixed-sidebar) !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    transform: none !important;
    translate: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
  }
}