/* 
  Side Widget Stack Base
  Container for feedback and job offer slideout widgets
*/
:root {
  --side-widget-trigger-height: 165px;
  --side-widget-trigger-width: 48px;
}

.side-widget-stack {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  /* Lower z-index so mobile menu (typically 1000+) can overlay it cleanly */
  z-index: 900; 
  display: flex;
  flex-direction: column;
  gap: 25px;
  pointer-events: none; /* Let clicks pass through empty space */
}

/* Hide side widgets when mobile menu is open to prevent overlap */
body.menu-open .side-widget-stack {
  display: none;
}

.side-widget-stack > * {
  pointer-events: auto; /* Re-enable pointer events for the widgets themselves */
}

/* Mobile Adjustments for Stack */
@media (max-width: 768px) {
  :root {
    --side-widget-trigger-height: auto;
    --side-widget-trigger-width: auto;
  }
  
  .side-widget-stack {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: none; /* Crucial: removes CSS transform trap for fixed children */
    gap: 0;
    z-index: 1060; /* Rest well above the site-header's z-index: 1000 */
  }

  /* Hide the legacy desktop triggers entirely on mobile */
  .job-widget-trigger,
  .feedback-trigger {
    display: none !important;
  }
}