/*
 * ANIFLIX — Z-INDEX SETTINGS
 * Edit the numbers below to change stacking order. All existing explicit
 * z-index values in the main site, TV site, and shared UI components live here.
 * Website values are preserved; the in-page push values reflect your edits.
 * Both app/layout.tsx and public/tv.html load this single file.
 *
 * Larger values appear above smaller values WITHIN THE SAME stacking context.
 * Elements without an explicit z-index retain their original automatic order.
 * Native modal dialogs use the browser top layer; ordinary z-index cannot
 * place page content above it. Embedded third-party iframe contents and
 * other external styles remain controlled by their providers.
 * In-page push remains enabled; z-index controls its stacking, but
 * negative values do not necessarily hide provider content.
 * Change values here, keep variable names intact, then refresh the page.
 */
:root {
  /* IN-PAGE PUSH ADS — Adcash zone 12304074
   * In-page push loading is ENABLED. Your negative values are retained.
   * The host variable controls the outer custom element stacking order.
   * Positioning the custom element is needed for its z-index to apply.
   * Variables inherit into each in-page-message shadow root; the helper
   * connects the provider's inline z-index styles to these settings.
   * Edit host to control the outer element stacking order.
   * The other three settings control elements INSIDE the notification.
   * If Adcash changes its custom element/IDs, update the helper selectors.
   */
  --z-in-page-push-host: -160;
  --z-in-page-push-notification: -140;
  --z-in-page-push-close-area: -150;
  --z-in-page-push-close-button: -149;


  /* Reserved variable (no full-viewport covering rule is implemented). */
  --z-page-background-cover: -1;

  /* MAIN WEBSITE */
  /* Main navigation header — app/globals.css */
  --z-site-header: 3;
  /* Detail / watch dialog close button — app/globals.css */
  --z-modal-close-button: 5;
  /* Editorial text on screens up to 700px — app/globals.css */
  --z-mobile-editorial-copy: 1;
  /* Analytics preferences button — app/globals.css */
  --z-analytics-preferences-button: 20;
  /* Analytics consent panel — app/globals.css */
  --z-analytics-consent-panel: 21;
  /* Analytics notification — app/globals.css */
  --z-analytics-message: 22;
  /* Watch Together notification — app/globals.css */
  --z-watch-together-toast: 60;
  /* Watch Together mini and expanded window — app/globals.css */
  --z-watch-together-window: 15;

  /* TV WEBSITE */
  /* TV navigation header — public/tv.css */
  --z-tv-header: 2;

  /* SHARED UI COMPONENTS (including components available for future use) */
  /* Alert Dialog: overlay — components/ui/alert-dialog.tsx */
  --z-ui-alert-dialog-overlay: 50;
  /* Alert Dialog: content — components/ui/alert-dialog.tsx */
  --z-ui-alert-dialog-content: 50;
  /* Attachment: actions — components/ui/attachment.tsx */
  --z-ui-attachment-actions: 20;
  /* Attachment: trigger — components/ui/attachment.tsx */
  --z-ui-attachment-trigger: 10;
  /* Avatar: badge — components/ui/avatar.tsx */
  --z-ui-avatar-badge: 10;
  /* Bubble: reactions — components/ui/bubble.tsx */
  --z-ui-bubble-reactions: 10;
  /* Button Group: focused child — components/ui/button-group.tsx */
  --z-ui-button-group-focused-child: 10;
  /* Calendar: focused day — components/ui/calendar.tsx */
  --z-ui-calendar-focused-day: 10;
  /* Combobox: popup — components/ui/combobox.tsx */
  --z-ui-combobox-popup: 50;
  /* Context Menu: submenu — components/ui/context-menu.tsx */
  --z-ui-context-menu-submenu: 50;
  /* Context Menu: content — components/ui/context-menu.tsx */
  --z-ui-context-menu-content: 50;
  /* Dialog: overlay — components/ui/dialog.tsx */
  --z-ui-dialog-overlay: 50;
  /* Dialog: content — components/ui/dialog.tsx */
  --z-ui-dialog-content: 50;
  /* Drawer: overlay — components/ui/drawer.tsx */
  --z-ui-drawer-overlay: 50;
  /* Drawer: content — components/ui/drawer.tsx */
  --z-ui-drawer-content: 50;
  /* Dropdown Menu: content — components/ui/dropdown-menu.tsx */
  --z-ui-dropdown-menu-content: 50;
  /* Dropdown Menu: submenu — components/ui/dropdown-menu.tsx */
  --z-ui-dropdown-menu-submenu: 50;
  /* Hover Card: content — components/ui/hover-card.tsx */
  --z-ui-hover-card-content: 50;
  /* Input Otp: active slot — components/ui/input-otp.tsx */
  --z-ui-input-otp-active-slot: 10;
  /* Menubar: content — components/ui/menubar.tsx */
  --z-ui-menubar-content: 50;
  /* Menubar: submenu — components/ui/menubar.tsx */
  --z-ui-menubar-submenu: 50;
  /* Navigation Menu: viewport — components/ui/navigation-menu.tsx */
  --z-ui-navigation-menu-viewport: 50;
  /* Navigation Menu: indicator — components/ui/navigation-menu.tsx */
  --z-ui-navigation-menu-indicator: 1;
  /* Popover: content — components/ui/popover.tsx */
  --z-ui-popover-content: 50;
  /* Resizable: handle — components/ui/resizable.tsx */
  --z-ui-resizable-handle: 10;
  /* Select: content — components/ui/select.tsx */
  --z-ui-select-content: 50;
  /* Sheet: overlay — components/ui/sheet.tsx */
  --z-ui-sheet-overlay: 50;
  /* Sheet: content — components/ui/sheet.tsx */
  --z-ui-sheet-content: 50;
  /* Sidebar: panel — components/ui/sidebar.tsx */
  --z-ui-sidebar-panel: 10;
  /* Sidebar: rail — components/ui/sidebar.tsx */
  --z-ui-sidebar-rail: 20;
  /* Toggle Group: focused item — components/ui/toggle-group.tsx */
  --z-ui-toggle-group-focused-item: 10;
  /* Tooltip: content — components/ui/tooltip.tsx */
  --z-ui-tooltip-content: 50;
  /* Tooltip: arrow — components/ui/tooltip.tsx */
  --z-ui-tooltip-arrow: 50;
}

body.in-page-push-test-cover::before {
  content: "";
  position: fixed;
  inset: 0;
  background: #111114;
  z-index: var(--z-page-background-cover);
  pointer-events: none;
}