/* PALERI a11y / Negishot overrides — Negishot light-DOM fallbacks (shadow pierce via paleri-negishot-position.js)
   Keep PHYSICAL top-left (same side as before). Shift JUST BELOW the sticky
   header (nav-in height 60px) so the launcher no longer overlaps the green
   "לתיאום שיחה" header CTA on mobile/desktop (RTL: CTA sits at physical left).
   Real Negishot DOM: #negishot-widget (fixed shell) + .negishot-btn.
   Never use inset-inline-* here — under dir=rtl it remaps and fights left/right.
   z-index 40 stays below sticky-cta (50) and modals; Negishot inline z is overridden.
*/
:root{--paleri-a11y-accent:#0B7A70;--paleri-a11y-accent-hover:#086459;--paleri-a11y-z:40;--paleri-a11y-top:max(68px, calc(env(safe-area-inset-top, 0px) + 64px))}
#negishot-widget,
#paleri-a11y-launcher,
.nagish-button,.nagishli-button,.accessibility-button,
[class*="nagish"][class*="btn"],[id*="nagish"][class*="btn"],
#negishot-widget-button,
#negishot-ui-host #negishot-widget,
#negishot-ui-host .negishot-btn{
  position:fixed !important;
  top:var(--paleri-a11y-top) !important;
  bottom:auto !important;
  left:max(12px, env(safe-area-inset-left, 0px)) !important;
  right:auto !important;
  width:36px !important;height:36px !important;
  min-width:36px !important;min-height:36px !important;
  max-width:40px !important;max-height:40px !important;
  padding:0 !important;margin:0 !important;
  border-radius:999px !important;
  background:var(--paleri-a11y-accent) !important;color:#fff !important;
  border:1px solid rgba(11,122,112,.35) !important;
  box-shadow:0 1px 2px rgba(20,20,10,.08) !important;
  z-index:var(--paleri-a11y-z) !important;
  pointer-events:auto !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  overflow:hidden !important;
  inset:var(--paleri-a11y-top) auto auto max(12px, env(safe-area-inset-left, 0px)) !important;
}
/* Button inside #negishot-widget is position:static in widget CSS — keep shell fixed only */
#negishot-widget .negishot-btn{
  position:static !important;
  inset:auto !important;
  top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
  width:100% !important;height:100% !important;
  max-width:none !important;max-height:none !important;
  border:0 !important;box-shadow:none !important;background:transparent !important;
  border-radius:999px !important;
}
#negishot-widget:hover,.nagish-button:hover,#paleri-a11y-launcher:hover{background:var(--paleri-a11y-accent-hover)!important}
#negishot-panel,
#paleri-a11y-panel,.nagish-panel,.nagishli-panel,[class*="nagish"][class*="panel"],
#negishot-ui-host [class*="panel"],#negishot-ui-host [class*="menu"]{
  position:fixed !important;
  top:calc(var(--paleri-a11y-top) + 44px) !important;
  bottom:auto !important;
  left:max(12px, env(safe-area-inset-left, 0px)) !important;
  right:auto !important;
  max-width:min(92vw,320px)!important;max-height:min(70vh,480px)!important;
  overflow:auto!important;overscroll-behavior:contain!important;
  z-index:var(--paleri-a11y-z)!important;pointer-events:auto!important;
  inset:calc(var(--paleri-a11y-top) + 44px) auto auto max(12px, env(safe-area-inset-left, 0px)) !important;
}
.nagish-overlay,.nagishli-overlay,[data-paleri-a11y-backdrop]{display:none!important;pointer-events:none!important}
html.paleri-a11y-open,body.paleri-a11y-open{overflow:auto!important;height:auto!important;touch-action:pan-y!important}
/* The vendor centers with translateY(-50%); a top-anchored panel must not retain it. */
#negishot-panel,#negishot-panel.show{
  inset:max(8px,env(safe-area-inset-top,0px)) auto auto max(12px,env(safe-area-inset-left,0px))!important;
  transform:none!important;transform-origin:top left!important;
  width:456px!important;
  max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;
  height:min(800px,calc(100vh - 16px))!important;max-height:calc(100vh - 16px)!important;
  height:min(800px,calc(100dvh - max(8px,env(safe-area-inset-top,0px)) - max(8px,env(safe-area-inset-bottom,0px))))!important;
  max-height:calc(100dvh - max(8px,env(safe-area-inset-top,0px)) - max(8px,env(safe-area-inset-bottom,0px)))!important;
  overflow:hidden!important;z-index:2147483646!important;
}
#negishot-panel .negishot-body{min-height:0!important}
#negishot-panel .negishot-content{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}

#negishot-panel,#negishot-panel.show{transition:opacity .15s ease!important;animation:none!important;}
