/* --- v33: Off-canvas dialog positioning fix --- */
/* Ensures the announcements/notifications off-canvas dialog stays within viewport */
/* Applied globally (including admin theme) via hook_page_attachments() */

#drupal-off-canvas-wrapper {
  max-width: 400px !important;
  right: 0 !important;
  left: auto !important;
  position: fixed !important;
  top: 0 !important;
  height: 100% !important;
  z-index: 501 !important;
}

.ui-dialog.ui-dialog-off-canvas {
  max-width: 400px !important;
  right: 0 !important;
  left: auto !important;
  position: fixed !important;
  top: 0 !important;
  height: 100% !important;
  z-index: 501 !important;
  transform: none !important;
}

/* Target with the announce-dialog class specifically */
.ui-dialog.announce-dialog {
  max-width: 400px !important;
  right: 0 !important;
  left: auto !important;
  position: fixed !important;
}

/* Ensure the off-canvas content area fills properly */
.ui-dialog-off-canvas .ui-dialog-content {
  overflow-y: auto !important;
}

/* Prevent body scroll when dialog is open on mobile */
@media (max-width: 48rem) {
  body.js-off-canvas-dialog-open {
    overflow: hidden !important;
  }

  #drupal-off-canvas-wrapper,
  .ui-dialog.ui-dialog-off-canvas {
    max-width: 100% !important;
    width: 100% !important;
  }
}