/* Fix for Alpine.js modal overlays and Vue.js cohabitation */
/* Ensure modals appear above other content */
.filament-modal {
  z-index: 999 !important;
}

.filament-modal-close-overlay {
  z-index: 1000 !important;
}

.filament-modal-window {
  z-index: 1001 !important;
}

/* Hide overlay when modal is closed */
.filament-modal[x-data] div[x-show=isOpen] {
  transition: opacity 0.3s ease;
}

.filament-modal[x-data] div[x-show=isOpen][style*="display: none"] {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Prevent Vue.js from interfering with Alpine.js */
[x-data] {
  /* Ensure Alpine.js directives are preserved */
}

/* Fix for persistent modal overlays */
.fixed.inset-0.bg-black\/50 {
  transition: opacity 300ms;
}

.fixed.inset-0.bg-black\/50[style*="display: none"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Ensure body scroll is restored when modal closes */
body:not(.modal-open) {
  overflow: auto !important;
}

/* Force hide elements with x-cloak when Alpine.js hasn't loaded yet */
[x-cloak] {
  display: none !important;
}